diff --git a/.github/dependabot.yml b/.github/dependabot.yml new file mode 100644 index 0000000000..50a5a93081 --- /dev/null +++ b/.github/dependabot.yml @@ -0,0 +1,14 @@ +version: 2 + +updates: + - package-ecosystem: "github-actions" + directory: "/" + schedule: + interval: "weekly" + + - package-ecosystem: "npm" + directory: "/" + schedule: + interval: "daily" + # Disables version updates; only Dependabot security updates are raised for npm dependencies. + open-pull-requests-limit: 0 diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml index 94d905dcaa..de33073293 100644 --- a/.github/workflows/build-and-deploy.yml +++ b/.github/workflows/build-and-deploy.yml @@ -28,13 +28,13 @@ jobs: steps: - name: Checkout - uses: actions/checkout@v4 + uses: actions/checkout@v7 with: fetch-depth: 0 ref: ${{ env.BRANCH_REF }} - name: Setup Node.js - uses: actions/setup-node@v4 + uses: actions/setup-node@v7 with: node-version: '22.x' @@ -51,8 +51,8 @@ jobs: echo "//packages.infragistics.com/npm/js-licensed/:username=${{ secrets.INFRAGISTICS_NPM_USER }}" >> .npmrc echo "//packages.infragistics.com/npm/js-licensed/:_auth=${{ secrets.INFRAGISTICS_NPM_TOKEN }}" >> .npmrc - - name: npm install --legacy-peer-deps - run: npm install --legacy-peer-deps + - name: npm install + run: npm install # "Uninstall all IG trial packages & re-install their licensed versions" - name: Replace trial IG packages with licensed versions @@ -61,7 +61,7 @@ jobs: Get-Content -Path ./.npmrc $packageJson = Get-Content -Raw ./package.json | ConvertFrom-Json $npmUninstallPackages = "npm uninstall --save " - $npmInstallPackages = "npm install --legacy-peer-deps " + $npmInstallPackages = "npm install " $packageJson.dependencies.PSObject.Properties | ` Where-Object { $_.Name.StartsWith("igniteui-webcomponents-") -or $_.Name.StartsWith("igniteui-dockmanager") @@ -87,7 +87,7 @@ jobs: zip -r ${{ github.workspace }}/WebComponentsSamples.zip ./ - name: Upload artifact - uses: actions/upload-artifact@v4 + uses: actions/upload-artifact@v7 with: name: WebComponentsSamplesBrowser path: WebComponentsSamples.zip @@ -95,7 +95,7 @@ jobs: - name: Get app token id: app-token - uses: actions/create-github-app-token@v2 + uses: actions/create-github-app-token@v3 with: app-id: ${{ secrets.IGNITEUI_GITHUB_APP_ID }} private-key: ${{ secrets.IGNITEUI_GITHUB_APP_PRIVATE_KEY }} @@ -103,7 +103,7 @@ jobs: repositories: igniteui-actions - name: Trigger Deploy Workflow in IgniteUI Actions - uses: actions/github-script@v8 + uses: actions/github-script@v9 with: github-token: ${{ steps.app-token.outputs.token }} script: | diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml index f758e002df..27338a5e83 100644 --- a/.github/workflows/node.js.yml +++ b/.github/workflows/node.js.yml @@ -9,6 +9,11 @@ on: pull_request: branches: [ "vnext" ] +# Cancel superseded runs on the same PR/branch. +concurrency: + group: ${{ github.workflow }}-${{ github.ref }} + cancel-in-progress: true + jobs: build: @@ -19,11 +24,11 @@ jobs: # working-directory: ./browser # The working directory path steps: - - uses: actions/checkout@v3 + - uses: actions/checkout@v7 - name: Use Node.js - uses: actions/setup-node@v3 + uses: actions/setup-node@v7 with: - node-version: 22.x + node-version: 24.x cache: 'npm' # cache-dependency-path: browser/package-lock.json @@ -34,13 +39,32 @@ jobs: # echo "//packages.infragistics.com/npm/js-licensed/:_auth=${{ secrets.PROGET_TOKEN }}" >> ~/.npmrc # echo "//packages.infragistics.com/npm/js-licensed/:always-auth=true" >> ~/.npmrc - - name: npm install --legacy-peer-deps - run: npm ci --legacy-peer-deps + - name: npm ci + run: npm ci - name: Type check run: npm run check - name: Build run: npm run build + + # Browser binaries are cached per Playwright version; OS deps (apt) are + # not cacheable and are installed on every run. + - name: Get Playwright version + id: playwright + run: echo "version=$(npx playwright --version | awk '{print $2}')" >> "$GITHUB_OUTPUT" + - name: Cache Playwright browser + id: playwright-cache + uses: actions/cache@v6 + with: + path: ~/.cache/ms-playwright + key: playwright-${{ runner.os }}-${{ steps.playwright.outputs.version }} + + # Headless tests only need the headless shell, not full Chromium. - name: Install Playwright browser - run: npx playwright install --with-deps chromium + if: steps.playwright-cache.outputs.cache-hit != 'true' + run: npx playwright install --with-deps --only-shell chromium + - name: Install Playwright OS deps + if: steps.playwright-cache.outputs.cache-hit == 'true' + run: npx playwright install-deps chromium + - name: Smoke tests run: npm run test:smoke diff --git a/README.md b/README.md index 6e032ba13d..ba149b68c4 100644 --- a/README.md +++ b/README.md @@ -151,7 +151,7 @@ npm install ## Learn More To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/general-getting-started.html). -- run `npm install --legacy-peer-deps` +- run `npm install` - create a pull request with your changes - open the [igniteui-xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repo in VS Code - update the version of **Ignite UI for WebComponent** packages in the [WC template](https://github.com/IgniteUI/igniteui-xplat-examples/blob/23.2.x/editor-templates/WebComponents/main-template/package.json) diff --git a/astro.config.mjs b/astro.config.mjs index 01cabc21c8..91934a912d 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,9 +1,12 @@ // @ts-check import { defineConfig } from 'astro/config'; import path from 'node:path'; -import { fileURLToPath } from 'node:url'; +import { fileURLToPath, pathToFileURL } from 'node:url'; import { existsSync } from 'node:fs'; +// A sample's entry module, samples//src/index.ts (captures ). +const SAMPLE_ENTRY_RE = /[\\/]samples[\\/](.+)[\\/]src[\\/]index\.ts$/; + /** * Vite plugin: strip the module-level `new Sample();` (or `new ClassName();`) * from every sample src/index.ts. @@ -28,7 +31,7 @@ function stripSampleInstantiation() { enforce: /** @type {'pre'} */ ('pre'), transform(code, id) { // Only touch samples/**/src/index.ts - if (!id.replace(/\\/g, '/').match(/\/samples\/.+\/src\/index\.ts$/)) return; + if (!SAMPLE_ENTRY_RE.test(id)) return; if (!trailingNewRe.test(code)) return; return { code: code.replace(trailingNewRe, ''), map: null }; }, @@ -83,7 +86,7 @@ function inlineSampleCss() { isBuild = config.command === 'build'; }, transform(code, id) { - if (!id.replace(/\\/g, '/').match(/\/samples\/.+\/src\/index\.ts$/)) return; + if (!SAMPLE_ENTRY_RE.test(id)) return; cssImportRe.lastIndex = 0; if (!cssImportRe.test(code)) return; cssImportRe.lastIndex = 0; @@ -176,6 +179,91 @@ function resolveIgniteUiScoped() { }; } +/** + * Vite plugin: the browser build's chunk layout — one chunk per sample and + * one per node_modules package. + * + * WHY a plugin instead of build.rolldownOptions + * ────────────────────────────────────────────── + * The vendor group must not capture its modules' dependencies, which Rolldown + * allows only when preserveEntrySignatures is 'allow-extension' or false. + * Astro hard-codes 'exports-only' into the client build options; the + * configEnvironment hook runs after that, so its override sticks. Astro's + * client entries are page scripts that export nothing, and the option doesn't + * apply to dynamically imported samples, so only the validation changes. + */ +/** @returns {import('vite').Plugin} */ +function sampleChunking() { + /** @type {import('vite').Rolldown.CodeSplittingGroup[]} */ + const groups = [ + { + // Vite's dynamic-import preload helper is shared by every lazy chunk. + // Left unassigned, the bundler hosts it inside one vendor chunk and the + // others import it back — a chunk cycle (grid-lite → webcomponents → + // grid-lite warning). + name: 'preload-helper', + test: /vite\/preload-helper/, + priority: 3, + }, + { + // One chunk per node_modules package. It outranks the sample group (a + // module claimed by several groups goes to the higher priority), so + // library code never lands in a sample chunk, and it doesn't capture + // dependencies, so each chunk holds only its own package. + test: /[\\/]node_modules[\\/]/, + priority: 2, + includeDependenciesRecursively: false, + name(id) { + const file = id.replace(/\\/g, '/'); + + // Shared IgniteUI runtime → one vendor chunk per package. + // Without this, the bundler hosts shared library code inside the + // first sample chunk that imports it, so every other sample transits + // through that chunk (e.g. an 11MB annotations-all hosting the charts + // runtime) and pulls in its side effects. + const vendor = file.match(/\/node_modules\/(?:@infragistics\/)?(igniteui-[^/]+)\//); + if (vendor) { + return `vendor/${vendor[1]}`; + } + + // Every other node_modules package too. A shared non-IgniteUI + // dep (lit, file-saver, …) left unassigned gets hosted inside the + // first *sample* chunk that imports it, so unrelated pages + // evaluate that sample's module body — its defineAllComponents() + // and theme CSS included (the bootstrap-instead-of-material bug). + const dep = file.match(/\/node_modules\/((?:@[^/]+\/)?[^/]+)\//); + return dep ? `vendor/${dep[1].replace('/', '--')}` : null; + }, + }, + { + // One chunk per sample, so the bundler doesn't try to inline all 700+ + // samples into a single bundle (causes OOM). Unlike the vendor group it + // captures dependencies (Rolldown's default), which is what pulls each + // sample's local files (data sources, helpers) into its chunk. + test: SAMPLE_ENTRY_RE, + priority: 1, + name(id) { + const match = id.match(SAMPLE_ENTRY_RE); + return match && `samples/${match[1].replace(/[\\/]/g, '--')}`; + }, + }, + ]; + + return { + name: 'sample-chunking', + apply: 'build', + configEnvironment(name, config) { + if (name !== 'client') return; + // Set the options rather than return them: Vite runs this hook on every + // config pass and merges a returned config by concatenating arrays, so + // each pass would add another copy of the groups. + const rolldownOptions = ((config.build ??= {}).rolldownOptions ??= {}); + rolldownOptions.preserveEntrySignatures = 'allow-extension'; + rolldownOptions.output = { ...rolldownOptions.output, codeSplitting: { groups } }; + }, + }; +} + // Set BASE_PATH env variable to deploy under a sub-path, e.g. "/webcomponents-demos" const base = process.env.BASE_PATH ?? ''; @@ -212,7 +300,12 @@ export default defineConfig({ }, vite: { - plugins: [resolveIgniteUiScoped(), stripSampleInstantiation(), inlineSampleCss()], + plugins: [ + resolveIgniteUiScoped(), + stripSampleInstantiation(), + inlineSampleCss(), + sampleChunking(), + ], // samples/ and node_modules/ are already at the repo root (__dirname), // so no extra fs.allow entries are needed. server: { @@ -221,10 +314,20 @@ export default defineConfig({ }, }, + // Workaround for a Vite 8 bug (https://github.com/vitejs/vite/issues/23096): + // in a server environment — Astro prerenders pages in one — the CSS + // `@import` resolver externalizes bare package specifiers, so the tailwind + // samples' `@import "tailwindcss";` resolves to /tailwindcss and the + // build fails with ENOENT. Nothing imports tailwindcss from JS, so never + // externalizing it is harmless. Remove once the upstream fix ships. + resolve: { + noExternal: ['tailwindcss'], + }, + // Dep optimisation: - // noDiscovery stops esbuild from scanning any source files (including - // [..slug].astro whose client script globs sample TS files that have CSS - // side-effect imports — causing "Expected ';'" crashes). + // noDiscovery stops the dependency scanner from crawling any source files + // (including [..slug].astro whose client script globs sample TS files that + // have CSS side-effect imports — causing "Expected ';'" crashes). // We explicitly pre-bundle only the igniteui runtime packages so the first // sample click is fast without triggering the scanner. optimizeDeps: { @@ -239,13 +342,24 @@ export default defineConfig({ }, // CSS / SCSS: - // `loadPaths` / `includePaths` make node_modules visible to Sass so - // samples that @use 'igniteui-theming/sass/...' resolve correctly. + // Resolve bare @use specifiers such as 'igniteui-theming/sass/...' from + // node_modules. `loadPaths` can't: Vite 8's own Sass importer runs first + // and throws on subpaths `exports` doesn't cover, and igniteui-theming's + // "./sass/**/*.*" key covers none (a pattern may hold only one `*`). + // Custom importers run before Vite's. Remove once that key is fixed. css: { devSourcemap: true, preprocessorOptions: { scss: { - loadPaths: [path.resolve(__dirname, 'node_modules')], + importers: [ + { + findFileUrl(url) { + // Bare package specifiers only; relative and scheme URLs pass. + if (!/^[\w@]/.test(url) || url.includes(':')) return null; + return pathToFileURL(path.join(__dirname, 'node_modules', url)); + }, + }, + ], }, }, }, @@ -254,58 +368,7 @@ export default defineConfig({ chunkSizeWarningLimit: 16000, sourcemap: process.env.NODE_ENV !== 'production', cssCodeSplit: true, - rollupOptions: { - output: { - // Give every sample its own chunk so Rollup doesn't try to inline - // all 700+ samples into a single bundle (causes OOM). - manualChunks(id) { - // Vite's dynamic-import preload helper is shared by every lazy - // chunk. Left unassigned, Rollup hosts it inside one vendor - // chunk and the others import it back — a chunk cycle - // (grid-lite → webcomponents → grid-lite build warning). - if (id.includes('vite/preload-helper')) { - return 'preload-helper'; - } - - const match = id.match(/[\\/]samples[\\/](.+)[\\/]src[\\/]index\.ts$/); - if (match) { - return `samples/${match[1].replace(/[\\/]/g, '--')}`; - } - - // Shared IgniteUI runtime → one vendor chunk per package. - // Without this, Rollup hosts shared library code inside the first - // sample chunk that imports it, so every other sample transits - // through that chunk (e.g. an 11MB annotations-all hosting the - // charts runtime) and pulls in its side effects. - const vendor = id - .replace(/\\/g, '/') - .match(/\/node_modules\/(?:@infragistics\/)?(igniteui-[^/]+)\//); - if (vendor) { - return `vendor/${vendor[1]}`; - } - - // Every other node_modules package too. A shared non-IgniteUI - // dep (lit, file-saver, …) left unassigned gets hosted inside the - // first *sample* chunk that imports it, so unrelated pages - // evaluate that sample's module body — its defineAllComponents() - // and theme CSS included (the bootstrap-instead-of-material bug). - const dep = id - .replace(/\\/g, '/') - .match(/\/node_modules\/((?:@[^/]+\/)?[^/]+)\//); - if (dep) { - return `vendor/${dep[1].replace('/', '--')}`; - } - }, - // Keep sample CSS files scoped to their own chunk names - assetFileNames(assetInfo) { - const name = assetInfo.name ?? ''; - if (name.endsWith('.css') && assetInfo.source) { - return '_astro/[name].[hash][extname]'; - } - return '_astro/[name].[hash][extname]'; - }, - }, - }, + // Chunk layout lives in the sampleChunking() plugin above. }, }, }); diff --git a/package-lock.json b/package-lock.json index 940bc9faee..9cae40195f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,23 +9,20 @@ "version": "23.1.712", "license": "ISC", "dependencies": { - "@igniteui/material-icons-extended": "2.11.0", + "@igniteui/material-icons-extended": "^3.1.0", "@material/mwc-button": "0.9.1", "@material/mwc-dialog": "0.9.1", "@material/mwc-slider": "0.9.1", "@material/mwc-switch": "0.9.1", "@material/select": "3.2.0", - "@types/file-saver": "^2.0.1", - "@webcomponents/custom-elements": "1.3.0", - "@webcomponents/webcomponentsjs": "2.3.0", - "core-js": "^3.6.5", - "dompurify": "^3.2.6", - "file-saver": "^2.0.2", - "igniteui-dockmanager": "^2.1.1", - "igniteui-grid-lite": "^0.7.1", + "@types/file-saver": "^2.0.7", + "dompurify": "^3.4.16", + "file-saver": "^2.0.5", + "igniteui-dockmanager": "~2.2.0", + "igniteui-grid-lite": "~0.11.0", "igniteui-i18n-resources": "^1.0.5", "igniteui-theming": "^25.0.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-dashboards": "7.1.0", @@ -33,27 +30,27 @@ "igniteui-webcomponents-datasources": "7.1.0", "igniteui-webcomponents-excel": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", "igniteui-webcomponents-spreadsheet": "7.1.0", "igniteui-webcomponents-spreadsheet-chart-adapter": "7.1.0", - "lit": "^3.2.0", - "postcss": "^8.5.6", - "tailwindcss": "^4.1.11" + "lit": "^3.3.0", + "postcss": "^8.5.28", + "tailwindcss": "^4.3.3" }, "devDependencies": { - "@astrojs/check": "^0.9.8", - "@playwright/test": "^1.62.1", - "@tailwindcss/postcss": "^4.1.11", - "astro": "^6.0.5", + "@astrojs/check": "^0.9.10", + "@playwright/test": "^1.63.0", + "@tailwindcss/postcss": "^4.3.3", + "astro": "^7.3.5", "cross-env": "^5.0.1", "marked": "^18.0.0", "marked-shiki": "^1.2.0", "sass": "^1.92.1", - "shiki": "^4.3.0", - "typescript": "^5.9.2" + "shiki": "^4.4.3", + "typescript": "^6.0.3" } }, "node_modules/@alloc/quick-lru": { @@ -69,42 +66,268 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/@astrojs/astro2tsx": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@astrojs/astro2tsx/-/astro2tsx-0.1.1.tgz", + "integrity": "sha512-VNhvoKzs0FXF3iq+2QVIjTqA6awKDKpd2U7khYg3AhcxjM1KMINEma4IeqQnMqJUakw0MNQygntLvLmSPS5pLA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@emnapi/core": "1.11.3", + "@napi-rs/wasm-runtime": "1.2.4" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, "node_modules/@astrojs/check": { - "version": "0.9.8", - "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.9.8.tgz", - "integrity": "sha512-LDng8446QLS5ToKjRHd3bgUdirvemVVExV7nRyJfW2wV36xuv7vDxwy5NWN9zqeSEDgg0Tv84sP+T3yEq+Zlkw==", + "version": "0.9.10", + "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.9.10.tgz", + "integrity": "sha512-zgx/UQMozdjOa3bOxjgeCFdtpE3c9rRX6xHwa+2QXvy8z8Akifu2AtubHyv/zzC2znO8dl8fFWL4K+Ba9kS8HQ==", "dev": true, "license": "MIT", "dependencies": { - "@astrojs/language-server": "^2.16.5", + "@astrojs/language-server": "^2.16.7", "chokidar": "^4.0.3", "kleur": "^4.1.5", - "yargs": "^17.7.2" + "yargs": "^18.0.0" }, "bin": { "astro-check": "bin/astro-check.js" }, "peerDependencies": { - "typescript": "^5.0.0" + "typescript": "^5.0.0 || ^6.0.0" } }, - "node_modules/@astrojs/compiler": { - "version": "2.13.1", - "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.13.1.tgz", - "integrity": "sha512-f3FN83d2G/v32ipNClRKgYv30onQlMZX1vCeZMjPsMMPl1mDpmbl0+N5BYo4S/ofzqJyS5hvwacEo0CCVDn/Qg==", + "node_modules/@astrojs/compiler-binding": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding/-/compiler-binding-0.5.0.tgz", + "integrity": "sha512-PxFTx3WoxQnbgUvvwmF6LRQwhHO77a4pewOtJvzxlrYtQ90tLgomLKvks/akrd2iix2ngGlOhxQonKNd8YoBHg==", "dev": true, - "license": "MIT" + "license": "MIT", + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "optionalDependencies": { + "@astrojs/compiler-binding-android-arm64": "0.5.0", + "@astrojs/compiler-binding-darwin-arm64": "0.5.0", + "@astrojs/compiler-binding-darwin-x64": "0.5.0", + "@astrojs/compiler-binding-linux-arm64-gnu": "0.5.0", + "@astrojs/compiler-binding-linux-arm64-musl": "0.5.0", + "@astrojs/compiler-binding-linux-x64-gnu": "0.5.0", + "@astrojs/compiler-binding-linux-x64-musl": "0.5.0", + "@astrojs/compiler-binding-wasm32-wasi": "0.5.0", + "@astrojs/compiler-binding-win32-arm64-msvc": "0.5.0", + "@astrojs/compiler-binding-win32-x64-msvc": "0.5.0" + } + }, + "node_modules/@astrojs/compiler-binding-android-arm64": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-android-arm64/-/compiler-binding-android-arm64-0.5.0.tgz", + "integrity": "sha512-wVviC/1KaBqGVF0DbTZ8UtAE3c8TN84CCe7w4ju3SGzo/ByWKn8HCqSU/+1wdltGCCSa30pjVk3H8DQUgnfhRQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-darwin-arm64": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-darwin-arm64/-/compiler-binding-darwin-arm64-0.5.0.tgz", + "integrity": "sha512-5NNIkaGeiztD9QQfhOy+nNrBCZVeHqVZPlfJVjTKq4yJiiSsxAhuBzmVlmK3BDhbSgUT8dai4JV5m6t4/BIQaw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-darwin-x64": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-darwin-x64/-/compiler-binding-darwin-x64-0.5.0.tgz", + "integrity": "sha512-HU/waaccOQDXpvjoWA/9xzadNZIcWKblJoaw19lCxfVs6AHQYdZZOzZUQjY8HaLYGerTXjdADbra2XU+kXk9Og==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-linux-arm64-gnu": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-linux-arm64-gnu/-/compiler-binding-linux-arm64-gnu-0.5.0.tgz", + "integrity": "sha512-a21petBJRi0mNBf+gkRZFoWdGH+VOo0zRQSzM4Nuez5RL5rFFkmbondMejkaRZzvE3LVYU2NVD5MGRgAs4V+nQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-linux-arm64-musl": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-linux-arm64-musl/-/compiler-binding-linux-arm64-musl-0.5.0.tgz", + "integrity": "sha512-t5rmu23b/6e6v0bhPibCtwPdABXMRL+bUaJXdkJwTpkINp4zCgH6fNa5Z6+RgkgFSCpmg9uf1MtRIqx1gdmBaA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-linux-x64-gnu": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-linux-x64-gnu/-/compiler-binding-linux-x64-gnu-0.5.0.tgz", + "integrity": "sha512-JWtouuxSiDb2OKKFsxOwfqlpJuZHo1ExirlBGfDgoJVG5zeJWwcd2tU2w4UaJA4suT/tAFSLk/vFhM5fLjWV4A==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-linux-x64-musl": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-linux-x64-musl/-/compiler-binding-linux-x64-musl-0.5.0.tgz", + "integrity": "sha512-LlaSO5v3UC6IxuTKXDViWV/fFHYhLKSO9Of118lNBXv/sjIWwziU+jjENxPgxfq/4oUeOu+613y6H93LBPNTOA==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-wasm32-wasi": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-wasm32-wasi/-/compiler-binding-wasm32-wasi-0.5.0.tgz", + "integrity": "sha512-IP+Cp0m9yKg/AUT47077vHEaAOh/oT/iUZx1PDnV2GJzUxLSEotdQy5Hhv+ycvEadO/DbETSJfAWeV7kte4etQ==", + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "1.11.3", + "@emnapi/runtime": "1.11.3", + "@napi-rs/wasm-runtime": "^1.2.4" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-win32-arm64-msvc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-win32-arm64-msvc/-/compiler-binding-win32-arm64-msvc-0.5.0.tgz", + "integrity": "sha512-v6plwy5GQBGvfv4QgiGhy/qkkQvYKW7Zh2vBArOnsGEDNHyUS43CWYwIQdw4ZdVVmLsFyhwTiueDZEP6zejddQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-binding-win32-x64-msvc": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-binding-win32-x64-msvc/-/compiler-binding-win32-x64-msvc-0.5.0.tgz", + "integrity": "sha512-SgM158cSCJ248UIXaCCW2WqSTjOoFlDv93ed/ATguJqYpZNNVMlOdcPlgNH7WYj/OYeD0rIQr7XyRAYhB7+G1A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@astrojs/compiler-rs": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/@astrojs/compiler-rs/-/compiler-rs-0.5.0.tgz", + "integrity": "sha512-2xIypn5R33FRWCXXXv0sfbDj8xcOvc2VmIbteytxMjOzP9LiGfvqaAFJjhdAjzhs6+ZKzYzbSE79rrPObYW5mg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@astrojs/compiler-binding": "0.5.0" + }, + "engines": { + "node": ">=22.12.0" + } }, "node_modules/@astrojs/internal-helpers": { - "version": "0.10.0", - "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.10.0.tgz", - "integrity": "sha512-Ry2R3VPeIN4uPCSA4xQc+e+vsJXkalKpEbDc07hV+a/o5Bs2N/s/uDcPJH/05L19DKh9tAy7e6JM3YZ6Cxfezw==", + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.11.0.tgz", + "integrity": "sha512-3rzxJ+xbo0+8YyqOzLziIN32wmsHdCjEVz2sGOpRxJ+Ben/KiLph4ItxBy1abEL+E8fkRzqjg0rfXmaHJGw9JA==", "dev": true, "license": "MIT", "dependencies": { "@types/hast": "^3.0.4", "@types/mdast": "^4.0.4", - "js-yaml": "^4.1.1", + "js-yaml": "^4.3.0", "picomatch": "^4.0.4", "retext-smartypants": "^6.2.0", "shiki": "^4.0.2", @@ -113,21 +336,20 @@ } }, "node_modules/@astrojs/language-server": { - "version": "2.16.15", - "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.16.15.tgz", - "integrity": "sha512-hy7nMT1YGDAaRi9Q/SgywovZ8ThBgaRniMUaIT2/lBkFlJyolLjVxDGkhn3qT+zFUQ7GC/yrEBjsb7Xnj+yeaA==", + "version": "2.17.1", + "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.17.1.tgz", + "integrity": "sha512-gG7bvMVNIXgoSe1pM9dI1HsSDLU1EIc/dSAYQ0DuReLyLkOBjsiqvaRYgQltWaldLxh0bNEqjgreLfjd9OnUxQ==", "dev": true, "license": "MIT", "dependencies": { - "@astrojs/compiler": "^2.13.1", + "@astrojs/astro2tsx": "^0.1.0", "@astrojs/yaml2ts": "^0.2.4", - "@jridgewell/sourcemap-codec": "^1.5.5", "@volar/kit": "~2.4.28", "@volar/language-core": "~2.4.28", "@volar/language-server": "~2.4.28", "@volar/language-service": "~2.4.28", "muggle-string": "^0.4.1", - "tinyglobby": "^0.2.16", + "tinyglobby": "^0.2.17", "volar-service-css": "0.0.71", "volar-service-emmet": "0.0.71", "volar-service-html": "0.0.71", @@ -136,7 +358,7 @@ "volar-service-typescript-twoslash-queries": "0.0.71", "volar-service-yaml": "0.0.71", "vscode-html-languageservice": "^5.6.2", - "vscode-uri": "^3.1.0" + "vscode-uri": "^3.2.0" }, "bin": { "astro-ls": "bin/nodeServer.js" @@ -154,30 +376,17 @@ } } }, - "node_modules/@astrojs/markdown-remark": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-7.2.0.tgz", - "integrity": "sha512-+YxmVQu1Bd+MFfSzjq1rOJvD9+nIOJzz5YIIhdIH01RrxRkKbyKoEgyIqP3yv51MhzMDgd79QaPv+kCVPT8vHw==", + "node_modules/@astrojs/markdown-satteri": { + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/@astrojs/markdown-satteri/-/markdown-satteri-0.4.2.tgz", + "integrity": "sha512-g4QehXnB/MzxQWnSf17NciFInMqEJy9948p8cc7zGg/r7995m0Ln5PMr3Xlnj24iey1LchaoZ3SzTOa3D4P/3w==", "dev": true, "license": "MIT", "dependencies": { - "@astrojs/internal-helpers": "0.10.0", + "@astrojs/internal-helpers": "0.11.0", "@astrojs/prism": "4.0.2", "github-slugger": "^2.0.0", - "hast-util-from-html": "^2.0.3", - "hast-util-to-text": "^4.0.2", - "mdast-util-definitions": "^6.0.0", - "rehype-raw": "^7.0.0", - "rehype-stringify": "^10.0.1", - "remark-gfm": "^4.0.1", - "remark-parse": "^11.0.0", - "remark-rehype": "^11.1.2", - "remark-smartypants": "^3.0.2", - "unified": "^11.0.5", - "unist-util-remove-position": "^5.0.0", - "unist-util-visit": "^5.1.0", - "unist-util-visit-parents": "^6.0.2", - "vfile": "^6.0.3" + "satteri": "^0.10.3" } }, "node_modules/@astrojs/prism": { @@ -194,17 +403,16 @@ } }, "node_modules/@astrojs/telemetry": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.3.2.tgz", - "integrity": "sha512-j8DNruA8ors99Al39RYZPJK4DC1bKkoNm93mAMuBhY9TCNC4R8n1q7ovFnJ5qhGh5Lsh7pa1gpQVpYpsJPeTHQ==", + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.3.3.tgz", + "integrity": "sha512-C1TLn5sPJr0x4vk56piHWKbnqlEB8BKyte5Y45V02U+D7BGO5eMqZDH5aPjnkXQWJggvmsTXxH03QMZ9NgWLzQ==", "dev": true, "license": "MIT", "dependencies": { "ci-info": "^4.4.0", "dset": "^3.1.4", "is-docker": "^4.0.0", - "is-wsl": "^3.1.1", - "which-pm-runs": "^1.1.0" + "package-manager-detector": "^1.6.0" }, "engines": { "node": "18.20.8 || ^20.3.0 || >=22.0.0" @@ -270,49 +478,234 @@ "node": ">=6.9.0" } }, - "node_modules/@bufbuild/protobuf": { - "version": "2.11.0", - "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.11.0.tgz", - "integrity": "sha512-sBXGT13cpmPR5BMgHE6UEEfEaShh5Ror6rfN3yEK5si7QVrtZg8LEPQb0VVhiLRUslD2yLnXtnRzG035J/mZXQ==", - "license": "(Apache-2.0 AND BSD-3-Clause)" + "node_modules/@bruits/satteri-darwin-arm64": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-darwin-arm64/-/satteri-darwin-arm64-0.10.5.tgz", + "integrity": "sha512-27KTVl4TJkVahMy/ohyA7qd4938G5UNneFUz/PsScYfpIhj0IVAS23mpcJXdPF44sa6nva198lmV/cKIb2YPyA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] }, - "node_modules/@capsizecss/unpack": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@capsizecss/unpack/-/unpack-4.0.0.tgz", - "integrity": "sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==", + "node_modules/@bruits/satteri-darwin-x64": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-darwin-x64/-/satteri-darwin-x64-0.10.5.tgz", + "integrity": "sha512-IjnLe3nKspq6qaeqGgjT7MT8VrTV74yWRlaag7ZdNsI8TDAYZ0iPxMCo+9KQZHUk5EyVB+reBI/PFWL5KuFw9Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@bruits/satteri-linux-arm64-gnu": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-linux-arm64-gnu/-/satteri-linux-arm64-gnu-0.10.5.tgz", + "integrity": "sha512-glkYXZCJywjP13v67eAyAMSJdF+ncvEbYvgi/wOtffL9tQ27lr/zsyzUfgs+ovjJ9d8JNQKiXeiArJcX8PJL9w==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@bruits/satteri-linux-arm64-musl": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-linux-arm64-musl/-/satteri-linux-arm64-musl-0.10.5.tgz", + "integrity": "sha512-yWdgG1g17Nh2QyGVlFUxGRa3FEFwiMcpZEyMNWkbM3deC94cmVc+/i9OuyFpdKuWo3GkgoCtYVOoxk1uCnCZIA==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@bruits/satteri-linux-x64-gnu": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-linux-x64-gnu/-/satteri-linux-x64-gnu-0.10.5.tgz", + "integrity": "sha512-FVaLoPT1fBgGl0J+AYebyyXJYBachGl8Oyyrf1lye4RTqCB4S0Gwkj1uM9RJyThUOvx5VUmAT1CnNh1SFHA+kw==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@bruits/satteri-linux-x64-musl": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-linux-x64-musl/-/satteri-linux-x64-musl-0.10.5.tgz", + "integrity": "sha512-EHpVAx2bqW3GINHTKkljtxVfQmVDGWIuwOYOP5YghTj+0PkBa2o8oKPRtQ9Kbsr1Fye8jtUcDjhwj2jMNugZKg==", + "cpu": [ + "x64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@bruits/satteri-wasm32-wasi": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-wasm32-wasi/-/satteri-wasm32-wasi-0.10.5.tgz", + "integrity": "sha512-ypz8c/Zmipxp4IoeDa228Gstv6TLzVmNs3yC6wKCoNSOjx1iwpgzu87Y3hTkXFdwChVGU85qeUDuOIarGUZQLw==", + "cpu": [ + "wasm32" + ], "dev": true, "license": "MIT", + "optional": true, "dependencies": { - "fontkitten": "^1.0.0" + "@emnapi/core": "1.11.1", + "@emnapi/runtime": "1.11.1", + "@napi-rs/wasm-runtime": "^1.2.3" }, "engines": { - "node": ">=18" + "node": ">=14.0.0" } }, - "node_modules/@clack/core": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.1.0.tgz", - "integrity": "sha512-SVcm4Dqm2ukn64/8Gub2wnlA5nS2iWJyCkdNHcvNHPIeBTGojpdJ+9cZKwLfmqy7irD4N5qLteSilJlE0WLAtA==", + "node_modules/@bruits/satteri-wasm32-wasi/node_modules/@emnapi/core": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", + "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", "dev": true, "license": "MIT", + "optional": true, "dependencies": { - "sisteransi": "^1.0.5" + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" } }, - "node_modules/@clack/prompts": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.1.0.tgz", - "integrity": "sha512-pkqbPGtohJAvm4Dphs2M8xE29ggupihHdy1x84HNojZuMtFsHiUlRvqD24tM2+XmI+61LlfNceM3Wr7U5QES5g==", + "node_modules/@bruits/satteri-wasm32-wasi/node_modules/@emnapi/runtime": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", + "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", "dev": true, "license": "MIT", + "optional": true, "dependencies": { - "@clack/core": "1.1.0", - "sisteransi": "^1.0.5" + "tslib": "^2.4.0" } }, - "node_modules/@emmetio/abbreviation": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.3.3.tgz", + "node_modules/@bruits/satteri-wasm32-wasi/node_modules/@emnapi/wasi-threads": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", + "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@bruits/satteri-wasm32-wasi/node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD", + "optional": true + }, + "node_modules/@bruits/satteri-win32-arm64-msvc": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-win32-arm64-msvc/-/satteri-win32-arm64-msvc-0.10.5.tgz", + "integrity": "sha512-siTV88nb0LRqNpkL2gXboqCwVdq95sLtzMHS1/3eONV2gLbB3NAK46wmSMvCO/yquBvI2lvaFIfd8P12ecsxBw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@bruits/satteri-win32-x64-msvc": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/@bruits/satteri-win32-x64-msvc/-/satteri-win32-x64-msvc-0.10.5.tgz", + "integrity": "sha512-C3IfPvfvMXmlzBxaMPKFS1XiuV9pu2mC7YqkPk7PSvTgPZ8gbdASIpHpztDLvTTQjqZ0z1Ol8tK5X+V6XXC0wQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@bufbuild/protobuf": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.11.0.tgz", + "integrity": "sha512-sBXGT13cpmPR5BMgHE6UEEfEaShh5Ror6rfN3yEK5si7QVrtZg8LEPQb0VVhiLRUslD2yLnXtnRzG035J/mZXQ==", + "license": "(Apache-2.0 AND BSD-3-Clause)" + }, + "node_modules/@capsizecss/unpack": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/@capsizecss/unpack/-/unpack-4.0.0.tgz", + "integrity": "sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==", + "dev": true, + "license": "MIT", + "dependencies": { + "fontkitten": "^1.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@clack/core": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.1.0.tgz", + "integrity": "sha512-SVcm4Dqm2ukn64/8Gub2wnlA5nS2iWJyCkdNHcvNHPIeBTGojpdJ+9cZKwLfmqy7irD4N5qLteSilJlE0WLAtA==", + "dev": true, + "license": "MIT", + "dependencies": { + "sisteransi": "^1.0.5" + } + }, + "node_modules/@clack/prompts": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.1.0.tgz", + "integrity": "sha512-pkqbPGtohJAvm4Dphs2M8xE29ggupihHdy1x84HNojZuMtFsHiUlRvqD24tM2+XmI+61LlfNceM3Wr7U5QES5g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@clack/core": "1.1.0", + "sisteransi": "^1.0.5" + } + }, + "node_modules/@emmetio/abbreviation": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/@emmetio/abbreviation/-/abbreviation-2.3.3.tgz", "integrity": "sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==", "dev": true, "license": "MIT", @@ -372,13 +765,30 @@ "dev": true, "license": "MIT" }, + "node_modules/@emnapi/core": { + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.3.tgz", + "integrity": "sha512-zLpS5asjEb7lq8jYLq37N6XKaE41DIexlY1rF/z4/tIl3wo13Sqm28fRyfIsKZD+NZ8mM5RoKkpW/rBcuoSZSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@emnapi/wasi-threads": "1.2.3", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/core/node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD" + }, "node_modules/@emnapi/runtime": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.0.tgz", - "integrity": "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw==", + "version": "1.11.3", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.3.tgz", + "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==", "dev": true, "license": "MIT", - "optional": true, "dependencies": { "tslib": "^2.4.0" } @@ -388,13 +798,29 @@ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", "dev": true, - "license": "0BSD", - "optional": true + "license": "0BSD" + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.3.tgz", + "integrity": "sha512-ELEBe8PsLvvJ6QMr0zLt8ffvOHW/dc1m3CEzNMg7aJUv3bMaoDtw2TXyDAwkYBuroxxuHEwhRTLJSe5sya547g==", + "dev": true, + "license": "MIT", + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads/node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD" }, "node_modules/@esbuild/aix-ppc64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz", - "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.2.tgz", + "integrity": "sha512-XExcO+dvLKvVtNTibSTBej1NCAbaGhWn9Ww1ZPx80qsahhPFe/8jgWP0IchNe0F3HwkU7n8ejhH8bjonqht8mQ==", "cpu": [ "ppc64" ], @@ -409,9 +835,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz", - "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.2.tgz", + "integrity": "sha512-kXXoiPVVGQcnIYGOeaovwOURpniDBpSq4A03qkQ+BMQqtGG6HYap3xne9C1O1yo4TR3qxlCX5IqqmX6fFo2Lqg==", "cpu": [ "arm" ], @@ -426,9 +852,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz", - "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.2.tgz", + "integrity": "sha512-5YfKeeI8qWfBZIX+u2xZC3Zlb3Os/gLS2sbEKM+I4ZOcsWmHS2WLysCcQZDAFRslDUU5Oiq44gf6PYN1vGwG5A==", "cpu": [ "arm64" ], @@ -443,9 +869,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz", - "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.2.tgz", + "integrity": "sha512-O387ite7SzUyCcy3JQX4P4bLtEA7bLLkx+esve5JHnyYfNTxcVpXZo9jhdB0lTKN44gztELTdU7nS8Nr16Fs1Q==", "cpu": [ "x64" ], @@ -460,9 +886,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz", - "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.2.tgz", + "integrity": "sha512-n4KqkOQrraxHJcgjM1RvwbigfQKIKJVpM7xp+KsxiyUSrRdIXnt73VhrPAx0fV44hgfmIVKjxMN9J1t5jySVkw==", "cpu": [ "arm64" ], @@ -477,9 +903,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz", - "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.2.tgz", + "integrity": "sha512-uq6suIWYP37qzGddBKPw5QEQPi6HiLGsO7UmkpfyaYNQ3D+rN6w6WfwH+nuqcGXWvawGwxOEroO4YGnFh95azw==", "cpu": [ "x64" ], @@ -494,9 +920,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz", - "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.2.tgz", + "integrity": "sha512-n+I0BTSRIoy+d6RPKnEVwql5UwBJolytvY4mAOIEJorKlqgPII8ix6slVVrfZ5Tnj7glIZvloylbB/EJPMWEXw==", "cpu": [ "arm64" ], @@ -511,9 +937,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz", - "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.2.tgz", + "integrity": "sha512-78XJTJkvPs0kz2w61301PJjXl4g7q3JqiYMZ/M/yVI73EHBrCRTgkhu9oqG7vPqq+a/yadEW8aD+agKlk5xrmg==", "cpu": [ "x64" ], @@ -528,9 +954,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz", - "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.2.tgz", + "integrity": "sha512-XlDnu2q5yoqems+xay6wSAcg9DDD7K9RLKZEBOMZm3ckNpJBvOX20tSfby8KfrrhINDyv9V2YVZKY/SpoGJI8w==", "cpu": [ "arm" ], @@ -545,9 +971,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz", - "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.2.tgz", + "integrity": "sha512-pW4AC0P3it8c7do9MVM4p51FzHzdM/TZrerurgRcHJ2WTa1VQ1CIq18xncfpBJw4ojkiZZrKW2yIBWBP92j6Ug==", "cpu": [ "arm64" ], @@ -562,9 +988,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz", - "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.2.tgz", + "integrity": "sha512-CYbnj78HsIeA+DhgUKgFCfvNsTHFhMMrinUrMZpDXJXKN8T3XViTZ/+wtHeVxEWY8ewSzTFN+nRmSwO2tZaLUQ==", "cpu": [ "ia32" ], @@ -579,9 +1005,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz", - "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.2.tgz", + "integrity": "sha512-buwkd8nsph4R+ajRvw0qM5Hja/TXQow3ptzWO2EbG/cqcIkHloRrdlBtQlshyYGTNFvfkfJ5tpPLVkY4DtsPfQ==", "cpu": [ "loong64" ], @@ -596,9 +1022,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz", - "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.2.tgz", + "integrity": "sha512-ZVykbDyk7519VwiNb9Lcj9m8XM6v5V9uKPvrEMkkEedVewf+0itkhahp4HDpgERXhwLRpWFypsGbG/J8s0QjJA==", "cpu": [ "mips64el" ], @@ -613,9 +1039,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz", - "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.2.tgz", + "integrity": "sha512-CAXl+Dtd9UUuJd8pKKdwh6MLm3MUMiqMPmhZ3tTSXPqfyQ3vDl6R5hZdZ/kYojK4ofXtdfSv1tFq8XzWx3heNQ==", "cpu": [ "ppc64" ], @@ -630,9 +1056,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz", - "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.2.tgz", + "integrity": "sha512-GeXCej4IQtU1B+QlDV8W/RRvbzI3O/Stss+/bCXv4lZls5WGRtu2a+3JkA3i4qIUlMXpcHebWpF8AkJhATowuA==", "cpu": [ "riscv64" ], @@ -647,9 +1073,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz", - "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.2.tgz", + "integrity": "sha512-3H1weTYZPxt/WOhByszQZybS9w5lKzUn1FDMsgEChbHWQwHYQQRfBxgCcZvPhjHfKyJjIievvMmEUawJrdY9Dg==", "cpu": [ "s390x" ], @@ -664,9 +1090,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz", - "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.2.tgz", + "integrity": "sha512-4xTZr1FUmSoQW4XIWmit3tzQrUTZM+N3P0XV8xROKYF50XfI7xeO90+1bZvNwxIufQ9hDQVRJH5YhgPVF8A/HQ==", "cpu": [ "x64" ], @@ -681,9 +1107,9 @@ } }, "node_modules/@esbuild/netbsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz", - "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.2.tgz", + "integrity": "sha512-sSATRjPeDBg3pdgHoQfoYBob11Kk1FGa9lui5RIHZCoCkJa9QKlvl3/vKz2usCmYYjs7ymJR/2Nnsqe+Hjt5nw==", "cpu": [ "arm64" ], @@ -698,9 +1124,9 @@ } }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz", - "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.2.tgz", + "integrity": "sha512-lqnzCV+mM0gIADaKihiCg6ifgfU2L3h5E33rNQBN1Y4MaVGnzryzmvvf7UHxprpQdE8hpqLolJ9Rl+SkIRDpyw==", "cpu": [ "x64" ], @@ -715,9 +1141,9 @@ } }, "node_modules/@esbuild/openbsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz", - "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.2.tgz", + "integrity": "sha512-AL2qJILH7lNjrDmCQDvdxMfAUIv8KMNZOvrwAQ8i8//ntL9FflhOyMJ8OZSMBb8/AWXe3/5v5S20y3zCoZWKoQ==", "cpu": [ "arm64" ], @@ -732,9 +1158,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz", - "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.2.tgz", + "integrity": "sha512-QtiuPytchRyC4rwUKhexJdQKvDuZ6hWloi3igqPQNUJCS1/v9EiO3UTOXR6A3FoMo4fnAKbWJdqaIwhOzh8qEw==", "cpu": [ "x64" ], @@ -749,9 +1175,9 @@ } }, "node_modules/@esbuild/openharmony-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz", - "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.2.tgz", + "integrity": "sha512-WkhYDmpTjLvGlScA1rwjRUmhl4k8oXR3cIbtqWmELgU/dFeHHlEllxDvdWcNJV9rbzCexB5vz8gtNewWLgCT7Q==", "cpu": [ "arm64" ], @@ -766,9 +1192,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz", - "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.2.tgz", + "integrity": "sha512-GPMSkTOtMnv2U2F8gxe4Io6qmVs+YKyp832Etqqxr0hFngmXQ3rzwytelm3GIn7T4VviRUlf3sOgBOiTdvaf7g==", "cpu": [ "x64" ], @@ -783,9 +1209,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz", - "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.2.tgz", + "integrity": "sha512-PIhhEkE9uPBleRBrQEJpUn7MBnibZzbGzYWPmY3x+YoVg/95zbjB4CxPPOQ8l5tYYM4mMaCthF8/1DIfBQQyWQ==", "cpu": [ "arm64" ], @@ -800,9 +1226,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz", - "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.2.tgz", + "integrity": "sha512-YmJbfTlvU7Sdn9BB+4PRES4oB6pxgS37MAONj+hBr/cpXS1aBPKXxNnDbu+QCWPj0o9dgyxeq79g6c5P8KeuYA==", "cpu": [ "ia32" ], @@ -817,9 +1243,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz", - "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.2.tgz", + "integrity": "sha512-5ebpxr3nWMzrL/rnUI755Jkuee0bHL/Gq0WTF9lvcpv73wAp5eu8MfBUgWK9bhWvZjj7yX8etf/8tI8Ney695g==", "cpu": [ "x64" ], @@ -871,9 +1297,9 @@ } }, "node_modules/@igniteui/material-icons-extended": { - "version": "2.11.0", - "resolved": "https://registry.npmjs.org/@igniteui/material-icons-extended/-/material-icons-extended-2.11.0.tgz", - "integrity": "sha512-lhNBCsFqYWowhrfuhqFx/gfX8G6hGOLNSaDZju7OaDuGyIc9Nsu8/qmZrkoVe1IVKet3Hr09k92Vq4zo3iSxHA==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@igniteui/material-icons-extended/-/material-icons-extended-3.1.0.tgz", + "integrity": "sha512-gtkIaeOHAWbppCAdVFNtEhnJ/tML6q4hIHF8zM5Fo0THJmu2+iJvBSCNyb8/c7P+mr1ImNqwhKuu+PqUlz493A==", "license": "MIT" }, "node_modules/@img/colour": { @@ -888,9 +1314,9 @@ } }, "node_modules/@img/sharp-darwin-arm64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz", - "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.35.4.tgz", + "integrity": "sha512-Uhfl4V4lhP2nbUVF9+hyH1+luj86f1gUFeo8ALYxFoULoU+G87D43BfeMP8XHsk9boxAnCY/bf2EHwhA7MuGsA==", "cpu": [ "arm64" ], @@ -901,19 +1327,19 @@ "darwin" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-darwin-arm64": "1.2.4" + "@img/sharp-libvips-darwin-arm64": "1.3.3" } }, "node_modules/@img/sharp-darwin-x64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz", - "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.35.4.tgz", + "integrity": "sha512-hWniXY3bG5qKpkKrAwPe4y+VTPmf086YQAnkxWh7uA1YrlRouWGa0M0Mxj3ZjnXFkv7/TD1bTy9lGUK26vRvWw==", "cpu": [ "x64" ], @@ -924,19 +1350,39 @@ "darwin" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-darwin-x64": "1.2.4" + "@img/sharp-libvips-darwin-x64": "1.3.3" + } + }, + "node_modules/@img/sharp-freebsd-wasm32": { + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-freebsd-wasm32/-/sharp-freebsd-wasm32-0.35.4.tgz", + "integrity": "sha512-lIsKw/BU+kjB4eZjxrYrZmwOJYi3Ajrv66iAlBmUPyKc3HpnloevB1g3wxGD9P/5BbQ1brBGl65VRRrCvQDEqA==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "dependencies": { + "@img/sharp-wasm32": "0.35.4" + }, + "engines": { + "node": ">=20.9.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" } }, "node_modules/@img/sharp-libvips-darwin-arm64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz", - "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.3.3.tgz", + "integrity": "sha512-suTBPTDGrI9WodccaDdwZItTSaBYASlBk1NSfElSHrUfzu3szG6lvIF58+WiFvnfzuK8ZBFS5zE00PxqxnRiPg==", "cpu": [ "arm64" ], @@ -951,9 +1397,9 @@ } }, "node_modules/@img/sharp-libvips-darwin-x64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz", - "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.3.3.tgz", + "integrity": "sha512-FVJZ5mITMobmXIz/hPDTw0EintTW5H3WfrxwLqEqjiIihlu+hVRyGrFQ60xl0Lxn7Bt3zdpevPaQi0HEzqz9fw==", "cpu": [ "x64" ], @@ -968,13 +1414,16 @@ } }, "node_modules/@img/sharp-libvips-linux-arm": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz", - "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.3.3.tgz", + "integrity": "sha512-3rbU4vqXXc3hY/OiXdl52xZvT0F1yEngWfvqudtPJg/KkyiaQw2DRsFrNzpmLvfavbwOq3qXn36GP8obHRULQA==", "cpu": [ "arm" ], "dev": true, + "libc": [ + "glibc" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -985,13 +1434,16 @@ } }, "node_modules/@img/sharp-libvips-linux-arm64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz", - "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.3.3.tgz", + "integrity": "sha512-0DaL0A6Xu6sQSQFwe4iVCrKWU2cCTItnRsYsCdxAMm9NF6twAA9BKnoqy4hqz4+azQ0JHuA26qiUKsf1XJ/v5A==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1002,13 +1454,16 @@ } }, "node_modules/@img/sharp-libvips-linux-ppc64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz", - "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.3.3.tgz", + "integrity": "sha512-cdn1OvUBwsXhbC0zSzJnNzf5MZ/mTrobawDvNXBTxe8VtqKAm0sRuEY2Evzovb/w9JMk4TvRxqt1mekSuJz64w==", "cpu": [ "ppc64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1019,13 +1474,16 @@ } }, "node_modules/@img/sharp-libvips-linux-riscv64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz", - "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.3.3.tgz", + "integrity": "sha512-HjPVx7yKz+0lqdhDlTw1tt90wamBoxhiXpvl1XZpJLiHH4RCJ5yDTqH+VlYPv2fwFs89JFw4c1IexYOcQUi4IQ==", "cpu": [ "riscv64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1036,13 +1494,16 @@ } }, "node_modules/@img/sharp-libvips-linux-s390x": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz", - "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.3.3.tgz", + "integrity": "sha512-neWLh+3yCNThxnfy3c4BbVBeGgt9aftno+XbT56iK28RgeDs3UOFWviLWlUu0bArYVYJaFDK+RRohbicUNCm8Q==", "cpu": [ "s390x" ], "dev": true, + "libc": [ + "glibc" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1053,13 +1514,16 @@ } }, "node_modules/@img/sharp-libvips-linux-x64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz", - "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.3.3.tgz", + "integrity": "sha512-4vKmvAst9nrowcqquKFAyZJUDolUaIp8uRiN0mWFguJ1IplC9/pitXtlnnlU4aa/eJw3J7i67V+pwUL+wZGdsA==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1070,13 +1534,16 @@ } }, "node_modules/@img/sharp-libvips-linuxmusl-arm64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz", - "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.3.3.tgz", + "integrity": "sha512-Y9kQaLMuNoB0bPYOOdcZMaseNrFpPodIWWMrx+CZyydf2xn68j9WYc6sWWRrDwNkzCQjKYfc68L7jKjGlHMibw==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1087,13 +1554,16 @@ } }, "node_modules/@img/sharp-libvips-linuxmusl-x64": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz", - "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.3.3.tgz", + "integrity": "sha512-fj8Mv0HHfD1Rr+4I68+3agJynxDWtBFgicTbSOb9Bke6pIwzGcJ+RX/yHjmiEGFMCavY/dxvem7MyNaJF+wDiw==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "LGPL-3.0-or-later", "optional": true, "os": [ @@ -1104,213 +1574,254 @@ } }, "node_modules/@img/sharp-linux-arm": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz", - "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.35.4.tgz", + "integrity": "sha512-7OAS8gI0EReKGVN2HssHlM6umJgxF5VI3xN0p9FA91p/YO+ou5hiNghLdZ5BEHztwaaK5+bLKRf8x/o2L2nk9A==", "cpu": [ "arm" ], "dev": true, + "libc": [ + "glibc" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linux-arm": "1.2.4" + "@img/sharp-libvips-linux-arm": "1.3.3" } }, "node_modules/@img/sharp-linux-arm64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz", - "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.35.4.tgz", + "integrity": "sha512-De4jpEnAU8Hd5oT0j1G3uL4ZvTuipVMn7YC6vPaJhy6/7EwEae0SVAoBrUMYQbkLGDm85taVWwuPc1a44LTzCQ==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linux-arm64": "1.2.4" + "@img/sharp-libvips-linux-arm64": "1.3.3" } }, "node_modules/@img/sharp-linux-ppc64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz", - "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.35.4.tgz", + "integrity": "sha512-2oYZJeIl4kCcMGk4ouZVjnkCtFrpQFlNEtJ6GbxzhHQchwH0NH/qEb9ykmOl29dqwMq+JhFdZn+1ak2FKhI9fQ==", "cpu": [ "ppc64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linux-ppc64": "1.2.4" + "@img/sharp-libvips-linux-ppc64": "1.3.3" } }, "node_modules/@img/sharp-linux-riscv64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz", - "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.35.4.tgz", + "integrity": "sha512-cPbNChoRURAWdebDIHSenxRpgEdy7JkPydSnUxRm9VvKD7m0/xVaR/8Fzlu81pk5nHEvHH87UZUA7cTtwnbJSA==", "cpu": [ "riscv64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linux-riscv64": "1.2.4" + "@img/sharp-libvips-linux-riscv64": "1.3.3" } }, "node_modules/@img/sharp-linux-s390x": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz", - "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.35.4.tgz", + "integrity": "sha512-RY0JFY8Fd6RonCBtHz+DvadaPkXDSI1AUn6yWL9TipqkZ1vY8w8evqdgyDFnkm4/K1ve1TvZiaePP5oSd4+WVQ==", "cpu": [ "s390x" ], "dev": true, + "libc": [ + "glibc" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linux-s390x": "1.2.4" + "@img/sharp-libvips-linux-s390x": "1.3.3" } }, "node_modules/@img/sharp-linux-x64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz", - "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.35.4.tgz", + "integrity": "sha512-9qvvEAuk8k89TfWUoX2htWjbAMX8p+NxCppjpcg5k6xMsjhBQPTsoIh36h9Qde4WRuGpJeYnOjdosDn/cnv+OA==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linux-x64": "1.2.4" + "@img/sharp-libvips-linux-x64": "1.3.3" } }, "node_modules/@img/sharp-linuxmusl-arm64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz", - "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.35.4.tgz", + "integrity": "sha512-KB5jxpfWQTr0nc3xdHtWChdbifHrBGsd2SM62Eyxrl8afikm+f5qGBU75SJIZBT/S1MC8XyacdlXBMSWq6OURA==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linuxmusl-arm64": "1.2.4" + "@img/sharp-libvips-linuxmusl-arm64": "1.3.3" } }, "node_modules/@img/sharp-linuxmusl-x64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz", - "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.35.4.tgz", + "integrity": "sha512-f+eZJZIQNEEd26RPSW+76chwOf1XtA2Y/O+5ocVyLliHkeih3e+jhLVBdNTd2rS3IbNXK8+ug93Vf5ZXtF5Lxg==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "Apache-2.0", "optional": true, "os": [ "linux" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-libvips-linuxmusl-x64": "1.2.4" + "@img/sharp-libvips-linuxmusl-x64": "1.3.3" } }, "node_modules/@img/sharp-wasm32": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz", - "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.35.4.tgz", + "integrity": "sha512-zQnl4Kwp7Q6NHsENtU2T/00Zi+w3AQNwz3+UaTyVBy2FpXrzXzGjndpK61onhZjRtRpQXxCTeqw19bVyXOh7jA==", + "dev": true, + "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT", + "optional": true, + "dependencies": { + "@emnapi/runtime": "^1.11.3" + }, + "engines": { + "node": ">=20.9.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-webcontainers-wasm32": { + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-webcontainers-wasm32/-/sharp-webcontainers-wasm32-0.35.4.tgz", + "integrity": "sha512-ESfNkywmCfPNyaZjxooddJQiQ+l/nTpGEOGthxiLnIHXC/CmcBixnfwUleX9mCz9ovrUUvKMap/pm8RYbzfwaA==", "cpu": [ "wasm32" ], "dev": true, - "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT", + "license": "Apache-2.0", "optional": true, "dependencies": { - "@emnapi/runtime": "^1.7.0" + "@img/sharp-wasm32": "0.35.4" }, "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" } }, "node_modules/@img/sharp-win32-arm64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz", - "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.35.4.tgz", + "integrity": "sha512-iNdlBX9gLVvqe2I3uIJSIKTq6wckP/DYxZtcqxm09x5Gi24DnFBmPAWZmr60ZyYMG0xlzo6goG3670ar+RXvRw==", "cpu": [ "arm64" ], @@ -1321,16 +1832,16 @@ "win32" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" } }, "node_modules/@img/sharp-win32-ia32": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz", - "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.35.4.tgz", + "integrity": "sha512-kqRsbaa5CS6KHlpxnN7WhE6vAAugXyZButpRdvDWetlv6Qv4N9WTcrWzF7tXfB9T7MsoadqdI8hmwLq6UlLvtw==", "cpu": [ "ia32" ], @@ -1341,16 +1852,16 @@ "win32" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": "^20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" } }, "node_modules/@img/sharp-win32-x64": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz", - "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.35.4.tgz", + "integrity": "sha512-XtmnYhBcrORsJ4XJngyzr/EWP0hRZLAZRFaApdKuviyqF78+ylxh2y06ZmtULAMOnObJ3ucpN0AcwSWnMowTRg==", "cpu": [ "x64" ], @@ -1361,7 +1872,7 @@ "win32" ], "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" @@ -1400,9 +1911,9 @@ } }, "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.5.5", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", - "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz", + "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==", "dev": true, "license": "MIT" }, @@ -1423,22 +1934,6 @@ "integrity": "sha512-Aou5UdlSpr5whQe8AA/bZG0jMj96CoJIWbGfZ91qieWu5AWUMKw8VR/pAkQkJYvBNhmCcWnZlyyk5oze8JIqYA==", "license": "BSD-3-Clause" }, - "node_modules/@lit-labs/virtualizer": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/@lit-labs/virtualizer/-/virtualizer-2.1.1.tgz", - "integrity": "sha512-JWxMwnlouLdwpw8spLTuax53WMnSP3xt0dCyxAS7GJr5Otda9MGgR/ghAdfwhSY75TmjbE1T2TqChwoGCw3ggw==", - "license": "BSD-3-Clause", - "dependencies": { - "lit": "^3.2.0", - "tslib": "^2.0.3" - } - }, - "node_modules/@lit-labs/virtualizer/node_modules/tslib": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", - "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", - "license": "0BSD" - }, "node_modules/@lit/context": { "version": "1.1.6", "resolved": "https://registry.npmjs.org/@lit/context/-/context-1.1.6.tgz", @@ -1914,20 +2409,6 @@ "tslib": "^1.10.0" } }, - "node_modules/@material/mwc-base/node_modules/@material/ripple": { - "version": "4.0.0-canary.e851d4f40.0", - "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0-canary.e851d4f40.0.tgz", - "integrity": "sha512-NYiDfxea/L7pM9uA6h8FogOCWm7qDjUHzfzmR3nnGL0I2RCXOYuKkbpjqBhlarX3xBz8SKmq+3Jl/UEoc6C9Aw==", - "license": "MIT", - "dependencies": { - "@material/animation": "^4.0.0-canary.e851d4f40.0", - "@material/base": "^4.0.0-canary.e851d4f40.0", - "@material/dom": "^4.0.0-canary.e851d4f40.0", - "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0", - "@material/theme": "^4.0.0-canary.e851d4f40.0", - "tslib": "^1.9.3" - } - }, "node_modules/@material/mwc-button": { "version": "0.9.1", "resolved": "https://registry.npmjs.org/@material/mwc-button/-/mwc-button-0.9.1.tgz", @@ -2000,20 +2481,6 @@ "tslib": "^1.10.0" } }, - "node_modules/@material/mwc-ripple/node_modules/@material/ripple": { - "version": "4.0.0-canary.e851d4f40.0", - "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0-canary.e851d4f40.0.tgz", - "integrity": "sha512-NYiDfxea/L7pM9uA6h8FogOCWm7qDjUHzfzmR3nnGL0I2RCXOYuKkbpjqBhlarX3xBz8SKmq+3Jl/UEoc6C9Aw==", - "license": "MIT", - "dependencies": { - "@material/animation": "^4.0.0-canary.e851d4f40.0", - "@material/base": "^4.0.0-canary.e851d4f40.0", - "@material/dom": "^4.0.0-canary.e851d4f40.0", - "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0", - "@material/theme": "^4.0.0-canary.e851d4f40.0", - "tslib": "^1.9.3" - } - }, "node_modules/@material/mwc-ripple/node_modules/lit-html": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-1.4.1.tgz", @@ -2118,34 +2585,16 @@ } }, "node_modules/@material/ripple": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0.tgz", - "integrity": "sha512-9BLIOvyCP5sM+fQpLlcJZWyrHguusJq8E5A1pxg0wQwputOyaPBM7recHhYkJmVjzRpTcPgf1PkvkpN6DKGcNg==", - "license": "MIT", - "dependencies": { - "@material/animation": "^4.0.0", - "@material/base": "^4.0.0", - "@material/dom": "^4.0.0", - "@material/feature-targeting": "^4.0.0", - "@material/theme": "^4.0.0", - "tslib": "^1.9.3" - } - }, - "node_modules/@material/ripple/node_modules/@material/base": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@material/base/-/base-4.0.0.tgz", - "integrity": "sha512-vHm7fkqXzjdfxifXvlmaZColoIfKuWmO+1rvdzDORTWP+A8Dq70cgKd2I1SBqxzDGjOasMzHbQI6f9MISQf2vQ==", - "license": "MIT", - "dependencies": { - "tslib": "^1.9.3" - } - }, - "node_modules/@material/ripple/node_modules/@material/dom": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@material/dom/-/dom-4.0.0.tgz", - "integrity": "sha512-GRCJT9+PGWqygZwGf1XLTrbmzP35YWG7+T0hpfhoIJO8VDiMTeyfvhJXFuA2wh9pD0noEjte0lmbdBlykrbWZw==", + "version": "4.0.0-canary.e851d4f40.0", + "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-4.0.0-canary.e851d4f40.0.tgz", + "integrity": "sha512-NYiDfxea/L7pM9uA6h8FogOCWm7qDjUHzfzmR3nnGL0I2RCXOYuKkbpjqBhlarX3xBz8SKmq+3Jl/UEoc6C9Aw==", "license": "MIT", "dependencies": { + "@material/animation": "^4.0.0-canary.e851d4f40.0", + "@material/base": "^4.0.0-canary.e851d4f40.0", + "@material/dom": "^4.0.0-canary.e851d4f40.0", + "@material/feature-targeting": "^4.0.0-canary.e851d4f40.0", + "@material/theme": "^4.0.0-canary.e851d4f40.0", "tslib": "^1.9.3" } }, @@ -2424,6 +2873,27 @@ "node": ">= 8" } }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.4.tgz", + "integrity": "sha512-AJxoUD2/15ESHbvpcyjU274nsAPLuOtPHCk0vKJM5pj//Fg/B1FXNWjPnXTT9PymCYYiHo4zPj0ZomXBKhoy7g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@tybys/wasm-util": "^0.10.3" + }, + "engines": { + "node": "^20.19.0 || ^22.13.0 || >=23.5.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1 || ^2.0.0-alpha.4", + "@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.4" + } + }, "node_modules/@oslojs/encoding": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@oslojs/encoding/-/encoding-1.1.0.tgz", @@ -2431,6 +2901,16 @@ "dev": true, "license": "MIT" }, + "node_modules/@oxc-project/types": { + "version": "0.151.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.151.0.tgz", + "integrity": "sha512-J1yXrIlNDZVzE3ada310xeAw7nH8yCAyLPuUIsjKatFPmfn5bS1oW+cM+QsGOtVWd5nhSpbwZWx/rue+r5Z+PA==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/oxc-project" + } + }, "node_modules/@parcel/watcher": { "version": "2.5.6", "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz", @@ -2728,13 +3208,13 @@ } }, "node_modules/@playwright/test": { - "version": "1.62.1", - "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.62.1.tgz", - "integrity": "sha512-DTcUc8qii+cpHvtOwggMtBRMjKZHXYWdw8syRYu2vtzuq4Wxphqq4NfCs5Zt44L6mA8rfDfj+PHnxFc/FeK6mQ==", + "version": "1.63.0", + "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.63.0.tgz", + "integrity": "sha512-oxMK4vllB9RK5NQ2l1pq1IfOf2AvnEuj/vYGDj0H2nMtmtZpKtCwt/l00GEO6xjGfpBNAvjovvYdCm50dRQkpQ==", "dev": true, "license": "Apache-2.0", "dependencies": { - "playwright": "1.62.1" + "playwright": "1.63.0" }, "bin": { "playwright": "cli.js" @@ -2743,47 +3223,27 @@ "node": ">=20" } }, - "node_modules/@rollup/pluginutils": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz", - "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/estree": "^1.0.0", - "estree-walker": "^2.0.2", - "picomatch": "^4.0.2" - }, - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" - }, - "peerDependenciesMeta": { - "rollup": { - "optional": true - } - } - }, - "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz", - "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==", - "cpu": [ - "arm" - ], + "node_modules/@rolldown/binding-android-arm-eabi": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.10.tgz", + "integrity": "sha512-bp9svZb+QurZeh+8H4BhrZkifEB0YBNvTVzNSJnJQkj4NrRwmQoDUCGP0vSN7PbvLeM7l1tK6GXL8mrTiH2myg==", + "cpu": [ + "arm" + ], "dev": true, "license": "MIT", "optional": true, "os": [ "android" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-android-arm64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz", - "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==", + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.10.tgz", + "integrity": "sha512-wm6Dld3RXUAZ/gRWKyUy+4W1B5CB5UeFaOzsSWJWEdxZXHH8rCYiZ5dGe6oJmhsunAPWzL7FZV+VtvmN5Ye2eA==", "cpu": [ "arm64" ], @@ -2792,12 +3252,15 @@ "optional": true, "os": [ "android" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz", - "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==", + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.10.tgz", + "integrity": "sha512-UbEfXq/AqGNgRTV3ik+X/iR6mUxu2QdYAadwRxJWquUGnW6gDqdP1FtLtFXRow7RJx0ssRwi80XAPr4r+4DtsA==", "cpu": [ "arm64" ], @@ -2806,12 +3269,15 @@ "optional": true, "os": [ "darwin" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz", - "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==", + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.10.tgz", + "integrity": "sha512-7f5h17q5KZVx/ji1vb8OTq31ch1O2I7K8NPIr44GkyWTApXMIsmhWqZfgpOH10xeauqghDAvGlZktasCkcF6Eg==", "cpu": [ "x64" ], @@ -2820,26 +3286,15 @@ "optional": true, "os": [ "darwin" - ] - }, - "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz", - "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==", - "cpu": [ - "arm64" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz", - "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==", + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.10.tgz", + "integrity": "sha512-ynOk/eEYhC6ZB2xCGvKrEOwE58oBy9LnrAqtkrDF9Fz1VTaNdGZTsV0VarJdhPwb+sOJTGjCLwcuyRJZ1dnMcQ==", "cpu": [ "x64" ], @@ -2848,26 +3303,15 @@ "optional": true, "os": [ "freebsd" - ] - }, - "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz", - "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==", - "cpu": [ - "arm" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz", - "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==", + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.10.tgz", + "integrity": "sha512-ERrAs185meZZhGan7a4l3RiiJK1ArSDlHdST++uvSxe+FDbR4TwUPahT/cbZJvaG6fIpDpF78surN+tX708Y4Q==", "cpu": [ "arm" ], @@ -2876,180 +3320,135 @@ "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz", - "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==", - "cpu": [ - "arm64" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz", - "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==", + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.10.tgz", + "integrity": "sha512-KN7OHKD0J3jy1UzBwZWPxpwhODf9IARUIJcrH+yLYKOcmegZ8luEUM38lDP1bDVj40yP6PsSzCqOJF76vljFnQ==", "cpu": [ "arm64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loong64-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz", - "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==", - "cpu": [ - "loong64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-loong64-musl": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz", - "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==", - "cpu": [ - "loong64" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz", - "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==", + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.10.tgz", + "integrity": "sha512-8l9wP8O+wa8zD6iw6egSfzVtu7oZVfH3hlUsMM4MwbLMhxleqeoXbZzjddyK3YyNlwLhqznq3tF7PkNJ8T/V2w==", "cpu": [ - "ppc64" + "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-musl": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz", - "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==", + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.10.tgz", + "integrity": "sha512-SeXNKeQzA5kLhz/J0CH6ZP0/HJ3v1xm/0YbiYpE0kK7emfRC2OIGGIaE14xzkISEGv2aYuUSpiLiU5Gbq+OI0A==", "cpu": [ "ppc64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz", - "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==", - "cpu": [ - "riscv64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-musl": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz", - "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==", - "cpu": [ - "riscv64" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz", - "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==", + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.10.tgz", + "integrity": "sha512-mtht0nR+y8/hart4175Ll15w7lY8dg7CtQ+j2FDNTsDRspOWTK/2V3l0aj9sIj7XmvqxT8Yli/wq22e7feTTWg==", "cpu": [ "s390x" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz", - "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==", + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.10.tgz", + "integrity": "sha512-FSM94nGd55NYo48usCyM/nHfUKRnqc9+b0vJNuKV0oCCpIp/OGims7rO1Nv/DkFkt0S/s2rxsJ2kkS8J3HcpeA==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz", - "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==", + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.10.tgz", + "integrity": "sha512-C3YxNB16myRLs7o+B+6PnQ6jBsdIS4+AE4Ah8glVGhDpEv9AOvxhZ/1duAb4B0UGczEK/lBbccksd8VI+p6zfw==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-openbsd-x64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz", - "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==", - "cpu": [ - "x64" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "openbsd" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-openharmony-arm64": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz", - "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==", + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.10.tgz", + "integrity": "sha512-571TlE/F1eeTjjdjYAMMMPs1Mfv3MtX6s3+ZKVU6HiUjZ5Njc6c/qzNy/8K3zALTZnaw3JQVYrHxvNfjm43KAg==", "cpu": [ "arm64" ], @@ -3058,12 +3457,15 @@ "optional": true, "os": [ "openharmony" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz", - "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==", + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.10.tgz", + "integrity": "sha512-QXW+ZWaiqs2c7Fi++D/SsW07LTPcUrncxcskJGfGNBoaLik1IU6fJymz4HsqwEO0u5Iq11yTO0B/mc4cPk7jrQ==", "cpu": [ "arm64" ], @@ -3072,26 +3474,15 @@ "optional": true, "os": [ "win32" - ] - }, - "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz", - "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==", - "cpu": [ - "ia32" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-x64-gnu": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz", - "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==", + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.10.tgz", + "integrity": "sha512-5FQFGgah17YeMtG1Yd5a+rMxQpTksyNXxRtKz06FVTaQw3RKYUJQbUoKk0/5jrXBpDo+7makNP7UHA2LQyH64A==", "cpu": [ "x64" ], @@ -3100,27 +3491,23 @@ "optional": true, "os": [ "win32" - ] - }, - "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz", - "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==", - "cpu": [ - "x64" ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] + "license": "MIT" }, "node_modules/@shikijs/core": { "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.4.3.tgz", "integrity": "sha512-QCR4q2ZO/ILJEuwiBMel4wdcTDb1JGwfjKTxPDF6x8ixOaluPrVqIn06C99AcRPhmYlBR56d/Fb+GN58GzExpg==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/primitive": "4.4.3", @@ -3137,7 +3524,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.4.3.tgz", "integrity": "sha512-FbOjFJp9VLdo1Wevs10BBtVxiTWwNLqZh5Gkhjgda/ioL15YOgeSl9n+6XMa3qRlPQzfhFNe641SrynFHYG0nQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/types": "4.4.3", @@ -3152,7 +3539,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.4.3.tgz", "integrity": "sha512-EcOQkxdxGQrc1Row/cC2c96/v1dbZqGnEVu1qTuT/MJmp6+cXCvQussowVmCv5Tqr3KuY3c7IbM6HTW3LJ1k9w==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/types": "4.4.3", @@ -3166,7 +3553,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.4.3.tgz", "integrity": "sha512-ePic0yfAJGOF83D5wBHK/00EjK65oahBYxFk5epgq33WRv7X9UuxLEV8PtR0szC0z8dl7INIpIodB99JRFlR+A==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/types": "4.4.3" @@ -3179,7 +3566,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.4.3.tgz", "integrity": "sha512-m0wBeLDQDeIxRdUmrCPdQqfuUamDwRL5isCfYbguKD6NiaKpVbsv+3J81DyIKgNW5h4WAIIr8T4EkgQrBBxvaQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/types": "4.4.3", @@ -3194,7 +3581,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.4.3.tgz", "integrity": "sha512-w8UHjeUnIR965KMWJHUPXOc2mNJUnK3vpVLYLvw5IYU2mnTTJ89E24OrJDBNiJDQ0qzb0tc4l7mrIXx5cFeIyw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/types": "4.4.3" @@ -3207,7 +3594,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.4.3.tgz", "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", @@ -3221,53 +3608,53 @@ "version": "10.0.2", "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz", "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/@tailwindcss/node": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.1.tgz", - "integrity": "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.3.tgz", + "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==", "dev": true, "license": "MIT", "dependencies": { "@jridgewell/remapping": "^2.3.5", - "enhanced-resolve": "^5.19.0", - "jiti": "^2.6.1", - "lightningcss": "1.31.1", + "enhanced-resolve": "^5.24.1", + "jiti": "^2.7.0", + "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", - "tailwindcss": "4.2.1" + "tailwindcss": "4.3.3" } }, "node_modules/@tailwindcss/oxide": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.1.tgz", - "integrity": "sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.3.tgz", + "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==", "dev": true, "license": "MIT", "engines": { "node": ">= 20" }, "optionalDependencies": { - "@tailwindcss/oxide-android-arm64": "4.2.1", - "@tailwindcss/oxide-darwin-arm64": "4.2.1", - "@tailwindcss/oxide-darwin-x64": "4.2.1", - "@tailwindcss/oxide-freebsd-x64": "4.2.1", - "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.1", - "@tailwindcss/oxide-linux-arm64-gnu": "4.2.1", - "@tailwindcss/oxide-linux-arm64-musl": "4.2.1", - "@tailwindcss/oxide-linux-x64-gnu": "4.2.1", - "@tailwindcss/oxide-linux-x64-musl": "4.2.1", - "@tailwindcss/oxide-wasm32-wasi": "4.2.1", - "@tailwindcss/oxide-win32-arm64-msvc": "4.2.1", - "@tailwindcss/oxide-win32-x64-msvc": "4.2.1" + "@tailwindcss/oxide-android-arm64": "4.3.3", + "@tailwindcss/oxide-darwin-arm64": "4.3.3", + "@tailwindcss/oxide-darwin-x64": "4.3.3", + "@tailwindcss/oxide-freebsd-x64": "4.3.3", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3", + "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3", + "@tailwindcss/oxide-linux-arm64-musl": "4.3.3", + "@tailwindcss/oxide-linux-x64-gnu": "4.3.3", + "@tailwindcss/oxide-linux-x64-musl": "4.3.3", + "@tailwindcss/oxide-wasm32-wasi": "4.3.3", + "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3", + "@tailwindcss/oxide-win32-x64-msvc": "4.3.3" } }, "node_modules/@tailwindcss/oxide-android-arm64": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.1.tgz", - "integrity": "sha512-eZ7G1Zm5EC8OOKaesIKuw77jw++QJ2lL9N+dDpdQiAB/c/B2wDh0QPFHbkBVrXnwNugvrbJFk1gK2SsVjwWReg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz", + "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==", "cpu": [ "arm64" ], @@ -3282,9 +3669,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-arm64": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.1.tgz", - "integrity": "sha512-q/LHkOstoJ7pI1J0q6djesLzRvQSIfEto148ppAd+BVQK0JYjQIFSK3JgYZJa+Yzi0DDa52ZsQx2rqytBnf8Hw==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz", + "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==", "cpu": [ "arm64" ], @@ -3299,9 +3686,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-x64": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.1.tgz", - "integrity": "sha512-/f/ozlaXGY6QLbpvd/kFTro2l18f7dHKpB+ieXz+Cijl4Mt9AI2rTrpq7V+t04nK+j9XBQHnSMdeQRhbGyt6fw==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz", + "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==", "cpu": [ "x64" ], @@ -3316,9 +3703,9 @@ } }, "node_modules/@tailwindcss/oxide-freebsd-x64": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.1.tgz", - "integrity": "sha512-5e/AkgYJT/cpbkys/OU2Ei2jdETCLlifwm7ogMC7/hksI2fC3iiq6OcXwjibcIjPung0kRtR3TxEITkqgn0TcA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz", + "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==", "cpu": [ "x64" ], @@ -3333,9 +3720,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.1.tgz", - "integrity": "sha512-Uny1EcVTTmerCKt/1ZuKTkb0x8ZaiuYucg2/kImO5A5Y/kBz41/+j0gxUZl+hTF3xkWpDmHX+TaWhOtba2Fyuw==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz", + "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==", "cpu": [ "arm" ], @@ -3350,13 +3737,16 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.1.tgz", - "integrity": "sha512-CTrwomI+c7n6aSSQlsPL0roRiNMDQ/YzMD9EjcR+H4f0I1SQ8QqIuPnsVp7QgMkC1Qi8rtkekLkOFjo7OlEFRQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz", + "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ @@ -3367,13 +3757,16 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-musl": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.1.tgz", - "integrity": "sha512-WZA0CHRL/SP1TRbA5mp9htsppSEkWuQ4KsSUumYQnyl8ZdT39ntwqmz4IUHGN6p4XdSlYfJwM4rRzZLShHsGAQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz", + "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ @@ -3384,13 +3777,16 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-gnu": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.1.tgz", - "integrity": "sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz", + "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ @@ -3401,13 +3797,16 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-musl": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.1.tgz", - "integrity": "sha512-5r1X2FKnCMUPlXTWRYpHdPYUY6a1Ar/t7P24OuiEdEOmms5lyqjDRvVY1yy9Rmioh+AunQ0rWiOTPE8F9A3v5g==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz", + "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ @@ -3418,9 +3817,9 @@ } }, "node_modules/@tailwindcss/oxide-wasm32-wasi": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.1.tgz", - "integrity": "sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz", + "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==", "bundleDependencies": [ "@napi-rs/wasm-runtime", "@emnapi/core", @@ -3436,11 +3835,11 @@ "license": "MIT", "optional": true, "dependencies": { - "@emnapi/core": "^1.8.1", - "@emnapi/runtime": "^1.8.1", - "@emnapi/wasi-threads": "^1.1.0", - "@napi-rs/wasm-runtime": "^1.1.1", - "@tybys/wasm-util": "^0.10.1", + "@emnapi/core": "^1.11.1", + "@emnapi/runtime": "^1.11.1", + "@emnapi/wasi-threads": "^1.2.2", + "@napi-rs/wasm-runtime": "^1.1.4", + "@tybys/wasm-util": "^0.10.2", "tslib": "^2.8.1" }, "engines": { @@ -3448,9 +3847,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.1.tgz", - "integrity": "sha512-YlUEHRHBGnCMh4Nj4GnqQyBtsshUPdiNroZj8VPkvTZSoHsilRCwXcVKnG9kyi0ZFAS/3u+qKHBdDc81SADTRA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz", + "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==", "cpu": [ "arm64" ], @@ -3465,9 +3864,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-x64-msvc": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.1.tgz", - "integrity": "sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz", + "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==", "cpu": [ "x64" ], @@ -3482,36 +3881,53 @@ } }, "node_modules/@tailwindcss/postcss": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.1.tgz", - "integrity": "sha512-OEwGIBnXnj7zJeonOh6ZG9woofIjGrd2BORfvE5p9USYKDCZoQmfqLcfNiRWoJlRWLdNPn2IgVZuWAOM4iTYMw==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.3.tgz", + "integrity": "sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==", "dev": true, "license": "MIT", "dependencies": { "@alloc/quick-lru": "^5.2.0", - "@tailwindcss/node": "4.2.1", - "@tailwindcss/oxide": "4.2.1", - "postcss": "^8.5.6", - "tailwindcss": "4.2.1" + "@tailwindcss/node": "4.3.3", + "@tailwindcss/oxide": "4.3.3", + "postcss": "^8.5.16", + "tailwindcss": "4.3.3" } }, - "node_modules/@types/debug": { - "version": "4.1.13", - "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.13.tgz", - "integrity": "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==", + "node_modules/@tybys/wasm-util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.4.tgz", + "integrity": "sha512-W3c4gRigFS0T/Ma4qIYF3GDAc5AQdHb1yL5znJT1Zv1YaD9Kitx656wBjvr19qbiosmZT8lWDM5BEMynUqX65A==", "dev": true, "license": "MIT", "dependencies": { - "@types/ms": "*" + "tslib": "^2.4.0" } }, + "node_modules/@tybys/wasm-util/node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD" + }, "node_modules/@types/estree": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", - "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz", + "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==", "dev": true, "license": "MIT" }, + "node_modules/@types/estree-jsx": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz", + "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "*" + } + }, "node_modules/@types/file-saver": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/@types/file-saver/-/file-saver-2.0.7.tgz", @@ -3522,7 +3938,7 @@ "version": "3.0.5", "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.5.tgz", "integrity": "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/unist": "*" @@ -3532,19 +3948,12 @@ "version": "4.0.4", "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz", "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/unist": "*" } }, - "node_modules/@types/ms": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz", - "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/nlcst": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/@types/nlcst/-/nlcst-2.0.3.tgz", @@ -3565,14 +3974,14 @@ "version": "3.0.3", "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz", "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/@ungap/structured-clone": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz", "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==", - "dev": true, + "devOptional": true, "license": "ISC" }, "node_modules/@volar/kit": { @@ -3680,18 +4089,6 @@ "dev": true, "license": "MIT" }, - "node_modules/@webcomponents/custom-elements": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/@webcomponents/custom-elements/-/custom-elements-1.3.0.tgz", - "integrity": "sha512-Mj2g0ZlqHgV+HFFb4ErPbu64l3Bq//wTv/jOBcMBYM178zLF5YN77mBd9er8xLjekeqvI6FFUuQxwEsnbKL3CQ==", - "license": "BSD-3-Clause" - }, - "node_modules/@webcomponents/webcomponentsjs": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/@webcomponents/webcomponentsjs/-/webcomponentsjs-2.3.0.tgz", - "integrity": "sha512-sR6FOrNnnncRuoJDqq9QxtRsJMbIvASw4vnJwIYKVlKO3AMc+NAr/bIQNnUiTTE9pBDTJkFpVaUdjJaRdsjmyA==", - "license": "BSD-3-Clause" - }, "node_modules/accepts": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz", @@ -3763,27 +4160,40 @@ "ajv": "^8.0.0-beta.0" } }, + "node_modules/am-i-vibing": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/am-i-vibing/-/am-i-vibing-0.4.0.tgz", + "integrity": "sha512-MxT4XZL7pzLHpuvhDKdMaQHMGGkJDLluKBLsbstn+8wv9sWcFT6h+0ve9qkml95amVTZtZV83gQe2hY+ojgHLg==", + "dev": true, + "license": "MIT", + "dependencies": { + "process-ancestry": "^0.1.0" + }, + "bin": { + "am-i-vibing": "dist/cli.mjs" + } + }, "node_modules/ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", "dev": true, "license": "MIT", "engines": { - "node": ">=8" + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" } }, "node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "version": "6.2.3", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz", + "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==", "dev": true, "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, "engines": { - "node": ">=8" + "node": ">=12" }, "funding": { "url": "https://github.com/chalk/ansi-styles?sponsor=1" @@ -3833,79 +4243,66 @@ "node": ">= 0.4" } }, - "node_modules/array-iterate": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz", - "integrity": "sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==", - "dev": true, - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/astro": { - "version": "6.4.8", - "resolved": "https://registry.npmjs.org/astro/-/astro-6.4.8.tgz", - "integrity": "sha512-KK5lX90uU9EeVaTjINyj3sy9/NFXVa59aowaqbWBDDKLXZh4rr7GwIaCFYVetE22MJtsCNFerQXn0vlCLmpP/Q==", + "version": "7.3.5", + "resolved": "https://registry.npmjs.org/astro/-/astro-7.3.5.tgz", + "integrity": "sha512-1p/ernaq/RuESbM5NMjWzbO6SiebMGrGcYlGjMfBhzzgM+n/X7AUmVyw8BqW2QYCdivpsHwJBcD1fqmlTZjZHg==", "dev": true, "license": "MIT", "dependencies": { - "@astrojs/compiler": "^4.0.0", - "@astrojs/internal-helpers": "0.10.0", - "@astrojs/markdown-remark": "7.2.0", - "@astrojs/telemetry": "3.3.2", + "@astrojs/compiler-rs": "^0.5.0", + "@astrojs/internal-helpers": "0.11.0", + "@astrojs/markdown-satteri": "0.4.2", + "@astrojs/telemetry": "3.3.3", "@capsizecss/unpack": "^4.0.0", "@clack/prompts": "^1.1.0", "@oslojs/encoding": "^1.1.0", - "@rollup/pluginutils": "^5.3.0", + "am-i-vibing": "^0.4.0", "aria-query": "^5.3.2", "axobject-query": "^4.1.0", "ci-info": "^4.4.0", "clsx": "^2.1.1", "common-ancestor-path": "^2.0.0", - "cookie": "^1.1.1", + "cookie": "^2.0.1", "devalue": "^5.8.1", - "diff": "^8.0.3", + "diff": "^9.0.0", "dset": "^3.1.4", "es-module-lexer": "^2.0.0", - "esbuild": "^0.27.3", + "esbuild": "^0.28.0", + "find-proc": "0.2.0", "flattie": "^1.1.1", "fontace": "~0.4.1", "get-tsconfig": "5.0.0-beta.4", "github-slugger": "^2.0.0", "html-escaper": "3.0.3", "http-cache-semantics": "^4.2.0", - "js-yaml": "^4.1.1", + "js-yaml": "^4.3.2", "jsonc-parser": "^3.3.1", - "magic-string": "^0.30.21", + "magic-string": "^1.0.0", "magicast": "^0.5.2", "mrmime": "^2.0.1", - "neotraverse": "^0.6.18", - "obug": "^2.1.1", + "neotraverse": "^1.0.1", + "obug": "^3.0.0", "p-limit": "^7.3.0", "p-queue": "^9.1.0", "package-manager-detector": "^1.6.0", "piccolore": "^0.1.3", "picomatch": "^4.0.4", - "rehype": "^13.0.2", - "semver": "^7.7.4", "shiki": "^4.0.2", - "smol-toml": "^1.6.0", - "svgo": "^4.0.1", - "tinyclip": "^0.1.12", + "smol-toml": "^1.8.0", + "svgo": "^4.1.0", + "tinyclip": "^1.0.1", "tinyexec": "^1.0.4", "tinyglobby": "^0.2.15", "ultrahtml": "^1.6.0", - "unifont": "~0.7.4", - "unist-util-visit": "^5.1.0", + "unifont": "~0.7.5", "unstorage": "^1.17.5", - "vfile": "^6.0.3", - "vite": "^7.3.2", + "verkit": "^0.4.0", + "vite": "^8.0.13", "vitefu": "^1.1.2", "xxhash-wasm": "^1.1.0", "yargs-parser": "^22.0.0", - "zod": "^4.3.6" + "zod": "^4.5.4" }, "bin": { "astro": "bin/astro.mjs" @@ -3920,15 +4317,26 @@ "url": "https://opencollective.com/astrodotbuild" }, "optionalDependencies": { - "sharp": "^0.34.0" + "sharp": "^0.35.4" + }, + "peerDependencies": { + "@astrojs/markdown-remark": "^7.3.0" + }, + "peerDependenciesMeta": { + "@astrojs/markdown-remark": { + "optional": true + } } }, - "node_modules/astro/node_modules/@astrojs/compiler": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-4.0.0.tgz", - "integrity": "sha512-eouss7G8ygdZqHuke033VMcVw5HTZUu+PXd/h06DGDUg/jt5btPYPqh66ENWw/mU78rBrf/oeC4oqoBwMtDMNA==", + "node_modules/astro/node_modules/magic-string": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.4.2.tgz", + "integrity": "sha512-vG+rjFRj1PqdIBozIxAGMjPlOhaVe+GXpbttY/iSK7rGcJRMlwNJO7dcUwmUqkymsFLJiNGI06t4D7Fr7yRC9g==", "dev": true, - "license": "MIT" + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.6.0" + } }, "node_modules/axobject-query": { "version": "4.1.0", @@ -4049,18 +4457,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz", "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==", - "dev": true, - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/character-entities": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz", - "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -4071,7 +4468,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz", "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -4082,7 +4479,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz", "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -4122,50 +4519,48 @@ } }, "node_modules/cliui": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", - "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz", + "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==", "dev": true, "license": "ISC", "dependencies": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.1", - "wrap-ansi": "^7.0.0" + "string-width": "^7.2.0", + "strip-ansi": "^7.1.0", + "wrap-ansi": "^9.0.0" }, "engines": { - "node": ">=12" + "node": ">=20" } }, - "node_modules/clsx": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", - "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "node_modules/cliui/node_modules/string-width": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz", + "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==", "dev": true, "license": "MIT", + "dependencies": { + "emoji-regex": "^10.3.0", + "get-east-asian-width": "^1.0.0", + "strip-ansi": "^7.1.0" + }, "engines": { - "node": ">=6" + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "node_modules/clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "dev": true, "license": "MIT", - "dependencies": { - "color-name": "~1.1.4" - }, "engines": { - "node": ">=7.0.0" + "node": ">=6" } }, - "node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true, - "license": "MIT" - }, "node_modules/colorjs.io": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz", @@ -4176,7 +4571,7 @@ "version": "2.0.3", "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz", "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -4226,13 +4621,13 @@ } }, "node_modules/cookie": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz", - "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-2.0.1.tgz", + "integrity": "sha512-yuToqVvRrj6pfDXREyQAAv8SkAEk/8GS3jQRTiUMm66TVtBYmqQeoEjL2Lmq8Rpo6271vH76InTChTitEAm65w==", "dev": true, "license": "MIT", "engines": { - "node": ">=18" + "node": ">=22" }, "funding": { "type": "opencollective", @@ -4255,17 +4650,6 @@ "node": ">=6.6.0" } }, - "node_modules/core-js": { - "version": "3.49.0", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.49.0.tgz", - "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==", - "hasInstallScript": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/core-js" - } - }, "node_modules/core-util-is": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", @@ -4440,20 +4824,6 @@ } } }, - "node_modules/decode-named-character-reference": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz", - "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "character-entities": "^2.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/defu": { "version": "6.1.7", "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.7.tgz", @@ -4474,7 +4844,7 @@ "version": "2.0.3", "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", - "dev": true, + "devOptional": true, "license": "MIT", "engines": { "node": ">=6" @@ -4508,7 +4878,7 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz", "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "dequal": "^2.0.0" @@ -4519,9 +4889,9 @@ } }, "node_modules/diff": { - "version": "8.0.3", - "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.3.tgz", - "integrity": "sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/diff/-/diff-9.0.0.tgz", + "integrity": "sha512-svtcdpS8CgJyqAjEQIXdb3OjhFVVYjzGAPO8WGCmRbrml64SPw/jJD4GoE98aR7r25A0XcgrK3F02yw9R/vhQw==", "dev": true, "license": "BSD-3-Clause", "engines": { @@ -4586,9 +4956,9 @@ } }, "node_modules/dompurify": { - "version": "3.4.14", - "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.14.tgz", - "integrity": "sha512-dVoH9z+MY+C9IilgGCk3YfFqjLi3fChm2OiKJMzh6axrJ5qwxqWaZamgmHrpv22CN/KdbZJuGEGgfQoL00LTdg==", + "version": "3.4.16", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.16.tgz", + "integrity": "sha512-sqo+pNp3qRhCIpbgRi1y8Tgk27Bo2Ry7w0dC1NBeNTdZChWjz9Xb/KOoZbRP/R6pQZ80Qw8YhXw13hWWBbMRnQ==", "license": "(MPL-2.0 OR Apache-2.0)", "optionalDependencies": { "@types/trusted-types": "^2.0.7" @@ -4657,9 +5027,9 @@ } }, "node_modules/emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "version": "10.6.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz", + "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==", "dev": true, "license": "MIT" }, @@ -4673,32 +5043,19 @@ } }, "node_modules/enhanced-resolve": { - "version": "5.20.1", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz", - "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==", + "version": "5.25.1", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.25.1.tgz", + "integrity": "sha512-nGXts5znJzmWPu+mIE9izCOzdg63oJca2mDzGWWTth7sr4aCToKcoyFVBQwN75Ij5Pf6p510EwkTqViTRzDV+w==", "dev": true, "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", - "tapable": "^2.3.0" + "tapable": "^2.3.3" }, "engines": { "node": ">=10.13.0" } }, - "node_modules/entities": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", - "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", - "dev": true, - "license": "BSD-2-Clause", - "engines": { - "node": ">=0.12" - }, - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, "node_modules/es-define-property": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", @@ -4737,9 +5094,9 @@ } }, "node_modules/esbuild": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz", - "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.2.tgz", + "integrity": "sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -4750,32 +5107,32 @@ "node": ">=18" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.27.7", - "@esbuild/android-arm": "0.27.7", - "@esbuild/android-arm64": "0.27.7", - "@esbuild/android-x64": "0.27.7", - "@esbuild/darwin-arm64": "0.27.7", - "@esbuild/darwin-x64": "0.27.7", - "@esbuild/freebsd-arm64": "0.27.7", - "@esbuild/freebsd-x64": "0.27.7", - "@esbuild/linux-arm": "0.27.7", - "@esbuild/linux-arm64": "0.27.7", - "@esbuild/linux-ia32": "0.27.7", - "@esbuild/linux-loong64": "0.27.7", - "@esbuild/linux-mips64el": "0.27.7", - "@esbuild/linux-ppc64": "0.27.7", - "@esbuild/linux-riscv64": "0.27.7", - "@esbuild/linux-s390x": "0.27.7", - "@esbuild/linux-x64": "0.27.7", - "@esbuild/netbsd-arm64": "0.27.7", - "@esbuild/netbsd-x64": "0.27.7", - "@esbuild/openbsd-arm64": "0.27.7", - "@esbuild/openbsd-x64": "0.27.7", - "@esbuild/openharmony-arm64": "0.27.7", - "@esbuild/sunos-x64": "0.27.7", - "@esbuild/win32-arm64": "0.27.7", - "@esbuild/win32-ia32": "0.27.7", - "@esbuild/win32-x64": "0.27.7" + "@esbuild/aix-ppc64": "0.28.2", + "@esbuild/android-arm": "0.28.2", + "@esbuild/android-arm64": "0.28.2", + "@esbuild/android-x64": "0.28.2", + "@esbuild/darwin-arm64": "0.28.2", + "@esbuild/darwin-x64": "0.28.2", + "@esbuild/freebsd-arm64": "0.28.2", + "@esbuild/freebsd-x64": "0.28.2", + "@esbuild/linux-arm": "0.28.2", + "@esbuild/linux-arm64": "0.28.2", + "@esbuild/linux-ia32": "0.28.2", + "@esbuild/linux-loong64": "0.28.2", + "@esbuild/linux-mips64el": "0.28.2", + "@esbuild/linux-ppc64": "0.28.2", + "@esbuild/linux-riscv64": "0.28.2", + "@esbuild/linux-s390x": "0.28.2", + "@esbuild/linux-x64": "0.28.2", + "@esbuild/netbsd-arm64": "0.28.2", + "@esbuild/netbsd-x64": "0.28.2", + "@esbuild/openbsd-arm64": "0.28.2", + "@esbuild/openbsd-x64": "0.28.2", + "@esbuild/openharmony-arm64": "0.28.2", + "@esbuild/sunos-x64": "0.28.2", + "@esbuild/win32-arm64": "0.28.2", + "@esbuild/win32-ia32": "0.28.2", + "@esbuild/win32-x64": "0.28.2" } }, "node_modules/escalade": { @@ -4794,26 +5151,6 @@ "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", "license": "MIT" }, - "node_modules/escape-string-regexp": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", - "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/estree-walker": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", - "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", - "dev": true, - "license": "MIT" - }, "node_modules/etag": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", @@ -4996,6 +5333,16 @@ "url": "https://opencollective.com/express" } }, + "node_modules/find-proc": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/find-proc/-/find-proc-0.2.0.tgz", + "integrity": "sha512-a6h2nTrgB3g5Wrn4au9Ux4kMk7IJtyF6oA8uGn+mk3weLZssUtc1cp6meHIzzuW2o1srrBAxzkmXLbqjRkgB6w==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, "node_modules/flattie": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/flattie/-/flattie-1.1.1.tgz", @@ -5091,6 +5438,19 @@ "node": "6.* || 8.* || >= 10.*" } }, + "node_modules/get-east-asian-width": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.7.0.tgz", + "integrity": "sha512-XjH1AECxf0giL2V1aU8vKyRR2ppRUb5c0EvT7zuJTokQ74bNo52zOtghqdWIqrhUD79fo3x0WfKZdOqxF6LG1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/get-intrinsic": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", @@ -5221,105 +5581,11 @@ "node": ">= 0.4" } }, - "node_modules/hast-util-from-html": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz", - "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "devlop": "^1.1.0", - "hast-util-from-parse5": "^8.0.0", - "parse5": "^7.0.0", - "vfile": "^6.0.0", - "vfile-message": "^4.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/hast-util-from-parse5": { - "version": "8.0.3", - "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz", - "integrity": "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "@types/unist": "^3.0.0", - "devlop": "^1.0.0", - "hastscript": "^9.0.0", - "property-information": "^7.0.0", - "vfile": "^6.0.0", - "vfile-location": "^5.0.0", - "web-namespaces": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/hast-util-is-element": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz", - "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/hast-util-parse-selector": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz", - "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/hast-util-raw": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.1.0.tgz", - "integrity": "sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "@types/unist": "^3.0.0", - "@ungap/structured-clone": "^1.0.0", - "hast-util-from-parse5": "^8.0.0", - "hast-util-to-parse5": "^8.0.0", - "html-void-elements": "^3.0.0", - "mdast-util-to-hast": "^13.0.0", - "parse5": "^7.0.0", - "unist-util-position": "^5.0.0", - "unist-util-visit": "^5.0.0", - "vfile": "^6.0.0", - "web-namespaces": "^2.0.0", - "zwitch": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/hast-util-to-html": { "version": "9.0.5", "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz", "integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/hast": "^3.0.0", @@ -5339,48 +5605,11 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/hast-util-to-parse5": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.1.tgz", - "integrity": "sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "comma-separated-tokens": "^2.0.0", - "devlop": "^1.0.0", - "property-information": "^7.0.0", - "space-separated-tokens": "^2.0.0", - "web-namespaces": "^2.0.0", - "zwitch": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/hast-util-to-text": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz", - "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "@types/unist": "^3.0.0", - "hast-util-is-element": "^3.0.0", - "unist-util-find-after": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/hast-util-whitespace": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz", "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/hast": "^3.0.0" @@ -5390,24 +5619,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/hastscript": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz", - "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "comma-separated-tokens": "^2.0.0", - "hast-util-parse-selector": "^4.0.0", - "property-information": "^7.0.0", - "space-separated-tokens": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/hono": { "version": "4.13.5", "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.5.tgz", @@ -5428,7 +5639,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz", "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -5479,9 +5690,9 @@ } }, "node_modules/igniteui-dockmanager": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-2.1.1.tgz", - "integrity": "sha512-TmE/RQkiNyOaNTaDWzKvCuvk1kWBPAChWohlVZMPSDdgI1vJ0/44r3GDHk1OHhjzDqrGQvvadGe+dgY6uwRUDg==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-2.2.1.tgz", + "integrity": "sha512-LQGZ3M3XGBLWobaxUmaxxnBa6t2TOMk+mhSVynFD5iMh7bnZq5O1XLxKbD+G8z5YCFrL9+2WWKX4quxXXkAbmg==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-i18n-core": "^1.0.1", @@ -5501,67 +5712,26 @@ } }, "node_modules/igniteui-grid-lite": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.7.1.tgz", - "integrity": "sha512-CUKa9/U5Tn1DDxPMoHPP5RRbTlA/KqiSaHGDaMrrGNRBFbLQAZJnKNR3mlTgHeIk0rWjL6Wyc2bZgjpTWRQxIQ==", + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.11.0.tgz", + "integrity": "sha512-vFPWIMihTZ+qbSKRjTMeGRgmnnziNhY5zjs8VdyipojmdkuoHrYW2VFBFHCg0Ci1bWfeBQpLrGOF0mmn57CVHA==", "license": "MIT", "dependencies": { - "@lit-labs/virtualizer": "~2.1.0", "@lit/context": "~1.1.5", - "igniteui-webcomponents": "~7.1.0", + "igniteui-webcomponents": "~7.4.1", "lit": "^3.3.0" }, "engines": { - "node": ">=20" + "node": ">=22" } }, - "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz", - "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==", + "node_modules/igniteui-i18n-core": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/igniteui-i18n-core/-/igniteui-i18n-core-1.0.5.tgz", + "integrity": "sha512-CO5Rqo5uqgyAfIHbFVuBEmo+fYXgLQ7zxRShqAu+ng8kDS5uwWjKeSGWVZjKMBgxmc6ZWMMbdcWIpGZUSOkPsw==", "license": "MIT", - "dependencies": { - "@floating-ui/dom": "^1.7.0", - "@lit-labs/virtualizer": "^2.1.0", - "@lit/context": "^1.1.0", - "igniteui-i18n-core": "^1.0.1", - "lit": "^3.3.0" - }, - "engines": { - "node": ">=22" - }, "peerDependencies": { - "dompurify": "^3.3.0", - "igniteui-i18n-resources": "^1.0.1", - "marked": "^17.0.0", - "marked-shiki": "^1.2.0", - "shiki": "^3.20.0" - }, - "peerDependenciesMeta": { - "dompurify": { - "optional": true - }, - "igniteui-i18n-resources": { - "optional": true - }, - "marked": { - "optional": true - }, - "marked-shiki": { - "optional": true - }, - "shiki": { - "optional": true - } - } - }, - "node_modules/igniteui-i18n-core": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/igniteui-i18n-core/-/igniteui-i18n-core-1.0.5.tgz", - "integrity": "sha512-CO5Rqo5uqgyAfIHbFVuBEmo+fYXgLQ7zxRShqAu+ng8kDS5uwWjKeSGWVZjKMBgxmc6ZWMMbdcWIpGZUSOkPsw==", - "license": "MIT", - "peerDependencies": { - "igniteui-i18n-resources": "1.0.5" + "igniteui-i18n-resources": "1.0.5" }, "peerDependenciesMeta": { "igniteui-i18n-resources": { @@ -5611,9 +5781,9 @@ } }, "node_modules/igniteui-webcomponents": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.3.0.tgz", - "integrity": "sha512-/99QNPMnupVDGeuuDVa2XGewusFTvvXvu8+vFOVuXBGMtxZluMzAuC7U6BLDcArcxpkEqEL4LEPpob5ULur0Dw==", + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.4.1.tgz", + "integrity": "sha512-4VxbkDO4QpEmhy7ga609RRDpnuX1N4SU7CveavzXQ/xVYdxZb7olcPcqRlcKvKn9abAYR9wsDIhB0MUT7AwUow==", "license": "MIT", "dependencies": { "@floating-ui/dom": "^1.8.0", @@ -5786,9 +5956,9 @@ "license": "0BSD" }, "node_modules/igniteui-webcomponents-grids": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-7.2.1.tgz", - "integrity": "sha512-G0lm9LiT6GjRcDw6X5n6xcrfiLrhWQ9jD8c+BtlBaSc4kJ2uK1UphNw3roEmlCs18bL/iVokEJT2G68E5x6nMA==", + "version": "7.3.0-rc.1", + "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-7.3.0-rc.1.tgz", + "integrity": "sha512-df0ZtoiJ91WBernnLkfpOiI6NC5QstR8dL/V9BPAQu1qHOeUl3YKvcxUmj4PwAEmf04qOA9g1oQlIKnXkjryrw==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "igniteui-i18n-core": "^1.0.3", @@ -5978,16 +6148,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=8" - } - }, "node_modules/is-glob": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", @@ -6001,41 +6161,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-inside-container": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz", - "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==", - "dev": true, - "license": "MIT", - "dependencies": { - "is-docker": "^3.0.0" - }, - "bin": { - "is-inside-container": "cli.js" - }, - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/is-inside-container/node_modules/is-docker": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz", - "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==", - "dev": true, - "license": "MIT", - "bin": { - "is-docker": "cli.js" - }, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/is-plain-obj": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz", @@ -6055,22 +6180,6 @@ "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==", "license": "MIT" }, - "node_modules/is-wsl": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.1.tgz", - "integrity": "sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==", - "dev": true, - "license": "MIT", - "dependencies": { - "is-inside-container": "^1.0.0" - }, - "engines": { - "node": ">=16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", @@ -6084,9 +6193,9 @@ "license": "ISC" }, "node_modules/jiti": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz", - "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==", + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz", + "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==", "dev": true, "license": "MIT", "bin": { @@ -6176,9 +6285,9 @@ } }, "node_modules/lightningcss": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.31.1.tgz", - "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz", + "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==", "dev": true, "license": "MPL-2.0", "dependencies": { @@ -6192,23 +6301,23 @@ "url": "https://opencollective.com/parcel" }, "optionalDependencies": { - "lightningcss-android-arm64": "1.31.1", - "lightningcss-darwin-arm64": "1.31.1", - "lightningcss-darwin-x64": "1.31.1", - "lightningcss-freebsd-x64": "1.31.1", - "lightningcss-linux-arm-gnueabihf": "1.31.1", - "lightningcss-linux-arm64-gnu": "1.31.1", - "lightningcss-linux-arm64-musl": "1.31.1", - "lightningcss-linux-x64-gnu": "1.31.1", - "lightningcss-linux-x64-musl": "1.31.1", - "lightningcss-win32-arm64-msvc": "1.31.1", - "lightningcss-win32-x64-msvc": "1.31.1" + "lightningcss-android-arm64": "1.32.0", + "lightningcss-darwin-arm64": "1.32.0", + "lightningcss-darwin-x64": "1.32.0", + "lightningcss-freebsd-x64": "1.32.0", + "lightningcss-linux-arm-gnueabihf": "1.32.0", + "lightningcss-linux-arm64-gnu": "1.32.0", + "lightningcss-linux-arm64-musl": "1.32.0", + "lightningcss-linux-x64-gnu": "1.32.0", + "lightningcss-linux-x64-musl": "1.32.0", + "lightningcss-win32-arm64-msvc": "1.32.0", + "lightningcss-win32-x64-msvc": "1.32.0" } }, "node_modules/lightningcss-android-arm64": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.31.1.tgz", - "integrity": "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz", + "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==", "cpu": [ "arm64" ], @@ -6227,9 +6336,9 @@ } }, "node_modules/lightningcss-darwin-arm64": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.31.1.tgz", - "integrity": "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz", + "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==", "cpu": [ "arm64" ], @@ -6248,9 +6357,9 @@ } }, "node_modules/lightningcss-darwin-x64": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.31.1.tgz", - "integrity": "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz", + "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==", "cpu": [ "x64" ], @@ -6269,9 +6378,9 @@ } }, "node_modules/lightningcss-freebsd-x64": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.31.1.tgz", - "integrity": "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz", + "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==", "cpu": [ "x64" ], @@ -6290,9 +6399,9 @@ } }, "node_modules/lightningcss-linux-arm-gnueabihf": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.31.1.tgz", - "integrity": "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz", + "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==", "cpu": [ "arm" ], @@ -6311,13 +6420,16 @@ } }, "node_modules/lightningcss-linux-arm64-gnu": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.31.1.tgz", - "integrity": "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz", + "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -6332,13 +6444,16 @@ } }, "node_modules/lightningcss-linux-arm64-musl": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.31.1.tgz", - "integrity": "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz", + "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -6353,13 +6468,16 @@ } }, "node_modules/lightningcss-linux-x64-gnu": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.31.1.tgz", - "integrity": "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz", + "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -6374,13 +6492,16 @@ } }, "node_modules/lightningcss-linux-x64-musl": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.31.1.tgz", - "integrity": "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz", + "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -6395,9 +6516,9 @@ } }, "node_modules/lightningcss-win32-arm64-msvc": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.31.1.tgz", - "integrity": "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz", + "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==", "cpu": [ "arm64" ], @@ -6416,9 +6537,9 @@ } }, "node_modules/lightningcss-win32-x64-msvc": { - "version": "1.31.1", - "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.31.1.tgz", - "integrity": "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==", + "version": "1.32.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz", + "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==", "cpu": [ "x64" ], @@ -6463,9 +6584,9 @@ "license": "BSD-3-Clause" }, "node_modules/lit-html": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.2.tgz", - "integrity": "sha512-Qy9hU88zcmaxBXcc10ZpdK7cOLXvXpRoBxERdtqV9QOrfpMZZ6pSYP91LhpPtap3sFMUiL7Tw2RImbe0Al2/kw==", + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.3.tgz", + "integrity": "sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==", "license": "BSD-3-Clause", "dependencies": { "@types/trusted-types": "^2.0.2" @@ -6482,17 +6603,6 @@ "lit-html": "^3.3.0" } }, - "node_modules/longest-streak": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz", - "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==", - "dev": true, - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/lru-cache": { "version": "11.5.2", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz", @@ -6525,22 +6635,11 @@ "source-map-js": "^1.2.1" } }, - "node_modules/markdown-table": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz", - "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==", - "dev": true, - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/marked": { "version": "18.0.11", "resolved": "https://registry.npmjs.org/marked/-/marked-18.0.11.tgz", "integrity": "sha512-HnslJfsZkRPBDJRHvVtAaWlZHEpSu7u8LgQuJCELjRKuWR+hpq4A7sLq3p8HaI9ypVoXDXxV34CsQJEe1+J5Aw==", - "dev": true, + "devOptional": true, "license": "MIT", "bin": { "marked": "bin/marked.js" @@ -6553,7 +6652,7 @@ "version": "1.2.1", "resolved": "https://registry.npmjs.org/marked-shiki/-/marked-shiki-1.2.1.tgz", "integrity": "sha512-yHxYQhPY5oYaIRnROn98foKhuClark7M373/VpLxiy5TrDu9Jd/LsMwo8w+U91Up4oDb9IXFrP0N1MFRz8W/DQ==", - "dev": true, + "devOptional": true, "license": "MIT", "peerDependencies": { "marked": ">=7.0.0", @@ -6569,191 +6668,11 @@ "node": ">= 0.4" } }, - "node_modules/mdast-util-definitions": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-6.0.0.tgz", - "integrity": "sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "@types/unist": "^3.0.0", - "unist-util-visit": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-find-and-replace": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz", - "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "escape-string-regexp": "^5.0.0", - "unist-util-is": "^6.0.0", - "unist-util-visit-parents": "^6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-from-markdown": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz", - "integrity": "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "@types/unist": "^3.0.0", - "decode-named-character-reference": "^1.0.0", - "devlop": "^1.0.0", - "mdast-util-to-string": "^4.0.0", - "micromark": "^4.0.0", - "micromark-util-decode-numeric-character-reference": "^2.0.0", - "micromark-util-decode-string": "^2.0.0", - "micromark-util-normalize-identifier": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0", - "unist-util-stringify-position": "^4.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-gfm": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz", - "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "mdast-util-from-markdown": "^2.0.0", - "mdast-util-gfm-autolink-literal": "^2.0.0", - "mdast-util-gfm-footnote": "^2.0.0", - "mdast-util-gfm-strikethrough": "^2.0.0", - "mdast-util-gfm-table": "^2.0.0", - "mdast-util-gfm-task-list-item": "^2.0.0", - "mdast-util-to-markdown": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-gfm-autolink-literal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz", - "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "ccount": "^2.0.0", - "devlop": "^1.0.0", - "mdast-util-find-and-replace": "^3.0.0", - "micromark-util-character": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-gfm-footnote": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz", - "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "devlop": "^1.1.0", - "mdast-util-from-markdown": "^2.0.0", - "mdast-util-to-markdown": "^2.0.0", - "micromark-util-normalize-identifier": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-gfm-strikethrough": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz", - "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "mdast-util-from-markdown": "^2.0.0", - "mdast-util-to-markdown": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-gfm-table": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz", - "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "devlop": "^1.0.0", - "markdown-table": "^3.0.0", - "mdast-util-from-markdown": "^2.0.0", - "mdast-util-to-markdown": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-gfm-task-list-item": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz", - "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "devlop": "^1.0.0", - "mdast-util-from-markdown": "^2.0.0", - "mdast-util-to-markdown": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-phrasing": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz", - "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "unist-util-is": "^6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/mdast-util-to-hast": { "version": "13.2.1", "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz", "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/hast": "^3.0.0", @@ -6771,42 +6690,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/mdast-util-to-markdown": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz", - "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0", - "@types/unist": "^3.0.0", - "longest-streak": "^3.0.0", - "mdast-util-phrasing": "^4.0.0", - "mdast-util-to-string": "^4.0.0", - "micromark-util-classify-character": "^2.0.0", - "micromark-util-decode-string": "^2.0.0", - "unist-util-visit": "^5.0.0", - "zwitch": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-to-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz", - "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/mdast": "^4.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/mdn-data": { "version": "2.27.1", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz", @@ -6835,11 +6718,11 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/micromark": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz", - "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==", - "dev": true, + "node_modules/micromark-util-character": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz", + "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==", + "devOptional": true, "funding": [ { "type": "GitHub Sponsors", @@ -6852,449 +6735,15 @@ ], "license": "MIT", "dependencies": { - "@types/debug": "^4.0.0", - "debug": "^4.0.0", - "decode-named-character-reference": "^1.0.0", - "devlop": "^1.0.0", - "micromark-core-commonmark": "^2.0.0", - "micromark-factory-space": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-chunked": "^2.0.0", - "micromark-util-combine-extensions": "^2.0.0", - "micromark-util-decode-numeric-character-reference": "^2.0.0", - "micromark-util-encode": "^2.0.0", - "micromark-util-normalize-identifier": "^2.0.0", - "micromark-util-resolve-all": "^2.0.0", - "micromark-util-sanitize-uri": "^2.0.0", - "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, - "node_modules/micromark-core-commonmark": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz", - "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "decode-named-character-reference": "^1.0.0", - "devlop": "^1.0.0", - "micromark-factory-destination": "^2.0.0", - "micromark-factory-label": "^2.0.0", - "micromark-factory-space": "^2.0.0", - "micromark-factory-title": "^2.0.0", - "micromark-factory-whitespace": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-chunked": "^2.0.0", - "micromark-util-classify-character": "^2.0.0", - "micromark-util-html-tag-name": "^2.0.0", - "micromark-util-normalize-identifier": "^2.0.0", - "micromark-util-resolve-all": "^2.0.0", - "micromark-util-subtokenize": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-extension-gfm": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz", - "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==", - "dev": true, - "license": "MIT", - "dependencies": { - "micromark-extension-gfm-autolink-literal": "^2.0.0", - "micromark-extension-gfm-footnote": "^2.0.0", - "micromark-extension-gfm-strikethrough": "^2.0.0", - "micromark-extension-gfm-table": "^2.0.0", - "micromark-extension-gfm-tagfilter": "^2.0.0", - "micromark-extension-gfm-task-list-item": "^2.0.0", - "micromark-util-combine-extensions": "^2.0.0", - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-extension-gfm-autolink-literal": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz", - "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==", - "dev": true, - "license": "MIT", - "dependencies": { - "micromark-util-character": "^2.0.0", - "micromark-util-sanitize-uri": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-extension-gfm-footnote": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz", - "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==", - "dev": true, - "license": "MIT", - "dependencies": { - "devlop": "^1.0.0", - "micromark-core-commonmark": "^2.0.0", - "micromark-factory-space": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-normalize-identifier": "^2.0.0", - "micromark-util-sanitize-uri": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-extension-gfm-strikethrough": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz", - "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==", - "dev": true, - "license": "MIT", - "dependencies": { - "devlop": "^1.0.0", - "micromark-util-chunked": "^2.0.0", - "micromark-util-classify-character": "^2.0.0", - "micromark-util-resolve-all": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-extension-gfm-table": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz", - "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==", - "dev": true, - "license": "MIT", - "dependencies": { - "devlop": "^1.0.0", - "micromark-factory-space": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-extension-gfm-tagfilter": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz", - "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==", - "dev": true, - "license": "MIT", - "dependencies": { - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-extension-gfm-task-list-item": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz", - "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==", - "dev": true, - "license": "MIT", - "dependencies": { - "devlop": "^1.0.0", - "micromark-factory-space": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/micromark-factory-destination": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz", - "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-factory-label": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz", - "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "devlop": "^1.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-factory-space": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz", - "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-character": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-factory-title": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz", - "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-factory-space": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-factory-whitespace": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz", - "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-factory-space": "^2.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-util-character": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz", - "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-util-chunked": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz", - "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-symbol": "^2.0.0" - } - }, - "node_modules/micromark-util-classify-character": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz", - "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-character": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-util-combine-extensions": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz", - "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-chunked": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, - "node_modules/micromark-util-decode-numeric-character-reference": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz", - "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-symbol": "^2.0.0" - } - }, - "node_modules/micromark-util-decode-string": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz", - "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "decode-named-character-reference": "^1.0.0", - "micromark-util-character": "^2.0.0", - "micromark-util-decode-numeric-character-reference": "^2.0.0", - "micromark-util-symbol": "^2.0.0" - } - }, - "node_modules/micromark-util-encode": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz", - "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT" - }, - "node_modules/micromark-util-html-tag-name": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz", - "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==", - "dev": true, + "node_modules/micromark-util-encode": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz", + "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==", + "devOptional": true, "funding": [ { "type": "GitHub Sponsors", @@ -7307,51 +6756,11 @@ ], "license": "MIT" }, - "node_modules/micromark-util-normalize-identifier": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz", - "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-symbol": "^2.0.0" - } - }, - "node_modules/micromark-util-resolve-all": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz", - "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "micromark-util-types": "^2.0.0" - } - }, "node_modules/micromark-util-sanitize-uri": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz", "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==", - "dev": true, + "devOptional": true, "funding": [ { "type": "GitHub Sponsors", @@ -7369,34 +6778,11 @@ "micromark-util-symbol": "^2.0.0" } }, - "node_modules/micromark-util-subtokenize": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz", - "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==", - "dev": true, - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "license": "MIT", - "dependencies": { - "devlop": "^1.0.0", - "micromark-util-chunked": "^2.0.0", - "micromark-util-symbol": "^2.0.0", - "micromark-util-types": "^2.0.0" - } - }, "node_modules/micromark-util-symbol": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz", "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==", - "dev": true, + "devOptional": true, "funding": [ { "type": "GitHub Sponsors", @@ -7413,7 +6799,7 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz", "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==", - "dev": true, + "devOptional": true, "funding": [ { "type": "GitHub Sponsors", @@ -7502,9 +6888,9 @@ } }, "node_modules/neotraverse": { - "version": "0.6.18", - "resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz", - "integrity": "sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-1.0.1.tgz", + "integrity": "sha512-WmmLty1YWwJl9yZi77v2dVIV6X2kuYV8YYBI/G3LWGKdGHmHUvL1z7FW0iDvEvGAwNEoc5x1tOOOyDnf5jJw/w==", "dev": true, "license": "MIT", "engines": { @@ -7598,15 +6984,18 @@ } }, "node_modules/obug": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz", - "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/obug/-/obug-3.0.0.tgz", + "integrity": "sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==", "dev": true, "funding": [ "https://github.com/sponsors/sxzz", "https://opencollective.com/debug" ], - "license": "MIT" + "license": "MIT", + "engines": { + "node": ">=12.20.0" + } }, "node_modules/ofetch": { "version": "1.5.1", @@ -7621,9 +7010,9 @@ } }, "node_modules/ohash": { - "version": "2.0.11", - "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz", - "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==", + "version": "2.0.12", + "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.12.tgz", + "integrity": "sha512-65S/5gk9YSsaRjcyf7Nfa6h/d3E8/1gslpXfI4W7Dxn/oap8IKRuNT5VXkLQ1YFKIEg4apRY4Pj6aiwFzrDdmw==", "dev": true, "license": "MIT" }, @@ -7652,14 +7041,14 @@ "version": "0.12.2", "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.2.tgz", "integrity": "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/oniguruma-to-es": { "version": "4.3.6", "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.6.tgz", "integrity": "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "oniguruma-parser": "^0.12.2", @@ -7726,38 +7115,6 @@ "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", "license": "(MIT AND Zlib)" }, - "node_modules/parse-latin": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-7.0.0.tgz", - "integrity": "sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/nlcst": "^2.0.0", - "@types/unist": "^3.0.0", - "nlcst-to-string": "^4.0.0", - "unist-util-modify-children": "^4.0.0", - "unist-util-visit-children": "^3.0.0", - "vfile": "^6.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/parse5": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz", - "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==", - "dev": true, - "license": "MIT", - "dependencies": { - "entities": "^6.0.0" - }, - "funding": { - "url": "https://github.com/inikulin/parse5?sponsor=1" - } - }, "node_modules/parseurl": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", @@ -7830,28 +7187,25 @@ } }, "node_modules/playwright": { - "version": "1.62.1", - "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz", - "integrity": "sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==", + "version": "1.63.0", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.63.0.tgz", + "integrity": "sha512-+7ziBLidS4NaNCdt57SUDT+wYmmd5fmiQejUic/kb+YsYSCPyOOE9sebzMjNmQrsnNpDJqd4WHvV/8lfKfUDUg==", "dev": true, "license": "Apache-2.0", "dependencies": { - "playwright-core": "1.62.1" + "playwright-core": "1.63.0" }, "bin": { "playwright": "cli.js" }, "engines": { "node": ">=20" - }, - "optionalDependencies": { - "fsevents": "2.3.2" } }, "node_modules/playwright-core": { - "version": "1.62.1", - "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz", - "integrity": "sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==", + "version": "1.63.0", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.63.0.tgz", + "integrity": "sha512-rYCsBF/M5HjUch52bbtVONEFjv6Xu8sm8h72dNlR5bzIE1fvC/bxgspzkjSfU+MweEMmPM8KJebG6nnyxo5mCg==", "dev": true, "license": "Apache-2.0", "bin": { @@ -7861,25 +7215,10 @@ "node": ">=20" } }, - "node_modules/playwright/node_modules/fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - "dev": true, - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": "^8.16.0 || ^10.6.0 || >=11.0.0" - } - }, "node_modules/postcss": { - "version": "8.5.26", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz", - "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==", + "version": "8.5.28", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.28.tgz", + "integrity": "sha512-RRuzqDtt5Y9h3quz5hWhK+TPnsmVs6WwSU6LkJMeY4HstUEDuYTG8UJSdawMRzmzAtV+KEoG8N3Qg2qLy5vM/A==", "funding": [ { "type": "opencollective", @@ -7896,7 +7235,7 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.17", + "nanoid": "^3.3.18", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -7930,6 +7269,16 @@ "node": ">=6" } }, + "node_modules/process-ancestry": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/process-ancestry/-/process-ancestry-0.1.0.tgz", + "integrity": "sha512-tGqJW/UnclpYASFcM6Xh8D8l/BMtaQ9+CSG0vlJSJTcdMM4lDRv4c6H0Pdcsfted+bVczdYSfk2fdukg2gQkZg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18.0.0" + } + }, "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -7940,7 +7289,7 @@ "version": "7.1.0", "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz", "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -7961,9 +7310,9 @@ } }, "node_modules/qs": { - "version": "6.15.3", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz", - "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==", + "version": "6.16.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.16.0.tgz", + "integrity": "sha512-h6fhOIaRrID2CbEY2fqs+7t+UXZo+MLAnU5gRIq85uFtdiUPCdsApMlHhXogKVM4HM2DVbIjGNTTYH2OcmP1vA==", "license": "BSD-3-Clause", "dependencies": { "es-define-property": "^1.0.1", @@ -7986,234 +7335,83 @@ "node_modules/range-parser": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", - "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", - "license": "MIT", - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/raw-body": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz", - "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==", - "license": "MIT", - "dependencies": { - "bytes": "~3.1.2", - "http-errors": "~2.0.1", - "iconv-lite": "~0.7.0", - "unpipe": "~1.0.0" - }, - "engines": { - "node": ">= 0.10" - } - }, - "node_modules/readable-stream": { - "version": "2.3.8", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", - "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", - "license": "MIT", - "dependencies": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "node_modules/readdirp": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", - "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", - "devOptional": true, - "license": "MIT", - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/regex/-/regex-6.1.0.tgz", - "integrity": "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==", - "dev": true, - "license": "MIT", - "dependencies": { - "regex-utilities": "^2.3.0" - } - }, - "node_modules/regex-recursion": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz", - "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==", - "dev": true, - "license": "MIT", - "dependencies": { - "regex-utilities": "^2.3.0" - } - }, - "node_modules/regex-utilities": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz", - "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==", - "dev": true, - "license": "MIT" - }, - "node_modules/rehype": { - "version": "13.0.2", - "resolved": "https://registry.npmjs.org/rehype/-/rehype-13.0.2.tgz", - "integrity": "sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "rehype-parse": "^9.0.0", - "rehype-stringify": "^10.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/rehype-parse": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/rehype-parse/-/rehype-parse-9.0.1.tgz", - "integrity": "sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "hast-util-from-html": "^2.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/rehype-raw": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-7.0.0.tgz", - "integrity": "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "hast-util-raw": "^9.0.0", - "vfile": "^6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/rehype-stringify": { - "version": "10.0.1", - "resolved": "https://registry.npmjs.org/rehype-stringify/-/rehype-stringify-10.0.1.tgz", - "integrity": "sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "hast-util-to-html": "^9.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" } }, - "node_modules/remark-gfm": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz", - "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==", - "dev": true, + "node_modules/raw-body": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz", + "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==", "license": "MIT", "dependencies": { - "@types/mdast": "^4.0.0", - "mdast-util-gfm": "^3.0.0", - "micromark-extension-gfm": "^3.0.0", - "remark-parse": "^11.0.0", - "remark-stringify": "^11.0.0", - "unified": "^11.0.0" + "bytes": "~3.1.2", + "http-errors": "~2.0.1", + "iconv-lite": "~0.7.0", + "unpipe": "~1.0.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" + "engines": { + "node": ">= 0.10" } }, - "node_modules/remark-parse": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz", - "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==", - "dev": true, + "node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", "license": "MIT", "dependencies": { - "@types/mdast": "^4.0.0", - "mdast-util-from-markdown": "^2.0.0", - "micromark-util-types": "^2.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" } }, - "node_modules/remark-rehype": { - "version": "11.1.2", - "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz", - "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==", - "dev": true, + "node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "devOptional": true, "license": "MIT", - "dependencies": { - "@types/hast": "^3.0.0", - "@types/mdast": "^4.0.0", - "mdast-util-to-hast": "^13.0.0", - "unified": "^11.0.0", - "vfile": "^6.0.0" + "engines": { + "node": ">= 14.18.0" }, "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" + "type": "individual", + "url": "https://paulmillr.com/funding/" } }, - "node_modules/remark-smartypants": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/remark-smartypants/-/remark-smartypants-3.0.3.tgz", - "integrity": "sha512-gCaK+ndZ0hYezlqFegHFCVh2CQemsi0Npdh1qVM9bxlUFknjkbP6VmojWhddOCrbK0PbbacmYLWfTULRiT1eWA==", - "dev": true, + "node_modules/regex": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/regex/-/regex-6.1.0.tgz", + "integrity": "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==", + "devOptional": true, "license": "MIT", "dependencies": { - "retext": "^9.0.0", - "retext-smartypants": "^6.0.0", - "unified": "^11.0.4", - "unist-util-visit": "^5.0.0" - }, - "engines": { - "node": ">=16.0.0" + "regex-utilities": "^2.3.0" } }, - "node_modules/remark-stringify": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz", - "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==", - "dev": true, + "node_modules/regex-recursion": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz", + "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==", + "devOptional": true, "license": "MIT", "dependencies": { - "@types/mdast": "^4.0.0", - "mdast-util-to-markdown": "^2.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" + "regex-utilities": "^2.3.0" } }, + "node_modules/regex-utilities": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz", + "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==", + "devOptional": true, + "license": "MIT" + }, "node_modules/request-light": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.7.0.tgz", @@ -8221,16 +7419,6 @@ "dev": true, "license": "MIT" }, - "node_modules/require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/require-from-string": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", @@ -8250,39 +7438,6 @@ "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1" } }, - "node_modules/retext": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/retext/-/retext-9.0.0.tgz", - "integrity": "sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/nlcst": "^2.0.0", - "retext-latin": "^4.0.0", - "retext-stringify": "^4.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/retext-latin": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/retext-latin/-/retext-latin-4.0.0.tgz", - "integrity": "sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/nlcst": "^2.0.0", - "parse-latin": "^7.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/retext-smartypants": { "version": "6.2.0", "resolved": "https://registry.npmjs.org/retext-smartypants/-/retext-smartypants-6.2.0.tgz", @@ -8299,65 +7454,38 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/retext-stringify": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/retext-stringify/-/retext-stringify-4.0.0.tgz", - "integrity": "sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/nlcst": "^2.0.0", - "nlcst-to-string": "^4.0.0", - "unified": "^11.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/rollup": { - "version": "4.59.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz", - "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==", + "node_modules/rolldown": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.10.tgz", + "integrity": "sha512-OxkA08pSryMK7B3XiFA09B4OJ1xJMPgIYCBMY2xchzpqgBGsV1o0DetPAE+Sl3N3L4oCPiEzmHVSOj7iR04Zog==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "1.0.8" + "@oxc-project/types": "=0.151.0", + "@rolldown/pluginutils": "^1.0.0" }, "bin": { - "rollup": "dist/bin/rollup" + "rolldown": "bin/cli.mjs" }, "engines": { - "node": ">=18.0.0", - "npm": ">=8.0.0" + "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.59.0", - "@rollup/rollup-android-arm64": "4.59.0", - "@rollup/rollup-darwin-arm64": "4.59.0", - "@rollup/rollup-darwin-x64": "4.59.0", - "@rollup/rollup-freebsd-arm64": "4.59.0", - "@rollup/rollup-freebsd-x64": "4.59.0", - "@rollup/rollup-linux-arm-gnueabihf": "4.59.0", - "@rollup/rollup-linux-arm-musleabihf": "4.59.0", - "@rollup/rollup-linux-arm64-gnu": "4.59.0", - "@rollup/rollup-linux-arm64-musl": "4.59.0", - "@rollup/rollup-linux-loong64-gnu": "4.59.0", - "@rollup/rollup-linux-loong64-musl": "4.59.0", - "@rollup/rollup-linux-ppc64-gnu": "4.59.0", - "@rollup/rollup-linux-ppc64-musl": "4.59.0", - "@rollup/rollup-linux-riscv64-gnu": "4.59.0", - "@rollup/rollup-linux-riscv64-musl": "4.59.0", - "@rollup/rollup-linux-s390x-gnu": "4.59.0", - "@rollup/rollup-linux-x64-gnu": "4.59.0", - "@rollup/rollup-linux-x64-musl": "4.59.0", - "@rollup/rollup-openbsd-x64": "4.59.0", - "@rollup/rollup-openharmony-arm64": "4.59.0", - "@rollup/rollup-win32-arm64-msvc": "4.59.0", - "@rollup/rollup-win32-ia32-msvc": "4.59.0", - "@rollup/rollup-win32-x64-gnu": "4.59.0", - "@rollup/rollup-win32-x64-msvc": "4.59.0", - "fsevents": "~2.3.2" + "@rolldown/binding-android-arm-eabi": "1.2.10", + "@rolldown/binding-android-arm64": "1.2.10", + "@rolldown/binding-darwin-arm64": "1.2.10", + "@rolldown/binding-darwin-x64": "1.2.10", + "@rolldown/binding-freebsd-x64": "1.2.10", + "@rolldown/binding-linux-arm-gnueabihf": "1.2.10", + "@rolldown/binding-linux-arm64-gnu": "1.2.10", + "@rolldown/binding-linux-arm64-musl": "1.2.10", + "@rolldown/binding-linux-ppc64-gnu": "1.2.10", + "@rolldown/binding-linux-s390x-gnu": "1.2.10", + "@rolldown/binding-linux-x64-gnu": "1.2.10", + "@rolldown/binding-linux-x64-musl": "1.2.10", + "@rolldown/binding-openharmony-arm64": "1.2.10", + "@rolldown/binding-win32-arm64-msvc": "1.2.10", + "@rolldown/binding-win32-x64-msvc": "1.2.10" } }, "node_modules/router": { @@ -8404,14 +7532,14 @@ "license": "MIT" }, "node_modules/sass": { - "version": "1.98.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.98.0.tgz", - "integrity": "sha512-+4N/u9dZ4PrgzGgPlKnaaRQx64RO0JBKs9sDhQ2pLgN6JQZ25uPQZKQYaBJU48Kd5BxgXoJ4e09Dq7nMcOUW3A==", - "dev": true, + "version": "1.92.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.92.1.tgz", + "integrity": "sha512-ffmsdbwqb3XeyR8jJR6KelIXARM9bFQe8A6Q3W4Klmwy5Ckd5gz7jgUNHo4UOqutU5Sk1DtKLbpDP0nLCg1xqQ==", + "devOptional": true, "license": "MIT", "dependencies": { "chokidar": "^4.0.0", - "immutable": "^5.1.5", + "immutable": "^5.0.2", "source-map-js": ">=0.6.2 <2.0.0" }, "bin": { @@ -8482,27 +7610,6 @@ "sass": "1.92.1" } }, - "node_modules/sass-embedded-all-unknown/node_modules/sass": { - "version": "1.92.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.92.1.tgz", - "integrity": "sha512-ffmsdbwqb3XeyR8jJR6KelIXARM9bFQe8A6Q3W4Klmwy5Ckd5gz7jgUNHo4UOqutU5Sk1DtKLbpDP0nLCg1xqQ==", - "license": "MIT", - "optional": true, - "dependencies": { - "chokidar": "^4.0.0", - "immutable": "^5.0.2", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "bin": { - "sass": "sass.js" - }, - "engines": { - "node": ">=14.0.0" - }, - "optionalDependencies": { - "@parcel/watcher": "^2.4.1" - } - }, "node_modules/sass-embedded-android-arm": { "version": "1.92.1", "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.92.1.tgz", @@ -8743,27 +7850,6 @@ "sass": "1.92.1" } }, - "node_modules/sass-embedded-unknown-all/node_modules/sass": { - "version": "1.92.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.92.1.tgz", - "integrity": "sha512-ffmsdbwqb3XeyR8jJR6KelIXARM9bFQe8A6Q3W4Klmwy5Ckd5gz7jgUNHo4UOqutU5Sk1DtKLbpDP0nLCg1xqQ==", - "license": "MIT", - "optional": true, - "dependencies": { - "chokidar": "^4.0.0", - "immutable": "^5.0.2", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "bin": { - "sass": "sass.js" - }, - "engines": { - "node": ">=14.0.0" - }, - "optionalDependencies": { - "@parcel/watcher": "^2.4.1" - } - }, "node_modules/sass-embedded-win32-arm64": { "version": "1.92.1", "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.92.1.tgz", @@ -8796,6 +7882,30 @@ "node": ">=14.0.0" } }, + "node_modules/satteri": { + "version": "0.10.5", + "resolved": "https://registry.npmjs.org/satteri/-/satteri-0.10.5.tgz", + "integrity": "sha512-Ao1LKpAEa9Wdg0otgbVKViZHEq9ebdXe4DMrp3s9vQAU0HNIuHnFEuMuOcm0ZIXyV0Yzxj91NvhLpvXZJO/5ZQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree-jsx": "^1.0.5", + "@types/hast": "^3.0.5", + "@types/mdast": "^4.0.4", + "@types/unist": "^3.0.3" + }, + "optionalDependencies": { + "@bruits/satteri-darwin-arm64": "0.10.5", + "@bruits/satteri-darwin-x64": "0.10.5", + "@bruits/satteri-linux-arm64-gnu": "0.10.5", + "@bruits/satteri-linux-arm64-musl": "0.10.5", + "@bruits/satteri-linux-x64-gnu": "0.10.5", + "@bruits/satteri-linux-x64-musl": "0.10.5", + "@bruits/satteri-wasm32-wasi": "0.10.5", + "@bruits/satteri-win32-arm64-msvc": "0.10.5", + "@bruits/satteri-win32-x64-msvc": "0.10.5" + } + }, "node_modules/sax": { "version": "1.6.1", "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.1.tgz", @@ -8807,9 +7917,9 @@ } }, "node_modules/semver": { - "version": "7.7.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz", - "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==", + "version": "7.8.5", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz", + "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==", "dev": true, "license": "ISC", "bin": { @@ -8877,49 +7987,54 @@ "license": "ISC" }, "node_modules/sharp": { - "version": "0.34.5", - "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz", - "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==", + "version": "0.35.4", + "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.35.4.tgz", + "integrity": "sha512-n++8XWcj+jCOr2IOl7h8LbKnGBDY4aPbmprMONBNFdn0ImXqpGVv5zliDs0V9HbmbCQLpbuo2ej9rAoOQTvMDA==", "dev": true, - "hasInstallScript": true, "license": "Apache-2.0", "optional": true, "dependencies": { - "@img/colour": "^1.0.0", + "@img/colour": "^1.1.0", "detect-libc": "^2.1.2", - "semver": "^7.7.3" + "semver": "^7.8.5" }, "engines": { - "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + "node": ">=20.9.0" }, "funding": { "url": "https://opencollective.com/libvips" }, "optionalDependencies": { - "@img/sharp-darwin-arm64": "0.34.5", - "@img/sharp-darwin-x64": "0.34.5", - "@img/sharp-libvips-darwin-arm64": "1.2.4", - "@img/sharp-libvips-darwin-x64": "1.2.4", - "@img/sharp-libvips-linux-arm": "1.2.4", - "@img/sharp-libvips-linux-arm64": "1.2.4", - "@img/sharp-libvips-linux-ppc64": "1.2.4", - "@img/sharp-libvips-linux-riscv64": "1.2.4", - "@img/sharp-libvips-linux-s390x": "1.2.4", - "@img/sharp-libvips-linux-x64": "1.2.4", - "@img/sharp-libvips-linuxmusl-arm64": "1.2.4", - "@img/sharp-libvips-linuxmusl-x64": "1.2.4", - "@img/sharp-linux-arm": "0.34.5", - "@img/sharp-linux-arm64": "0.34.5", - "@img/sharp-linux-ppc64": "0.34.5", - "@img/sharp-linux-riscv64": "0.34.5", - "@img/sharp-linux-s390x": "0.34.5", - "@img/sharp-linux-x64": "0.34.5", - "@img/sharp-linuxmusl-arm64": "0.34.5", - "@img/sharp-linuxmusl-x64": "0.34.5", - "@img/sharp-wasm32": "0.34.5", - "@img/sharp-win32-arm64": "0.34.5", - "@img/sharp-win32-ia32": "0.34.5", - "@img/sharp-win32-x64": "0.34.5" + "@img/sharp-darwin-arm64": "0.35.4", + "@img/sharp-darwin-x64": "0.35.4", + "@img/sharp-freebsd-wasm32": "0.35.4", + "@img/sharp-libvips-darwin-arm64": "1.3.3", + "@img/sharp-libvips-darwin-x64": "1.3.3", + "@img/sharp-libvips-linux-arm": "1.3.3", + "@img/sharp-libvips-linux-arm64": "1.3.3", + "@img/sharp-libvips-linux-ppc64": "1.3.3", + "@img/sharp-libvips-linux-riscv64": "1.3.3", + "@img/sharp-libvips-linux-s390x": "1.3.3", + "@img/sharp-libvips-linux-x64": "1.3.3", + "@img/sharp-libvips-linuxmusl-arm64": "1.3.3", + "@img/sharp-libvips-linuxmusl-x64": "1.3.3", + "@img/sharp-linux-arm": "0.35.4", + "@img/sharp-linux-arm64": "0.35.4", + "@img/sharp-linux-ppc64": "0.35.4", + "@img/sharp-linux-riscv64": "0.35.4", + "@img/sharp-linux-s390x": "0.35.4", + "@img/sharp-linux-x64": "0.35.4", + "@img/sharp-linuxmusl-arm64": "0.35.4", + "@img/sharp-linuxmusl-x64": "0.35.4", + "@img/sharp-webcontainers-wasm32": "0.35.4", + "@img/sharp-win32-arm64": "0.35.4", + "@img/sharp-win32-ia32": "0.35.4", + "@img/sharp-win32-x64": "0.35.4" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } } }, "node_modules/shebang-command": { @@ -8949,7 +8064,7 @@ "version": "4.4.3", "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.4.3.tgz", "integrity": "sha512-Mb/GvXPHBAXdgGIcnfU5L3ldpn1XcxrGkPHwqgRx17/I2XRfqlFKk2vGkHWINn1kdXvzJZeuO3is6I9KLPFm0g==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@shikijs/core": "4.4.3", @@ -9045,9 +8160,9 @@ "license": "MIT" }, "node_modules/smol-toml": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.8.0.tgz", - "integrity": "sha512-kCZr2V3ch9i00x8zXRhjUNVcjG9ijES5dDudkXvUVCT5QlJNQWElSJdZqyPemffHoLNUYwOcou0Fy+ojN0uHSQ==", + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.9.0.tgz", + "integrity": "sha512-hpd+HLON7HdZXqYchMM/+LaTTbdK0AU3NngIJ4KVyWbY9bfQqdL9cD+4yf6dUoU2Ap4VsU0JkQi6FxAI1B2mXQ==", "dev": true, "license": "BSD-3-Clause", "engines": { @@ -9070,7 +8185,7 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz", "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -9096,25 +8211,27 @@ } }, "node_modules/string-width": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.3.0.tgz", + "integrity": "sha512-ZbmZM0JCihQN91dWnxoipT2KOEyHqEyfRXUyjuRhW8b/xnqPDoq4gWEVApTVa9db2wN8mmoikgFBbjh71+cGeQ==", "dev": true, "license": "MIT", "dependencies": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" }, "engines": { - "node": ">=8" + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/stringify-entities": { "version": "4.0.4", "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz", "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "character-entities-html4": "^2.0.0", @@ -9126,16 +8243,19 @@ } }, "node_modules/strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz", + "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==", "dev": true, "license": "MIT", "dependencies": { - "ansi-regex": "^5.0.1" + "ansi-regex": "^6.2.2" }, "engines": { - "node": ">=8" + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" } }, "node_modules/supports-color": { @@ -9207,15 +8327,15 @@ "license": "MIT" }, "node_modules/tailwindcss": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz", - "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz", + "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==", "license": "MIT" }, "node_modules/tapable": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz", - "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==", + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz", + "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==", "dev": true, "license": "MIT", "engines": { @@ -9234,9 +8354,9 @@ "license": "MIT" }, "node_modules/tinyclip": { - "version": "0.1.12", - "resolved": "https://registry.npmjs.org/tinyclip/-/tinyclip-0.1.12.tgz", - "integrity": "sha512-Ae3OVUqifDw0wBriIBS7yVaW44Dp6eSHQcyq4Igc7eN2TJH/2YsicswaW+J/OuMvhpDPOKEgpAZCjkb4hpoyeA==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tinyclip/-/tinyclip-1.0.3.tgz", + "integrity": "sha512-nTv2raKFMzGG6JJp0lpNDsRPdfFE6UHlu2rVEjXo8vkx1ZS3LW2CVXqIaLu8xZlu+6tbFs9V58Qc/Jmk/Ii7wA==", "dev": true, "license": "MIT", "engines": { @@ -9283,7 +8403,7 @@ "version": "3.0.1", "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz", "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", @@ -9346,9 +8466,9 @@ "license": "MIT" }, "node_modules/typescript": { - "version": "5.9.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", - "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz", + "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==", "dev": true, "license": "Apache-2.0", "bin": { @@ -9390,6 +8510,16 @@ "dev": true, "license": "MIT" }, + "node_modules/undici": { + "version": "8.11.2", + "resolved": "https://registry.npmjs.org/undici/-/undici-8.11.2.tgz", + "integrity": "sha512-u4UB2/IrKdU6lFxumHmmo1a3fCQO5tzQllRorfoRS63txhrB7xTpSn1PftwC4qEHkOaqP95fCWW4lJzwErwzhQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=22.19.0" + } + }, "node_modules/unified": { "version": "11.0.5", "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz", @@ -9411,66 +8541,22 @@ } }, "node_modules/unifont": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/unifont/-/unifont-0.7.4.tgz", - "integrity": "sha512-oHeis4/xl42HUIeHuNZRGEvxj5AaIKR+bHPNegRq5LV1gdc3jundpONbjglKpihmJf+dswygdMJn3eftGIMemg==", + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/unifont/-/unifont-0.7.5.tgz", + "integrity": "sha512-ULe/Cs+ZIsq+dcFofNkhqielCrUJnb5mr+Yc4EBM2VlL+6OZR6+cjtI2mT1bJvRBrVncqHAbLURxmPLcCXzWMg==", "dev": true, "license": "MIT", "dependencies": { "css-tree": "^3.1.0", - "ofetch": "^1.5.1", - "ohash": "^2.0.11" - } - }, - "node_modules/unist-util-find-after": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz", - "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0", - "unist-util-is": "^6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" + "ohash": "^2.0.11", + "undici": "^8.0.0" } }, "node_modules/unist-util-is": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz", "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/unist-util-modify-children": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-4.0.0.tgz", - "integrity": "sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0", - "array-iterate": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/unist-util-position": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz", - "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/unist": "^3.0.0" @@ -9480,15 +8566,14 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/unist-util-remove-position": { + "node_modules/unist-util-position": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz", - "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==", - "dev": true, + "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz", + "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==", + "devOptional": true, "license": "MIT", "dependencies": { - "@types/unist": "^3.0.0", - "unist-util-visit": "^5.0.0" + "@types/unist": "^3.0.0" }, "funding": { "type": "opencollective", @@ -9499,7 +8584,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz", "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/unist": "^3.0.0" @@ -9513,7 +8598,7 @@ "version": "5.1.0", "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz", "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/unist": "^3.0.0", @@ -9525,25 +8610,11 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/unist-util-visit-children": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-3.0.0.tgz", - "integrity": "sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/unist-util-visit-parents": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz", "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/unist": "^3.0.0", @@ -9670,165 +8741,439 @@ "readdirp": "^5.0.0" }, "engines": { - "node": ">= 20.19.0" + "node": ">= 20.19.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/unstorage/node_modules/readdirp": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz", + "integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 20.19.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "license": "MIT" + }, + "node_modules/varint": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz", + "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==", + "license": "MIT" + }, + "node_modules/vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", + "license": "MIT", + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/verkit": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/verkit/-/verkit-0.4.1.tgz", + "integrity": "sha512-mMVzj0TXExtVdlDEq+Mzp0eyOuyznNpFobNM3uAqe3HVm/Ps2c+u17BligMkZjZCA6EiXpoon8iRTer3iu40SQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18.12.0" + }, + "funding": { + "url": "https://github.com/sponsors/sxzz" + } + }, + "node_modules/vfile": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz", + "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==", + "devOptional": true, + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "vfile-message": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/vfile-message": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz", + "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==", + "devOptional": true, + "license": "MIT", + "dependencies": { + "@types/unist": "^3.0.0", + "unist-util-stringify-position": "^4.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/vite": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.3.0.tgz", + "integrity": "sha512-lhZBVvEHefgE+HQZC9O7EBJgCU/nVzFNl7vkS4RE0APtWLP02/8QVIkQtzBxPquh7lq5/78NHipTj7ODQ6XuyQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "lightningcss": "^1.33.0", + "picomatch": "^4.0.7", + "postcss": "^8.5.28", + "rolldown": "~1.2.6", + "tinyglobby": "^0.2.17" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.7.1", + "esbuild": "^0.27.0 || ^0.28.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "@vitejs/devtools": { + "optional": true + }, + "esbuild": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vite/node_modules/lightningcss": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz", + "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-android-arm64": "1.33.0", + "lightningcss-darwin-arm64": "1.33.0", + "lightningcss-darwin-x64": "1.33.0", + "lightningcss-freebsd-x64": "1.33.0", + "lightningcss-linux-arm-gnueabihf": "1.33.0", + "lightningcss-linux-arm64-gnu": "1.33.0", + "lightningcss-linux-arm64-musl": "1.33.0", + "lightningcss-linux-x64-gnu": "1.33.0", + "lightningcss-linux-x64-musl": "1.33.0", + "lightningcss-win32-arm64-msvc": "1.33.0", + "lightningcss-win32-x64-msvc": "1.33.0" + } + }, + "node_modules/vite/node_modules/lightningcss-android-arm64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz", + "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/vite/node_modules/lightningcss-darwin-arm64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz", + "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/vite/node_modules/lightningcss-darwin-x64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz", + "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/vite/node_modules/lightningcss-freebsd-x64": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz", + "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/vite/node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz", + "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" }, "funding": { - "url": "https://paulmillr.com/funding/" + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/unstorage/node_modules/readdirp": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz", - "integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==", + "node_modules/vite/node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz", + "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 20.19.0" + "node": ">= 12.0.0" }, "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "license": "MIT" - }, - "node_modules/varint": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz", - "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==", - "license": "MIT" - }, - "node_modules/vary": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", - "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", - "license": "MIT", + "node_modules/vite/node_modules/lightningcss-linux-arm64-musl": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz", + "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 0.8" + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, - "node_modules/vfile": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz", - "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==", + "node_modules/vite/node_modules/lightningcss-linux-x64-gnu": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz", + "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0", - "vfile-message": "^4.0.0" + "libc": [ + "glibc" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/unified" + "url": "https://opencollective.com/parcel" } }, - "node_modules/vfile-location": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz", - "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==", + "node_modules/vite/node_modules/lightningcss-linux-x64-musl": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz", + "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0", - "vfile": "^6.0.0" + "libc": [ + "musl" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/unified" + "url": "https://opencollective.com/parcel" } }, - "node_modules/vfile-message": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz", - "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==", + "node_modules/vite/node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz", + "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "@types/unist": "^3.0.0", - "unist-util-stringify-position": "^4.0.0" + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" }, "funding": { "type": "opencollective", - "url": "https://opencollective.com/unified" + "url": "https://opencollective.com/parcel" } }, - "node_modules/vite": { - "version": "7.3.6", - "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.6.tgz", - "integrity": "sha512-4XP60spRGjSZFf1qYH+dJIkK2znL3zQfl9KkOV9MkkRR/3Dls0dxaBsQPTloEc5BLXWPL9vsOxopxyKoMmDueg==", + "node_modules/vite/node_modules/lightningcss-win32-x64-msvc": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz", + "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "MIT", - "dependencies": { - "esbuild": "^0.27.0 || ^0.28.0", - "fdir": "^6.5.0", - "picomatch": "^4.0.3", - "postcss": "^8.5.6", - "rollup": "^4.43.0", - "tinyglobby": "^0.2.15" - }, - "bin": { - "vite": "bin/vite.js" - }, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": "^20.19.0 || >=22.12.0" + "node": ">= 12.0.0" }, "funding": { - "url": "https://github.com/vitejs/vite?sponsor=1" - }, - "optionalDependencies": { - "fsevents": "~2.3.3" - }, - "peerDependencies": { - "@types/node": "^20.19.0 || >=22.12.0", - "jiti": ">=1.21.0", - "less": "^4.0.0", - "lightningcss": "^1.21.0", - "sass": "^1.70.0", - "sass-embedded": "^1.70.0", - "stylus": ">=0.54.8", - "sugarss": "^5.0.0", - "terser": "^5.16.0", - "tsx": "^4.8.1", - "yaml": "^2.4.2" - }, - "peerDependenciesMeta": { - "@types/node": { - "optional": true - }, - "jiti": { - "optional": true - }, - "less": { - "optional": true - }, - "lightningcss": { - "optional": true - }, - "sass": { - "optional": true - }, - "sass-embedded": { - "optional": true - }, - "stylus": { - "optional": true - }, - "sugarss": { - "optional": true - }, - "terser": { - "optional": true - }, - "tsx": { - "optional": true - }, - "yaml": { - "optional": true - } + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, "node_modules/vitefu": { @@ -10093,23 +9438,12 @@ "license": "MIT" }, "node_modules/vscode-uri": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz", - "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.2.0.tgz", + "integrity": "sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==", "dev": true, "license": "MIT" }, - "node_modules/web-namespaces": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz", - "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==", - "dev": true, - "license": "MIT", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/which": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", @@ -10123,16 +9457,6 @@ "which": "bin/which" } }, - "node_modules/which-pm-runs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.1.0.tgz", - "integrity": "sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=4" - } - }, "node_modules/wicg-inert": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/wicg-inert/-/wicg-inert-3.1.3.tgz", @@ -10140,23 +9464,41 @@ "license": "W3C-20150513" }, "node_modules/wrap-ansi": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "version": "9.0.2", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz", + "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==", "dev": true, "license": "MIT", "dependencies": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" + "ansi-styles": "^6.2.1", + "string-width": "^7.0.0", + "strip-ansi": "^7.1.0" }, "engines": { - "node": ">=10" + "node": ">=18" }, "funding": { "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/wrap-ansi/node_modules/string-width": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz", + "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "emoji-regex": "^10.3.0", + "get-east-asian-width": "^1.0.0", + "strip-ansi": "^7.1.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", @@ -10190,9 +9532,9 @@ } }, "node_modules/yaml": { - "version": "2.9.0", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz", - "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==", + "version": "2.8.3", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz", + "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==", "dev": true, "license": "ISC", "bin": { @@ -10236,39 +9578,22 @@ "dev": true, "license": "MIT" }, - "node_modules/yaml-language-server/node_modules/yaml": { - "version": "2.8.3", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz", - "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==", - "dev": true, - "license": "ISC", - "bin": { - "yaml": "bin.mjs" - }, - "engines": { - "node": ">= 14.6" - }, - "funding": { - "url": "https://github.com/sponsors/eemeli" - } - }, "node_modules/yargs": { - "version": "17.7.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", - "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.2.0.tgz", + "integrity": "sha512-9OpKOLeaoNFecEp7P6iYbzze/5CqWoH7N3SMs/6y1XF4nMvFMspEGZzJ6uFi9MmQwXhyzqYoSEKO3tvA3Z/o2w==", "dev": true, "license": "MIT", "dependencies": { - "cliui": "^8.0.1", + "cliui": "^9.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.3", + "string-width": "^8.2.1", "y18n": "^5.0.5", - "yargs-parser": "^21.1.1" + "yargs-parser": "^22.0.0" }, "engines": { - "node": ">=12" + "node": "^20.19.0 || ^22.12.0 || >=23" } }, "node_modules/yargs-parser": { @@ -10281,16 +9606,6 @@ "node": "^20.19.0 || ^22.12.0 || >=23" } }, - "node_modules/yargs/node_modules/yargs-parser": { - "version": "21.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", - "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", - "dev": true, - "license": "ISC", - "engines": { - "node": ">=12" - } - }, "node_modules/yocto-queue": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.2.tgz", @@ -10305,9 +9620,9 @@ } }, "node_modules/zod": { - "version": "4.3.6", - "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz", - "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==", + "version": "4.6.5", + "resolved": "https://registry.npmjs.org/zod/-/zod-4.6.5.tgz", + "integrity": "sha512-v5l/aFXZQeai4awLbOpSoHecE9UiMrnfx75tEXLjNonXVARxQ5mOeipTjROUchszUNCqnE+hqAMujRsRHsut2Q==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/colinhacks" @@ -10326,7 +9641,7 @@ "version": "2.0.4", "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz", "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==", - "dev": true, + "devOptional": true, "license": "MIT", "funding": { "type": "github", diff --git a/package.json b/package.json index 66f6355fab..7e2c4fd90a 100644 --- a/package.json +++ b/package.json @@ -23,23 +23,20 @@ "test:smoke": "playwright test" }, "dependencies": { - "@igniteui/material-icons-extended": "2.11.0", + "@igniteui/material-icons-extended": "^3.1.0", "@material/mwc-button": "0.9.1", "@material/mwc-dialog": "0.9.1", "@material/mwc-slider": "0.9.1", "@material/mwc-switch": "0.9.1", "@material/select": "3.2.0", - "@types/file-saver": "^2.0.1", - "@webcomponents/custom-elements": "1.3.0", - "@webcomponents/webcomponentsjs": "2.3.0", - "core-js": "^3.6.5", - "dompurify": "^3.2.6", - "file-saver": "^2.0.2", - "igniteui-dockmanager": "^2.1.1", - "igniteui-grid-lite": "^0.7.1", + "@types/file-saver": "^2.0.7", + "dompurify": "^3.4.16", + "file-saver": "^2.0.5", + "igniteui-dockmanager": "~2.2.0", + "igniteui-grid-lite": "~0.11.0", "igniteui-i18n-resources": "^1.0.5", "igniteui-theming": "^25.0.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-dashboards": "7.1.0", @@ -47,26 +44,26 @@ "igniteui-webcomponents-datasources": "7.1.0", "igniteui-webcomponents-excel": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", "igniteui-webcomponents-spreadsheet": "7.1.0", "igniteui-webcomponents-spreadsheet-chart-adapter": "7.1.0", - "lit": "^3.2.0", - "postcss": "^8.5.6", - "tailwindcss": "^4.1.11" + "lit": "^3.3.0", + "postcss": "^8.5.28", + "tailwindcss": "^4.3.3" }, "devDependencies": { - "@astrojs/check": "^0.9.8", - "@playwright/test": "^1.62.1", - "@tailwindcss/postcss": "^4.1.11", - "astro": "^6.0.5", + "@astrojs/check": "^0.9.10", + "@playwright/test": "^1.63.0", + "@tailwindcss/postcss": "^4.3.3", + "astro": "^7.3.5", "cross-env": "^5.0.1", "marked": "^18.0.0", "marked-shiki": "^1.2.0", "sass": "^1.92.1", - "shiki": "^4.3.0", - "typescript": "^5.9.2" + "shiki": "^4.4.3", + "typescript": "^6.0.3" } } diff --git a/samples/README.md b/samples/README.md index b8136d28e3..3c9b604a49 100644 --- a/samples/README.md +++ b/samples/README.md @@ -31,7 +31,7 @@ Follow these instructions to run individual sample: ./samples/charts/category-chart/axis-options/ ``` -- type `npm install --legacy-peer-deps` command in terminal window +- type `npm install` command in terminal window - type `npm run start` command in terminal window diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/annotations-all/package.json +++ b/samples/charts/category-chart/annotations-all/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/annotations-callouts/package.json +++ b/samples/charts/category-chart/annotations-callouts/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/annotations-crosshairs/package.json +++ b/samples/charts/category-chart/annotations-crosshairs/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/annotations-custom/package.json +++ b/samples/charts/category-chart/annotations-custom/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/annotations-final-value/package.json +++ b/samples/charts/category-chart/annotations-final-value/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/annotations-highlighting/package.json +++ b/samples/charts/category-chart/annotations-highlighting/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-gap/package.json +++ b/samples/charts/category-chart/axis-gap/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-gridlines/package.json +++ b/samples/charts/category-chart/axis-gridlines/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-inverted/package.json +++ b/samples/charts/category-chart/axis-inverted/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-labels/package.json +++ b/samples/charts/category-chart/axis-labels/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-locations/package.json +++ b/samples/charts/category-chart/axis-locations/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-overlap/package.json +++ b/samples/charts/category-chart/axis-overlap/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-range/package.json +++ b/samples/charts/category-chart/axis-range/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/axis-tickmarks/package.json +++ b/samples/charts/category-chart/axis-tickmarks/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/chart-highlight-filter/package.json +++ b/samples/charts/category-chart/chart-highlight-filter/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/column-chart-with-tooltips/package.json +++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/data-aggregations/package.json +++ b/samples/charts/category-chart/data-aggregations/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/data-filter/package.json +++ b/samples/charts/category-chart/data-filter/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/data-tooltip-positioning/package.json +++ b/samples/charts/category-chart/data-tooltip-positioning/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/highlighting-behavior/package.json +++ b/samples/charts/category-chart/highlighting-behavior/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/highlighting-mode/package.json +++ b/samples/charts/category-chart/highlighting-mode/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/marker-options/package.json +++ b/samples/charts/category-chart/marker-options/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/selection-multiple-modes/package.json +++ b/samples/charts/category-chart/selection-multiple-modes/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/category-chart/value-lines/package.json +++ b/samples/charts/category-chart/value-lines/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/dashboard-tile/chart-dashboard/package.json b/samples/charts/dashboard-tile/chart-dashboard/package.json index 7ba64ea9c0..f312275bef 100644 --- a/samples/charts/dashboard-tile/chart-dashboard/package.json +++ b/samples/charts/dashboard-tile/chart-dashboard/package.json @@ -27,7 +27,7 @@ "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-dashboards": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/charts/dashboard-tile/financial-dashboard/package.json b/samples/charts/dashboard-tile/financial-dashboard/package.json index 1d81e0405b..085046b8be 100644 --- a/samples/charts/dashboard-tile/financial-dashboard/package.json +++ b/samples/charts/dashboard-tile/financial-dashboard/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-dashboards": "7.1.0", "igniteui-webcomponents-data-grids": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/charts/dashboard-tile/gauge-dashboard/package.json b/samples/charts/dashboard-tile/gauge-dashboard/package.json index 1d81e0405b..085046b8be 100644 --- a/samples/charts/dashboard-tile/gauge-dashboard/package.json +++ b/samples/charts/dashboard-tile/gauge-dashboard/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-dashboards": "7.1.0", "igniteui-webcomponents-data-grids": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/charts/dashboard-tile/local-data-source-dashboard/package.json b/samples/charts/dashboard-tile/local-data-source-dashboard/package.json index 1d81e0405b..085046b8be 100644 --- a/samples/charts/dashboard-tile/local-data-source-dashboard/package.json +++ b/samples/charts/dashboard-tile/local-data-source-dashboard/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-dashboards": "7.1.0", "igniteui-webcomponents-data-grids": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/charts/dashboard-tile/map-dashboard/package.json b/samples/charts/dashboard-tile/map-dashboard/package.json index 1d81e0405b..085046b8be 100644 --- a/samples/charts/dashboard-tile/map-dashboard/package.json +++ b/samples/charts/dashboard-tile/map-dashboard/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-dashboards": "7.1.0", "igniteui-webcomponents-data-grids": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/charts/dashboard-tile/pie-dashboard/package.json b/samples/charts/dashboard-tile/pie-dashboard/package.json index 1d81e0405b..085046b8be 100644 --- a/samples/charts/dashboard-tile/pie-dashboard/package.json +++ b/samples/charts/dashboard-tile/pie-dashboard/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-dashboards": "7.1.0", "igniteui-webcomponents-data-grids": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/axis-label-rotation/package.json +++ b/samples/charts/data-chart/axis-label-rotation/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json +++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json +++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/chart-highlight-filter/package.json +++ b/samples/charts/data-chart/chart-highlight-filter/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/radial-label-mode/package.json +++ b/samples/charts/data-chart/radial-label-mode/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/scatter-marker-options/package.json b/samples/charts/data-chart/scatter-marker-options/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/scatter-marker-options/package.json +++ b/samples/charts/data-chart/scatter-marker-options/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/transition-event/package.json +++ b/samples/charts/data-chart/transition-event/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-chart/user-annotation-layer/package.json b/samples/charts/data-chart/user-annotation-layer/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-chart/user-annotation-layer/package.json +++ b/samples/charts/data-chart/user-annotation-layer/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-pie-chart/animation-replay/package.json b/samples/charts/data-pie-chart/animation-replay/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-pie-chart/animation-replay/package.json +++ b/samples/charts/data-pie-chart/animation-replay/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-pie-chart/animation/package.json +++ b/samples/charts/data-pie-chart/animation/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-pie-chart/highlighting/package.json +++ b/samples/charts/data-pie-chart/highlighting/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-pie-chart/others/package.json +++ b/samples/charts/data-pie-chart/others/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/data-pie-chart/selection/package.json +++ b/samples/charts/data-pie-chart/selection/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json index 1bacce3434..93e86db2a2 100644 --- a/samples/charts/sparkline/grid/package.json +++ b/samples/charts/sparkline/grid/package.json @@ -25,7 +25,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/sparkline/markers/package.json +++ b/samples/charts/sparkline/markers/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/sparkline/normal-range/package.json +++ b/samples/charts/sparkline/normal-range/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/sparkline/trendlines/package.json +++ b/samples/charts/sparkline/trendlines/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/sparkline/unknown-values/package.json +++ b/samples/charts/sparkline/unknown-values/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/toolbar/theming/package.json +++ b/samples/charts/toolbar/theming/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/tree-map/highlighting/package.json +++ b/samples/charts/tree-map/highlighting/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json index fe654d8bda..d287db32b9 100644 --- a/samples/charts/tree-map/layout/package.json +++ b/samples/charts/tree-map/layout/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-inputs": "7.1.0", diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json index 4e63503bac..0cf16f7b2c 100644 --- a/samples/excel/excel-library/operations-on-workbooks/package.json +++ b/samples/excel/excel-library/operations-on-workbooks/package.json @@ -27,7 +27,7 @@ "file-saver": "^1.3.8", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-excel": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json index 1d914f52af..174cbf69fc 100644 --- a/samples/excel/excel-library/working-with-charts/package.json +++ b/samples/excel/excel-library/working-with-charts/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-excel": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json index 140fffe488..da95d18b99 100644 --- a/samples/excel/excel-library/working-with-sparklines/package.json +++ b/samples/excel/excel-library/working-with-sparklines/package.json @@ -28,7 +28,7 @@ "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-excel": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/data-grid/binding-live-data/src/index.ts b/samples/grids/data-grid/binding-live-data/src/index.ts index 694555217b..e912338b0f 100644 --- a/samples/grids/data-grid/binding-live-data/src/index.ts +++ b/samples/grids/data-grid/binding-live-data/src/index.ts @@ -1,42 +1,30 @@ -import '@webcomponents/custom-elements/custom-elements.min'; -import '@webcomponents/custom-elements/src/native-shim.js'; -import { LiveFinancialData } from './LiveFinancialData'; -import { ListSortDirection } from 'igniteui-webcomponents-core'; -import { DataGridCellLayoutPanel } from 'igniteui-webcomponents-data-grids'; -import { DataGridPresenterManager } from 'igniteui-webcomponents-data-grids'; -import { FilterFactory } from 'igniteui-webcomponents-core'; -import { ModuleManager } from 'igniteui-webcomponents-core'; -import { IgcCategoryXAxisComponent } from 'igniteui-webcomponents-charts'; -import { IgcColumnGroupDescription } from 'igniteui-webcomponents-data-grids'; -import { IgcCellStyleRequestedEventArgs } from 'igniteui-webcomponents-data-grids'; -import { IgcDataBindingEventArgs } from 'igniteui-webcomponents-data-grids'; -import { IgcDataGridModule } from 'igniteui-webcomponents-data-grids'; -import { IgcDataGridComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcDataChartComponent } from 'igniteui-webcomponents-charts'; -import { IgcDataChartCategoryModule } from 'igniteui-webcomponents-charts'; -import { IgcDataChartInteractivityModule } from 'igniteui-webcomponents-charts'; -import { IgcDataChartAnnotationModule } from 'igniteui-webcomponents-charts'; -import { IgcDefinitionBaseComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcColumnSeriesComponent } from 'igniteui-webcomponents-charts'; -import { IgcItemToolTipLayerComponent } from 'igniteui-webcomponents-charts'; -import { IgcNumericYAxisComponent } from 'igniteui-webcomponents-charts'; -import { IgcNumericColumnComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcTextColumnComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcTemplateCellUpdatingEventArgs } from 'igniteui-webcomponents-data-grids'; -import { IgcTemplateCellInfo } from 'igniteui-webcomponents-data-grids'; -import { IgcTemplateColumnComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcTextHeaderComponent } from 'igniteui-webcomponents-data-grids'; -import '@material/mwc-button'; -import '@material/mwc-switch'; -import '@material/mwc-slider'; -import '@material/mwc-dialog'; - -ModuleManager.register( - IgcDataChartCategoryModule, - IgcDataGridModule, - IgcDataChartInteractivityModule, - IgcDataChartAnnotationModule -); +import { LiveFinancialData } from "./LiveFinancialData"; +import { ListSortDirection } from "igniteui-webcomponents-core"; +import { FilterFactory } from "igniteui-webcomponents-core"; +import { ModuleManager } from "igniteui-webcomponents-core"; +import { IgcCategoryXAxisComponent } from "igniteui-webcomponents-charts"; +import { IgcColumnGroupDescription } from "igniteui-webcomponents-data-grids"; +import { IgcCellStyleRequestedEventArgs } from "igniteui-webcomponents-data-grids"; +import { IgcDataBindingEventArgs } from "igniteui-webcomponents-data-grids"; +import { IgcDataGridModule } from "igniteui-webcomponents-data-grids"; +import { IgcDataGridComponent } from "igniteui-webcomponents-data-grids"; +import { IgcDataChartComponent } from "igniteui-webcomponents-charts"; +import { IgcDataChartCategoryModule } from "igniteui-webcomponents-charts"; +import { IgcDataChartInteractivityModule } from "igniteui-webcomponents-charts"; +import { IgcDataChartAnnotationModule } from "igniteui-webcomponents-charts"; +import { IgcDefinitionBaseComponent } from "igniteui-webcomponents-data-grids"; +import { IgcColumnSeriesComponent } from "igniteui-webcomponents-charts"; +import { IgcItemToolTipLayerComponent } from "igniteui-webcomponents-charts"; +import { IgcNumericYAxisComponent } from "igniteui-webcomponents-charts"; +import { IgcTemplateCellUpdatingEventArgs } from "igniteui-webcomponents-data-grids"; +import { IgcTemplateCellInfo } from "igniteui-webcomponents-data-grids"; +import { IgcTemplateColumnComponent } from "igniteui-webcomponents-data-grids"; +import "@material/mwc-button"; +import "@material/mwc-switch"; +import "@material/mwc-slider"; +import "@material/mwc-dialog"; + +ModuleManager.register(IgcDataChartCategoryModule, IgcDataGridModule, IgcDataChartInteractivityModule, IgcDataChartAnnotationModule); // TODO open chart on clicking a cell in the Chart column // @@ -45,13 +33,12 @@ ModuleManager.register( // export class DataGridBindingLiveData { - private grid: IgcDataGridComponent; - private goodColor = '#4EB862'; - private badColor = '#FF134A'; + private goodColor = "#4EB862"; + private badColor = "#FF134A"; private lastDataUpdate: Date = new Date(); - private badBorder = '4px solid #FF134A'; - private goodBorder = '4px solid #4EB862'; + private badBorder = "4px solid #FF134A"; + private goodBorder = "4px solid #4EB862"; private ticking: boolean = false; private isAllUpdate = false; @@ -76,11 +63,10 @@ export class DataGridBindingLiveData { heatChecked: true, chartOpen: false, priceByCountry: [] as FinancialItem[], - hiddenColumns: ['ID'] + hiddenColumns: ["ID"] }; constructor() { - this.financialData = new LiveFinancialData(); this.onPriceStyleKey = this.onPriceStyleKey.bind(this); @@ -114,19 +100,19 @@ export class DataGridBindingLiveData { this.updatePriceByCountry = this.updatePriceByCountry.bind(this); this.updateSpanStates = this.updateSpanStates.bind(this); - this.grid = document.getElementById('grid') as IgcDataGridComponent; + this.grid = document.getElementById("grid") as IgcDataGridComponent; this.grid.dataSource = this.state.data; - let priceTemplate = document.getElementById('priceTemplateColumn') as IgcTemplateColumnComponent; + let priceTemplate = document.getElementById("priceTemplateColumn") as IgcTemplateColumnComponent; priceTemplate.cellStyleKeyRequested = this.onPriceStyleKey; priceTemplate.cellUpdating = this.onPriceCellUpdating; priceTemplate.dataBound = this.onPriceDataBound; - let changeTemplate = document.getElementById('changeTemplateColumn') as IgcTemplateColumnComponent; + let changeTemplate = document.getElementById("changeTemplateColumn") as IgcTemplateColumnComponent; changeTemplate.cellStyleKeyRequested = this.onPriceAmountStyleKey; changeTemplate.cellUpdating = this.onPriceAmountCellUpdating; - let percentTemplate = document.getElementById('percentTemplateColumn') as IgcTemplateColumnComponent; + let percentTemplate = document.getElementById("percentTemplateColumn") as IgcTemplateColumnComponent; percentTemplate.cellStyleKeyRequested = this.onPricePercentStyleKey; percentTemplate.cellUpdating = this.onPricePercentCellUpdating; @@ -142,45 +128,45 @@ export class DataGridBindingLiveData { // gridTemplate.cellUpdating = this.onGridCellUpdating; // } - this.liveButton = document.getElementById('liveButton'); + this.liveButton = document.getElementById("liveButton"); this.liveButton.onclick = () => { this.onLiveClicked(); }; - this.liveAllButton = document.getElementById('liveAllButton'); + this.liveAllButton = document.getElementById("liveAllButton"); this.liveAllButton.onclick = () => { this.onAllClicked(); }; - this.stopButton = document.getElementById('stopButton'); + this.stopButton = document.getElementById("stopButton"); this.stopButton.onclick = () => { this.onStopClicked(); }; let self = this; - (document.getElementById('fSlider') as any)!.addEventListener('MDCSlider:change', function (ev: any, val: any) { + (document.getElementById("fSlider") as any)!.addEventListener("MDCSlider:change", function (ev: any, val: any) { self.onFrequencyChange(ev, val); }); - (document.getElementById('fSlider') as any)!.addEventListener('MDCSlider:input', function (ev: any, val: any) { + (document.getElementById("fSlider") as any)!.addEventListener("MDCSlider:input", function (ev: any, val: any) { self.onFrequencyChange(ev, val); }); - (document.getElementById('vSlider') as any)!.addEventListener('MDCSlider:change', function (ev: any, val: any) { + (document.getElementById("vSlider") as any)!.addEventListener("MDCSlider:change", function (ev: any, val: any) { self.onVolumeChange(ev, val); }); - (document.getElementById('vSlider') as any)!.addEventListener('MDCSlider:input', function (ev: any, val: any) { - self.onVolumeChange(ev, val) + (document.getElementById("vSlider") as any)!.addEventListener("MDCSlider:input", function (ev: any, val: any) { + self.onVolumeChange(ev, val); }); - (document.getElementById('groupingSwitch') as any)!.addEventListener('change', function (ev: any, val: any) { + (document.getElementById("groupingSwitch") as any)!.addEventListener("change", function (ev: any, val: any) { self.onGroupingChanged(ev); }); - (document.getElementById('heatSwitch') as any)!.addEventListener('change', function (ev: any, val: any) { + (document.getElementById("heatSwitch") as any)!.addEventListener("change", function (ev: any, val: any) { self.onHeatChanged(ev); }); - this.frequencySpan = document.getElementById('frequencySpan'); - this.volumeSpan = document.getElementById('volumeSpan'); + this.frequencySpan = document.getElementById("frequencySpan"); + this.volumeSpan = document.getElementById("volumeSpan"); this.addGroups(); this.updateSpanStates(); @@ -193,23 +179,22 @@ export class DataGridBindingLiveData { addGroups() { let g = new IgcColumnGroupDescription(); - g.field = 'Category'; + g.field = "Category"; g.sortDirection = ListSortDirection.Descending; this.grid.groupDescriptions.add(g); g = new IgcColumnGroupDescription(); - g.field = 'Contract'; + g.field = "Contract"; g.sortDirection = ListSortDirection.Descending; this.grid.groupDescriptions.add(g); g = new IgcColumnGroupDescription(); - g.field = 'Region'; + g.field = "Region"; g.sortDirection = ListSortDirection.Descending; this.grid.groupDescriptions.add(g); } tick() { - if (!this.ticking) { return; } @@ -239,7 +224,7 @@ export class DataGridBindingLiveData { let now = new Date(); let intervalElapsed = false; - if ((+now - + this.lastDataUpdate) > this.state.frequency) { + if (+now - +this.lastDataUpdate > this.state.frequency) { intervalElapsed = true; } @@ -252,15 +237,13 @@ export class DataGridBindingLiveData { let sortingByPrice = false; for (let i = 0; i < this.grid.sortDescriptions.count; i++) { - if (this.grid.sortDescriptions.item(i).field === 'Price' || - this.grid.sortDescriptions.item(i).field.indexOf('Change') >= 0) { + if (this.grid.sortDescriptions.item(i).field === "Price" || this.grid.sortDescriptions.item(i).field.indexOf("Change") >= 0) { sortingByPrice = true; } } let changing = false; if (intervalElapsed) { - this.lastDataUpdate = new Date(); for (let i = 0; i < toChange; i++) { let index = Math.round(Math.random() * this.state.data.length - 1); @@ -276,7 +259,6 @@ export class DataGridBindingLiveData { let item = this.state.data[i]; if (toChangeIndexes[i.toString()] !== undefined) { if (sortingByPrice && !useClear) { - this.grid.notifyRemoveItem(i, item); LiveFinancialData.randomizeDataValues(item); this.grid.notifyInsertItem(i, item); @@ -290,16 +272,15 @@ export class DataGridBindingLiveData { } else { item.PriceHeat = -1; } - } - else { + } else { if (item.PriceHeat > 0) { - item.PriceHeat -= .06; + item.PriceHeat -= 0.06; if (item.PriceHeat < 0) { item.PriceHeat = 0; } } if (item.PriceHeat < 0) { - item.PriceHeat += .06; + item.PriceHeat += 0.06; if (item.PriceHeat > 0) { item.PriceHeat = 0; } @@ -347,13 +328,11 @@ export class DataGridBindingLiveData { if (!priceByCountry.has(currCountry)) { priceByCountry.set(currCountry, 0); if (shouldPopulate) { - countryNames.push(currCountry); } } let currVal = priceByCountry.get(currCountry); - if (currVal === undefined) - currVal = 0; + if (currVal === undefined) currVal = 0; currVal += currItem.Price; currVal = Math.round(currVal * 100.0) / 100.0; @@ -363,18 +342,18 @@ export class DataGridBindingLiveData { if (shouldPopulate) { countryNames = countryNames.sort(); for (let i = 0; i < countryNames.length; i++) { - const price = priceByCountry.get(countryNames[i]) + const price = priceByCountry.get(countryNames[i]); if (price !== undefined) { this.state.priceByCountry.push({ Country: countryNames[i], Price: price - }) + }); } } } else { for (let i = 0; i < this.state.priceByCountry.length; i++) { const country = this.state.priceByCountry[i].Country; - const price = priceByCountry.get(country) + const price = priceByCountry.get(country); if (price !== undefined) { this.state.priceByCountry[i].Price = price; } @@ -390,9 +369,9 @@ export class DataGridBindingLiveData { row = this.state.data[args.rowNumber]; } if (row.Change >= 0) { - args.styleKey = 'priceShiftUp'; + args.styleKey = "priceShiftUp"; } else { - args.styleKey = 'priceShiftDown'; + args.styleKey = "priceShiftDown"; } } @@ -408,7 +387,7 @@ export class DataGridBindingLiveData { let context: CanvasRenderingContext2D = args.context; - let iconText = 'trending_up'; + let iconText = "trending_up"; let iconColor = this.goodColor; let scale = window.devicePixelRatio; @@ -418,32 +397,32 @@ export class DataGridBindingLiveData { } if (priceShiftUp) { - iconText = 'trending_up'; + iconText = "trending_up"; iconColor = this.goodColor; } else { - iconText = 'trending_down'; + iconText = "trending_down"; iconColor = this.badColor; } // context.fillStyle = 'blue'; // context.fillRect(0,0,args.cellInfo.width,args.cellInfo.height); - let txt = '$' + (+templ.value).toFixed(2); - context.font = '13px Verdana'; + let txt = "$" + (+templ.value).toFixed(2); + context.font = "13px Verdana"; let width = context.measureText(txt).width; context.font = '13px "Material Icons"'; let iconWidth = context.measureText(iconText).width; let totalWidth = width + iconWidth; - context.font = '13px Verdana'; + context.font = "13px Verdana"; context.fillStyle = iconColor; - context.textBaseline = 'top'; - context.fillText(txt, templ.width - (totalWidth + 5), (templ.height / 2.0) - 7); + context.textBaseline = "top"; + context.fillText(txt, templ.width - (totalWidth + 5), templ.height / 2.0 - 7); context.font = '13px "Material Icons"'; context.fillStyle = iconColor; - context.textBaseline = 'top'; - context.fillText(iconText, templ.width - (iconWidth + 5), (templ.height / 2.0) - 7); + context.textBaseline = "top"; + context.fillText(iconText, templ.width - (iconWidth + 5), templ.height / 2.0 - 7); if (scale !== 1.0) { context.restore(); @@ -460,11 +439,11 @@ export class DataGridBindingLiveData { sp = content.children[0] as HTMLSpanElement; // icon = content.children[1] as HTMLSpanElement; } else { - content.style.textAlign = 'right'; - sp = document.createElement('span'); + content.style.textAlign = "right"; + sp = document.createElement("span"); // icon = document.createElement('span'); - sp.style.font = '13px Verdana'; - sp.style.verticalAlign = 'center'; + sp.style.font = "13px Verdana"; + sp.style.verticalAlign = "center"; content.appendChild(sp); // content.appendChild(icon); // icon.style.fontFamily = 'Material Icons'; @@ -473,10 +452,9 @@ export class DataGridBindingLiveData { // icon.style.verticalAlign = 'center'; } - sp.textContent = '$' + (+templ.value).toFixed(2); + sp.textContent = "$" + (+templ.value).toFixed(2); - if ((sp as any).__isUp === undefined || - (sp as any).__isUp !== priceShiftUp) { + if ((sp as any).__isUp === undefined || (sp as any).__isUp !== priceShiftUp) { (sp as any).__isUp = priceShiftUp; if (this.state.heatChecked) { sp.style.color = "black"; @@ -494,9 +472,9 @@ export class DataGridBindingLiveData { onPricePercentStyleKey(grid: IgcDefinitionBaseComponent, args: IgcCellStyleRequestedEventArgs) { if (args.resolvedValue >= 0) { - args.styleKey = 'pricePercentUp'; + args.styleKey = "pricePercentUp"; } else { - args.styleKey = 'pricePercentDown'; + args.styleKey = "pricePercentDown"; } } @@ -527,20 +505,20 @@ export class DataGridBindingLiveData { // context.fillStyle = 'blue'; // context.fillRect(0,0,args.cellInfo.width,args.cellInfo.height); - let txt = (+templ.value).toFixed(2) + '%'; - context.font = '13px Verdana'; + let txt = (+templ.value).toFixed(2) + "%"; + context.font = "13px Verdana"; let width = context.measureText(txt).width; let totalWidth = width + 4; - context.font = '13px Verdana'; + context.font = "13px Verdana"; context.fillStyle = templ.textColor; - context.textBaseline = 'top'; - context.fillText(txt, templ.width - (totalWidth + 10), (templ.height / 2.0) - 7); + context.textBaseline = "top"; + context.fillText(txt, templ.width - (totalWidth + 10), templ.height / 2.0 - 7); context.font = '13px "Material Icons"'; context.fillStyle = iconColor; - context.fillRect(templ.width - (5 + 4), (templ.height / 2.0) - 8, 4, 16); + context.fillRect(templ.width - (5 + 4), templ.height / 2.0 - 8, 4, 16); if (scale !== 1.0) { context.restore(); @@ -556,23 +534,22 @@ export class DataGridBindingLiveData { if (content.childElementCount > 0) { sp = content.children[0] as HTMLSpanElement; } else { - content.style.textAlign = 'right'; - sp = document.createElement('span'); - sp.style.font = '13px Verdana'; - sp.style.verticalAlign = 'center'; + content.style.textAlign = "right"; + sp = document.createElement("span"); + sp.style.font = "13px Verdana"; + sp.style.verticalAlign = "center"; content.appendChild(sp); } - sp.textContent = (+templ.value).toFixed(2) + '%'; - if ((sp as any).__isUp === undefined || - (sp as any).__isUp !== priceShiftUp) { + sp.textContent = (+templ.value).toFixed(2) + "%"; + if ((sp as any).__isUp === undefined || (sp as any).__isUp !== priceShiftUp) { (sp as any).__isUp = priceShiftUp; if (priceShiftUp) { - sp.style.paddingRight = '5px'; + sp.style.paddingRight = "5px"; sp.style.borderRight = this.goodBorder; // sp.style.color = this.goodColor; } else { - sp.style.paddingRight = '5px'; + sp.style.paddingRight = "5px"; sp.style.borderRight = this.badBorder; // sp.style.color = this.badColor; } @@ -581,9 +558,9 @@ export class DataGridBindingLiveData { onPriceAmountStyleKey(grid: IgcDefinitionBaseComponent, args: IgcCellStyleRequestedEventArgs) { if (args.resolvedValue >= 0) { - args.styleKey = 'priceAmountUp'; + args.styleKey = "priceAmountUp"; } else { - args.styleKey = 'priceAmountDown'; + args.styleKey = "priceAmountDown"; } } @@ -615,19 +592,19 @@ export class DataGridBindingLiveData { // context.fillStyle = 'blue'; // context.fillRect(0,0,args.cellInfo.width,args.cellInfo.height); let txt = (+templ.value).toFixed(2); - context.font = '13px Verdana'; + context.font = "13px Verdana"; let width = context.measureText(txt).width; let totalWidth = width + 4; - context.font = '13px Verdana'; + context.font = "13px Verdana"; context.fillStyle = templ.textColor; - context.textBaseline = 'top'; - context.fillText(txt, templ.width - (totalWidth + 10), (templ.height / 2.0) - 7); + context.textBaseline = "top"; + context.fillText(txt, templ.width - (totalWidth + 10), templ.height / 2.0 - 7); context.font = '13px "Material Icons"'; context.fillStyle = iconColor; - context.fillRect(templ.width - (5 + 4), (templ.height / 2.0) - 8, 4, 16); + context.fillRect(templ.width - (5 + 4), templ.height / 2.0 - 8, 4, 16); if (scale !== 1.0) { context.restore(); @@ -643,24 +620,23 @@ export class DataGridBindingLiveData { if (content.childElementCount > 0) { sp = content.children[0] as HTMLSpanElement; } else { - content.style.textAlign = 'right'; - sp = document.createElement('span'); - sp.style.font = '13px Verdana'; - sp.style.verticalAlign = 'center'; + content.style.textAlign = "right"; + sp = document.createElement("span"); + sp.style.font = "13px Verdana"; + sp.style.verticalAlign = "center"; content.appendChild(sp); } sp.textContent = (+templ.value).toFixed(2); - if ((sp as any).__isUp === undefined || - (sp as any).__isUp !== priceShiftUp) { + if ((sp as any).__isUp === undefined || (sp as any).__isUp !== priceShiftUp) { (sp as any).__isUp = priceShiftUp; if (priceShiftUp) { - sp.style.paddingRight = '5px'; + sp.style.paddingRight = "5px"; sp.style.borderRight = this.goodBorder; // sp.style.color = this.goodColor; } else { - sp.style.paddingRight = '5px'; + sp.style.paddingRight = "5px"; sp.style.borderRight = this.badBorder; // sp.style.color = this.badColor; } @@ -668,7 +644,7 @@ export class DataGridBindingLiveData { } onChartStyleKey(grid: IgcDefinitionBaseComponent, args: IgcCellStyleRequestedEventArgs) { - args.styleKey = 'chart'; + args.styleKey = "chart"; } onChartCellUpdating(grid: IgcTemplateColumnComponent, args: IgcTemplateCellUpdatingEventArgs) { @@ -683,22 +659,22 @@ export class DataGridBindingLiveData { if (content.childElementCount > 0) { icon = content.children[0] as HTMLSpanElement; icon.onclick = (e) => { - console.log('chart clicked!!') + console.log("chart clicked!!"); e.stopPropagation(); - } + }; } else { - icon = document.createElement('span'); + icon = document.createElement("span"); content.appendChild(icon); - icon.style.fontFamily = 'Material Icons'; - icon.style.fontSize = '13px'; - icon.style.fontFeatureSettings = 'liga'; - icon.style.verticalAlign = 'center'; - icon.textContent = 'insert_chart_outlined'; + icon.style.fontFamily = "Material Icons"; + icon.style.fontSize = "13px"; + icon.style.fontFeatureSettings = "liga"; + icon.style.verticalAlign = "center"; + icon.textContent = "insert_chart_outlined"; } } onGridStyleKey(grid: IgcDefinitionBaseComponent, args: IgcCellStyleRequestedEventArgs) { - args.styleKey = 'grid'; + args.styleKey = "grid"; } onGridCellUpdating(grid: IgcTemplateColumnComponent, args: IgcTemplateCellUpdatingEventArgs) { @@ -713,17 +689,17 @@ export class DataGridBindingLiveData { if (content.childElementCount > 0) { icon = content.children[0] as HTMLSpanElement; icon.onclick = (e) => { - console.log('grid clicked!!') + console.log("grid clicked!!"); e.stopPropagation(); - } + }; } else { - icon = document.createElement('span'); + icon = document.createElement("span"); content.appendChild(icon); - icon.style.fontFamily = 'Material Icons'; - icon.style.fontSize = '13px'; - icon.style.fontFeatureSettings = 'liga'; - icon.style.verticalAlign = 'center'; - icon.textContent = 'table_chart'; + icon.style.fontFamily = "Material Icons"; + icon.style.fontSize = "13px"; + icon.style.fontFeatureSettings = "liga"; + icon.style.verticalAlign = "center"; + icon.textContent = "table_chart"; } } @@ -747,12 +723,11 @@ export class DataGridBindingLiveData { } updateSpanStates() { - this.frequencySpan.innerText = 'Frequency: ' + this.state.frequency.toString() + 'ms'; - this.volumeSpan.innerText = 'Volume: ' + this.state.volume.toString(); + this.frequencySpan.innerText = "Frequency: " + this.state.frequency.toString() + "ms"; + this.volumeSpan.innerText = "Volume: " + this.state.volume.toString(); } - updateDialogState() { - } + updateDialogState() {} onLiveClicked() { this.isAllUpdate = false; @@ -843,12 +818,11 @@ export class DataGridBindingLiveData { let g = fromG + (toG - fromG) * p; let b = fromB + (toB - fromB) * p; - let colorString = 'rgba(' + Math.round(r * 255.0) + ',' + Math.round(g * 255.0) + ',' + Math.round(b * 255.0) + ',' + a + ')'; + let colorString = "rgba(" + Math.round(r * 255.0) + "," + Math.round(g * 255.0) + "," + Math.round(b * 255.0) + "," + a + ")"; args.cellInfo.background = colorString; // args.cellInfo.textColor = "white"; - } - else if (item.PriceHeat < 0 && this.state.heatChecked) { + } else if (item.PriceHeat < 0 && this.state.heatChecked) { let p = +item.PriceHeat * -1.0; let toA = 1.0; let fromA = 1.0; @@ -864,13 +838,12 @@ export class DataGridBindingLiveData { let g = fromG + (toG - fromG) * p; let b = fromB + (toB - fromB) * p; - let colorString = 'rgba(' + Math.round(r * 255.0) + ',' + Math.round(g * 255.0) + ',' + Math.round(b * 255.0) + ',' + a + ')'; + let colorString = "rgba(" + Math.round(r * 255.0) + "," + Math.round(g * 255.0) + "," + Math.round(b * 255.0) + "," + a + ")"; args.cellInfo.background = colorString; // args.cellInfo.textColor = "black"; - } - else { - args.cellInfo.background = 'white'; + } else { + args.cellInfo.background = "white"; // args.cellInfo.textColor = "black"; } } @@ -882,8 +855,7 @@ export class DataGridBindingLiveData { } createChart() { - - this.chart = document.createElement('igc-data-chart') as any; + this.chart = document.createElement("igc-data-chart") as any; console.log(this.chart); if (this.chart) { @@ -891,30 +863,30 @@ export class DataGridBindingLiveData { this.chart.animateSeriesWhenAxisRangeChanges = true; this.chart.isHorizontalZoomEnabled = true; this.chart.isVerticalZoomEnabled = true; - let xAxis = document.createElement('igc-category-x-axis') as IgcCategoryXAxisComponent; - xAxis.name = 'xAxis'; + let xAxis = document.createElement("igc-category-x-axis") as IgcCategoryXAxisComponent; + xAxis.name = "xAxis"; xAxis.dataSource = this.state.priceByCountry; - xAxis.label = 'Country'; + xAxis.label = "Country"; xAxis.labelAngle = 90; xAxis.interval = 1; - let yAxis = document.createElement('igc-numeric-y-axis') as IgcNumericYAxisComponent; - yAxis.name = 'yAxis;' + let yAxis = document.createElement("igc-numeric-y-axis") as IgcNumericYAxisComponent; + yAxis.name = "yAxis;"; - let columnSeries = document.createElement('igc-column-series') as IgcColumnSeriesComponent; - columnSeries.name = 'series1'; + let columnSeries = document.createElement("igc-column-series") as IgcColumnSeriesComponent; + columnSeries.name = "series1"; columnSeries.transitionDuration = this.state.frequency; - columnSeries.xAxisName = 'xAxis'; - columnSeries.yAxisName = 'yAxis'; + columnSeries.xAxisName = "xAxis"; + columnSeries.yAxisName = "yAxis"; columnSeries.xAxis = xAxis; columnSeries.yAxis = yAxis; columnSeries.showDefaultTooltip = true; columnSeries.isHighlightingEnabled = true; columnSeries.dataSource = this.state.priceByCountry; - columnSeries.valueMemberPath = 'Price'; + columnSeries.valueMemberPath = "Price"; - let itemTooltip = document.createElement('igc-item-tool-tip-layer') as IgcItemToolTipLayerComponent; - itemTooltip.name = 'tooltips' + let itemTooltip = document.createElement("igc-item-tool-tip-layer") as IgcItemToolTipLayerComponent; + itemTooltip.name = "tooltips"; this.chart.series.add(columnSeries); this.chart.axes.add(xAxis); @@ -934,12 +906,15 @@ export class DataGridBindingLiveData { this.grid.filterExpressions.clear(); } else { let ff = FilterFactory.instance; - let filter = ff.property('Category').toLower().contains(ff.literal(term).toLower()) - .or(ff.property('Type').toLower().contains(ff.literal(term).toLower())) - .or(ff.property('Contract').toLower().contains(ff.literal(term).toLower())) - .or(ff.property('Settlement').toLower().contains(ff.literal(term).toLower())) - .or(ff.property('Region').toLower().contains(ff.literal(term).toLower())) - .or(ff.property('Country').toLower().contains(ff.literal(term).toLower())); + let filter = ff + .property("Category") + .toLower() + .contains(ff.literal(term).toLower()) + .or(ff.property("Type").toLower().contains(ff.literal(term).toLower())) + .or(ff.property("Contract").toLower().contains(ff.literal(term).toLower())) + .or(ff.property("Settlement").toLower().contains(ff.literal(term).toLower())) + .or(ff.property("Region").toLower().contains(ff.literal(term).toLower())) + .or(ff.property("Country").toLower().contains(ff.literal(term).toLower())); this.grid.filterExpressions.clear(); this.grid.filterExpressions.add(filter); @@ -975,7 +950,7 @@ export class DataGridBindingLiveData { } } - class FinancialItem { +class FinancialItem { Country: string = ""; Price: number | number = 0; } diff --git a/samples/grids/data-grid/type-marketing-table/src/index.ts b/samples/grids/data-grid/type-marketing-table/src/index.ts index 865e790a50..30dccb2883 100644 --- a/samples/grids/data-grid/type-marketing-table/src/index.ts +++ b/samples/grids/data-grid/type-marketing-table/src/index.ts @@ -1,23 +1,20 @@ -import '@webcomponents/custom-elements/custom-elements.min'; -import '@webcomponents/custom-elements/src/native-shim.js'; import { LiveFinancialData } from "./LiveFinancialData"; -import { IgcDataGridModule } from 'igniteui-webcomponents-data-grids'; -import { IgcDataGridComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcTemplateColumnComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcColumnGroupDescription } from 'igniteui-webcomponents-data-grids'; -import { IgcCellStyleRequestedEventArgs } from 'igniteui-webcomponents-data-grids'; -import { IgcTemplateCellUpdatingEventArgs } from 'igniteui-webcomponents-data-grids'; -import { IgcTemplateCellInfo } from 'igniteui-webcomponents-data-grids'; -import { IgcDataBindingEventArgs } from 'igniteui-webcomponents-data-grids'; -import { IgcDataGridColumnComponent } from 'igniteui-webcomponents-data-grids'; -import { IgcDefinitionBaseComponent } from 'igniteui-webcomponents-data-grids'; -import { ListSortDirection } from 'igniteui-webcomponents-core'; -import { ModuleManager } from 'igniteui-webcomponents-core'; +import { IgcDataGridModule } from "igniteui-webcomponents-data-grids"; +import { IgcDataGridComponent } from "igniteui-webcomponents-data-grids"; +import { IgcTemplateColumnComponent } from "igniteui-webcomponents-data-grids"; +import { IgcColumnGroupDescription } from "igniteui-webcomponents-data-grids"; +import { IgcCellStyleRequestedEventArgs } from "igniteui-webcomponents-data-grids"; +import { IgcTemplateCellUpdatingEventArgs } from "igniteui-webcomponents-data-grids"; +import { IgcTemplateCellInfo } from "igniteui-webcomponents-data-grids"; +import { IgcDataBindingEventArgs } from "igniteui-webcomponents-data-grids"; +import { IgcDataGridColumnComponent } from "igniteui-webcomponents-data-grids"; +import { IgcDefinitionBaseComponent } from "igniteui-webcomponents-data-grids"; +import { ListSortDirection } from "igniteui-webcomponents-core"; +import { ModuleManager } from "igniteui-webcomponents-core"; ModuleManager.register(IgcDataGridModule); export class DataGridTypeMarketingTable { - private grid: IgcDataGridComponent; private good_color = "#4EB862"; private bad_color = "#FF134A"; @@ -30,11 +27,10 @@ export class DataGridTypeMarketingTable { private state = { data: LiveFinancialData.generateData(2000), frequency: 100, - volume: 2000, + volume: 2000 }; constructor() { - this.onPriceStyleKey = this.onPriceStyleKey.bind(this); this.onPriceCellUpdating = this.onPriceCellUpdating.bind(this); this.onPriceDataBound = this.onPriceDataBound.bind(this); @@ -82,7 +78,6 @@ export class DataGridTypeMarketingTable { } tick() { - if (!this.ticking) { return; } @@ -105,7 +100,7 @@ export class DataGridTypeMarketingTable { let now = new Date(); let intervalElapsed = false; - if ((+now - + this.lastDataUpdate) > this.state.frequency) { + if (+now - +this.lastDataUpdate > this.state.frequency) { intervalElapsed = true; } @@ -118,8 +113,7 @@ export class DataGridTypeMarketingTable { let sortingByPrice = false; for (let i = 0; i < this.grid.sortDescriptions.count; i++) { - if (this.grid.sortDescriptions.item(i).field === "Price" || - this.grid.sortDescriptions.item(i).field.indexOf("Change") >= 0) { + if (this.grid.sortDescriptions.item(i).field === "Price" || this.grid.sortDescriptions.item(i).field.indexOf("Change") >= 0) { sortingByPrice = true; } } @@ -141,7 +135,6 @@ export class DataGridTypeMarketingTable { let item = this.state.data[i]; if (toChangeIndexes[i.toString()] !== undefined) { if (sortingByPrice && !useClear) { - this.grid.notifyRemoveItem(i, item); LiveFinancialData.randomizeDataValues(item); this.grid.notifyInsertItem(i, item); @@ -154,16 +147,15 @@ export class DataGridTypeMarketingTable { } else { item.PriceHeat = -1; } - } - else { + } else { if (item.PriceHeat > 0) { - item.PriceHeat -= .06; + item.PriceHeat -= 0.06; if (item.PriceHeat < 0) { item.PriceHeat = 0; } } if (item.PriceHeat < 0) { - item.PriceHeat += .06; + item.PriceHeat += 0.06; if (item.PriceHeat > 0) { item.PriceHeat = 0; } @@ -237,12 +229,12 @@ export class DataGridTypeMarketingTable { context.font = "13px Verdana"; context.fillStyle = iconColor; context.textBaseline = "top"; - context.fillText(txt, templ.width - (totalWidth + 5), (templ.height / 2.0) - 7); + context.fillText(txt, templ.width - (totalWidth + 5), templ.height / 2.0 - 7); context.font = "13px 'Material Icons'"; context.fillStyle = iconColor; context.textBaseline = "top"; - context.fillText(iconText, templ.width - (iconWidth + 5), (templ.height / 2.0) - 7); + context.fillText(iconText, templ.width - (iconWidth + 5), templ.height / 2.0 - 7); if (scale !== 1.0) { context.restore(); @@ -266,8 +258,7 @@ export class DataGridTypeMarketingTable { sp.textContent = "$" + (+templ.value).toFixed(2); - if ((sp as any).__isUp === undefined || - (sp as any).__isUp !== priceShiftUp) { + if ((sp as any).__isUp === undefined || (sp as any).__isUp !== priceShiftUp) { (sp as any).__isUp = priceShiftUp; if (priceShiftUp) { sp.style.color = this.good_color; @@ -319,11 +310,11 @@ export class DataGridTypeMarketingTable { context.font = "13px Verdana"; context.fillStyle = templ.textColor; context.textBaseline = "top"; - context.fillText(txt, templ.width - (totalWidth + 10), (templ.height / 2.0) - 7); + context.fillText(txt, templ.width - (totalWidth + 10), templ.height / 2.0 - 7); context.font = "13px 'Material Icons'"; context.fillStyle = iconColor; - context.fillRect(templ.width - (5 + 4), (templ.height / 2.0) - 8, 4, 16); + context.fillRect(templ.width - (5 + 4), templ.height / 2.0 - 8, 4, 16); if (scale !== 1.0) { context.restore(); @@ -347,8 +338,7 @@ export class DataGridTypeMarketingTable { } sp.textContent = (+templ.value).toFixed(2) + "%"; - if ((sp as any).__isUp === undefined || - (sp as any).__isUp !== priceShiftUp) { + if ((sp as any).__isUp === undefined || (sp as any).__isUp !== priceShiftUp) { (sp as any).__isUp = priceShiftUp; if (priceShiftUp) { sp.style.paddingRight = "5px"; @@ -402,11 +392,11 @@ export class DataGridTypeMarketingTable { context.font = "13px Verdana"; context.fillStyle = templ.textColor; context.textBaseline = "top"; - context.fillText(txt, templ.width - (totalWidth + 10), (templ.height / 2.0) - 7); + context.fillText(txt, templ.width - (totalWidth + 10), templ.height / 2.0 - 7); context.font = "13px 'Material Icons'"; context.fillStyle = iconColor; - context.fillRect(templ.width - (5 + 4), (templ.height / 2.0) - 8, 4, 16); + context.fillRect(templ.width - (5 + 4), templ.height / 2.0 - 8, 4, 16); if (scale !== 1.0) { context.restore(); @@ -431,8 +421,7 @@ export class DataGridTypeMarketingTable { sp.textContent = (+templ.value).toFixed(2); - if ((sp as any).__isUp === undefined || - (sp as any).__isUp !== priceShiftUp) { + if ((sp as any).__isUp === undefined || (sp as any).__isUp !== priceShiftUp) { (sp as any).__isUp = priceShiftUp; if (priceShiftUp) { sp.style.paddingRight = "5px"; @@ -466,8 +455,7 @@ export class DataGridTypeMarketingTable { let colorString = "rgba(" + Math.round(r * 255.0) + "," + Math.round(g * 255.0) + "," + Math.round(b * 255.0) + "," + a + ")"; args.cellInfo.background = colorString; - } - else if (item.PriceHeat < 0) { + } else if (item.PriceHeat < 0) { let p = +item.PriceHeat * -1.0; let toA = 1.0; let fromA = 1.0; @@ -486,8 +474,7 @@ export class DataGridTypeMarketingTable { let colorString = "rgba(" + Math.round(r * 255.0) + "," + Math.round(g * 255.0) + "," + Math.round(b * 255.0) + "," + a + ")"; args.cellInfo.background = colorString; - } - else { + } else { let colorString = "white"; args.cellInfo.background = colorString; } diff --git a/samples/grids/grid-lite/column-config-basic/package.json b/samples/grids/grid-lite/column-config-basic/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/column-config-basic/package.json +++ b/samples/grids/grid-lite/column-config-basic/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/column-config-dynamic/package.json b/samples/grids/grid-lite/column-config-dynamic/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/column-config-dynamic/package.json +++ b/samples/grids/grid-lite/column-config-dynamic/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/column-config-dynamic/src/index.ts b/samples/grids/grid-lite/column-config-dynamic/src/index.ts index d1565c7a13..34fb3f17b8 100644 --- a/samples/grids/grid-lite/column-config-dynamic/src/index.ts +++ b/samples/grids/grid-lite/column-config-dynamic/src/index.ts @@ -1,5 +1,5 @@ import { IgcGridLite } from 'igniteui-grid-lite'; -import { defineComponents, IgcCheckboxChangeEventArgs, IgcCheckboxComponent, IgcDropdownComponent, IgcRatingComponent, IgcSwitchComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent, IgcCheckboxChangeEventArgs, IgcCheckboxComponent, IgcDropdownComponent, IgcRatingComponent, IgcSwitchComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; import { html, render } from 'lit-html'; @@ -11,6 +11,7 @@ defineComponents(IgcRatingComponent); defineComponents(IgcDropdownComponent); defineComponents(IgcSwitchComponent); defineComponents(IgcCheckboxComponent); +defineComponents(IgcButtonComponent); const formatter = new Intl.NumberFormat('en-EN', { style: 'currency', diff --git a/samples/grids/grid-lite/column-config-headers/package.json b/samples/grids/grid-lite/column-config-headers/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/column-config-headers/package.json +++ b/samples/grids/grid-lite/column-config-headers/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/data-binding/package.json b/samples/grids/grid-lite/data-binding/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/data-binding/package.json +++ b/samples/grids/grid-lite/data-binding/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/data-binding/src/index.ts b/samples/grids/grid-lite/data-binding/src/index.ts index f874492336..f993bad38b 100644 --- a/samples/grids/grid-lite/data-binding/src/index.ts +++ b/samples/grids/grid-lite/data-binding/src/index.ts @@ -1,5 +1,5 @@ import { IgcGridLite } from 'igniteui-grid-lite'; -import { IgcButtonComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from './GridLiteDataService'; import { html, render } from 'lit-html'; @@ -7,6 +7,7 @@ import "igniteui-webcomponents/themes/light/bootstrap.css"; import "./index.css"; IgcGridLite.register(); +defineComponents(IgcButtonComponent); export class Sample { private dataService: GridLiteDataService; diff --git a/samples/grids/grid-lite/filtering-config-events/package.json b/samples/grids/grid-lite/filtering-config-events/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/filtering-config-events/package.json +++ b/samples/grids/grid-lite/filtering-config-events/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/filtering-config-remote/package.json b/samples/grids/grid-lite/filtering-config-remote/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/filtering-config-remote/package.json +++ b/samples/grids/grid-lite/filtering-config-remote/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/filtering-config/package.json b/samples/grids/grid-lite/filtering-config/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/filtering-config/package.json +++ b/samples/grids/grid-lite/filtering-config/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/overview/package.json b/samples/grids/grid-lite/overview/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/overview/package.json +++ b/samples/grids/grid-lite/overview/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/sort-config-events/package.json b/samples/grids/grid-lite/sort-config-events/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/sort-config-events/package.json +++ b/samples/grids/grid-lite/sort-config-events/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/sort-config-grid/package.json b/samples/grids/grid-lite/sort-config-grid/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/sort-config-grid/package.json +++ b/samples/grids/grid-lite/sort-config-grid/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/sort-config-pipeline/package.json b/samples/grids/grid-lite/sort-config-pipeline/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/sort-config-pipeline/package.json +++ b/samples/grids/grid-lite/sort-config-pipeline/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/sort-config-sample/package.json b/samples/grids/grid-lite/sort-config-sample/package.json index e361405f82..c95790465d 100644 --- a/samples/grids/grid-lite/sort-config-sample/package.json +++ b/samples/grids/grid-lite/sort-config-sample/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/styling-config-themes/package.json b/samples/grids/grid-lite/styling-config-themes/package.json index 282bbab096..61b318ce99 100644 --- a/samples/grids/grid-lite/styling-config-themes/package.json +++ b/samples/grids/grid-lite/styling-config-themes/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid-lite/styling-custom-theme/package.json b/samples/grids/grid-lite/styling-custom-theme/package.json index 282bbab096..61b318ce99 100644 --- a/samples/grids/grid-lite/styling-custom-theme/package.json +++ b/samples/grids/grid-lite/styling-custom-theme/package.json @@ -23,8 +23,8 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-grid-lite": "^0.7.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-grid-lite": "~0.11.0", + "igniteui-webcomponents": "~7.4.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/action-strip/package.json +++ b/samples/grids/grid/action-strip/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/advanced-filtering-options/package.json +++ b/samples/grids/grid/advanced-filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/advanced-filtering-style/package.json +++ b/samples/grids/grid/advanced-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/binding-composite-data/package.json +++ b/samples/grids/grid/binding-composite-data/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/binding-crud-data/package.json +++ b/samples/grids/grid/binding-crud-data/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/binding-nested-data-1/package.json +++ b/samples/grids/grid/binding-nested-data-1/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/cascading-combo/package.json +++ b/samples/grids/grid/cascading-combo/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/cell-editing-sample/package.json +++ b/samples/grids/grid/cell-editing-sample/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/cell-editing-styling/package.json +++ b/samples/grids/grid/cell-editing-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cell-merge-custom-sample/package.json b/samples/grids/grid/cell-merge-custom-sample/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/cell-merge-custom-sample/package.json +++ b/samples/grids/grid/cell-merge-custom-sample/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cell-merge/package.json b/samples/grids/grid/cell-merge/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/cell-merge/package.json +++ b/samples/grids/grid/cell-merge/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/cell-selection-mode/package.json +++ b/samples/grids/grid/cell-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/cell-selection-style/package.json +++ b/samples/grids/grid/cell-selection-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/change-icons-custom/package.json +++ b/samples/grids/grid/change-icons-custom/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/clipboard-operations/package.json +++ b/samples/grids/grid/clipboard-operations/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-auto-sizing/package.json +++ b/samples/grids/grid/column-auto-sizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-collapsible-groups/package.json +++ b/samples/grids/grid/column-collapsible-groups/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-data-types/package.json +++ b/samples/grids/grid/column-data-types/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-hiding-options/package.json +++ b/samples/grids/grid/column-hiding-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-hiding-toolbar-style/package.json +++ b/samples/grids/grid/column-hiding-toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-hiding-toolbar/package.json +++ b/samples/grids/grid/column-hiding-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/column-moving-options/package.json +++ b/samples/grids/grid/column-moving-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/column-moving-styles/package.json +++ b/samples/grids/grid/column-moving-styles/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-both-sides/package.json b/samples/grids/grid/column-pinning-both-sides/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/column-pinning-both-sides/package.json +++ b/samples/grids/grid/column-pinning-both-sides/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-pinning-options/package.json +++ b/samples/grids/grid/column-pinning-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/column-pinning-right-side/package.json +++ b/samples/grids/grid/column-pinning-right-side/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-pinning-styles/package.json +++ b/samples/grids/grid/column-pinning-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-pinning/package.json +++ b/samples/grids/grid/column-pinning/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-resize-styling/package.json +++ b/samples/grids/grid/column-resize-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-resizing/package.json +++ b/samples/grids/grid/column-resizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-selection-group/package.json +++ b/samples/grids/grid/column-selection-group/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/column-selection-mode/package.json +++ b/samples/grids/grid/column-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-selection-styles/package.json +++ b/samples/grids/grid/column-selection-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-sorting-indicators/package.json +++ b/samples/grids/grid/column-sorting-indicators/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/column-sorting-options/package.json +++ b/samples/grids/grid/column-sorting-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/column-sorting-style/package.json +++ b/samples/grids/grid/column-sorting-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/conditional-cell-style-1/package.json +++ b/samples/grids/grid/conditional-cell-style-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/conditional-cell-style-2/package.json +++ b/samples/grids/grid/conditional-cell-style-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/conditional-row-selectors/package.json +++ b/samples/grids/grid/conditional-row-selectors/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/custom-context-menu/package.json +++ b/samples/grids/grid/custom-context-menu/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/custom-filtering/package.json +++ b/samples/grids/grid/custom-filtering/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/data-batch-editing-actions/package.json +++ b/samples/grids/grid/data-batch-editing-actions/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/data-exporting-indicator/package.json +++ b/samples/grids/grid/data-exporting-indicator/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/data-paste-options/package.json +++ b/samples/grids/grid/data-paste-options/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/data-performance-virtualization/package.json +++ b/samples/grids/grid/data-performance-virtualization/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/data-searching/package.json +++ b/samples/grids/grid/data-searching/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/data-summaries-custom/package.json +++ b/samples/grids/grid/data-summaries-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/data-summary-formatter/package.json +++ b/samples/grids/grid/data-summary-formatter/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/data-summary-options/package.json +++ b/samples/grids/grid/data-summary-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/data-summary-template/package.json +++ b/samples/grids/grid/data-summary-template/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/data-validation-style/package.json +++ b/samples/grids/grid/data-validation-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/data-validator-service-cross-field/package.json +++ b/samples/grids/grid/data-validator-service-cross-field/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/data-validator-service-extended/package.json +++ b/samples/grids/grid/data-validator-service-extended/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/data-validator-service/package.json +++ b/samples/grids/grid/data-validator-service/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/disabled-summaries/package.json b/samples/grids/grid/disabled-summaries/package.json index e7719fc02b..632ee2f693 100644 --- a/samples/grids/grid/disabled-summaries/package.json +++ b/samples/grids/grid/disabled-summaries/package.json @@ -24,9 +24,9 @@ "dependencies": { "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/editing-columns/package.json +++ b/samples/grids/grid/editing-columns/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/editing-events/package.json +++ b/samples/grids/grid/editing-events/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/editing-excel-style-custom/package.json +++ b/samples/grids/grid/editing-excel-style-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/editing-excel-style/package.json +++ b/samples/grids/grid/editing-excel-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/editing-lifecycle/package.json +++ b/samples/grids/grid/editing-lifecycle/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/excel-exporting/package.json +++ b/samples/grids/grid/excel-exporting/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/excel-style-filtering-sample-1/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/excel-style-filtering-sample-2/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/excel-style-filtering-sample-3/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/excel-style-filtering-style/package.json +++ b/samples/grids/grid/excel-style-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/external-advanced-filtering/package.json +++ b/samples/grids/grid/external-advanced-filtering/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/filtering-options/package.json +++ b/samples/grids/grid/filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/filtering-strategy/package.json +++ b/samples/grids/grid/filtering-strategy/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/filtering-style/package.json +++ b/samples/grids/grid/filtering-style/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json index 99397532fb..6f8768f8ed 100644 --- a/samples/grids/grid/finjs/package.json +++ b/samples/grids/grid/finjs/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/groupby-custom/package.json +++ b/samples/grids/grid/groupby-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/groupby-expressions/package.json +++ b/samples/grids/grid/groupby-expressions/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/groupby-paging/package.json +++ b/samples/grids/grid/groupby-paging/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/groupby-styling/package.json +++ b/samples/grids/grid/groupby-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/groupby-summary-options/package.json +++ b/samples/grids/grid/groupby-summary-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/groupby-summary-styling/package.json +++ b/samples/grids/grid/groupby-summary-styling/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json index edaeea0a0f..267c5b667b 100644 --- a/samples/grids/grid/infinite-scroll/package.json +++ b/samples/grids/grid/infinite-scroll/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/keyboard-custom-navigation/package.json +++ b/samples/grids/grid/keyboard-custom-navigation/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/keyboard-mrl-navigation/package.json +++ b/samples/grids/grid/keyboard-mrl-navigation/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/keyboard-navigation-guide/package.json +++ b/samples/grids/grid/keyboard-navigation-guide/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/layout-display-density/package.json +++ b/samples/grids/grid/layout-display-density/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/localization/package.json b/samples/grids/grid/localization/package.json index 1f75c63e52..c045db40a8 100644 --- a/samples/grids/grid/localization/package.json +++ b/samples/grids/grid/localization/package.json @@ -24,9 +24,9 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-i18n-resources": "^1.0.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/master-detail/package.json +++ b/samples/grids/grid/master-detail/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/multi-cell-selection-mode/package.json +++ b/samples/grids/grid/multi-cell-selection-mode/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/multi-column-headers-export/package.json +++ b/samples/grids/grid/multi-column-headers-export/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/multi-column-headers-overview/package.json +++ b/samples/grids/grid/multi-column-headers-overview/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/multi-column-headers-styling/package.json +++ b/samples/grids/grid/multi-column-headers-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/multi-column-headers-template/package.json +++ b/samples/grids/grid/multi-column-headers-template/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/multi-row-layout-options/package.json +++ b/samples/grids/grid/multi-row-layout-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/multi-row-layout-style/package.json +++ b/samples/grids/grid/multi-row-layout-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/overview/package.json +++ b/samples/grids/grid/overview/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/paste/package.json +++ b/samples/grids/grid/paste/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/remote-paging-data/package.json +++ b/samples/grids/grid/remote-paging-data/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/remote-paging-grid/package.json +++ b/samples/grids/grid/remote-paging-grid/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-adding/package.json +++ b/samples/grids/grid/row-adding/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-classes/package.json +++ b/samples/grids/grid/row-classes/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/row-drag-base/package.json +++ b/samples/grids/grid/row-drag-base/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-editing-options/package.json +++ b/samples/grids/grid/row-editing-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-editing-style/package.json +++ b/samples/grids/grid/row-editing-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/row-paging-basic/package.json +++ b/samples/grids/grid/row-paging-basic/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/row-paging-options/package.json +++ b/samples/grids/grid/row-paging-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-pinning-drag/package.json +++ b/samples/grids/grid/row-pinning-drag/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-pinning-extra-column/package.json +++ b/samples/grids/grid/row-pinning-extra-column/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/row-pinning-options/package.json +++ b/samples/grids/grid/row-pinning-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-pinning-style/package.json +++ b/samples/grids/grid/row-pinning-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-reorder/package.json +++ b/samples/grids/grid/row-reorder/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/row-selection-mode/package.json +++ b/samples/grids/grid/row-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/row-selection-template-excel/package.json +++ b/samples/grids/grid/row-selection-template-excel/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/row-selection-template-numbers/package.json +++ b/samples/grids/grid/row-selection-template-numbers/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/grid/row-styles/package.json +++ b/samples/grids/grid/row-styles/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/state-persistence-about/package.json +++ b/samples/grids/grid/state-persistence-about/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/grid/state-persistence-main/package.json +++ b/samples/grids/grid/state-persistence-main/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/styling-custom-CSS/package.json +++ b/samples/grids/grid/styling-custom-CSS/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/toolbar-sample-1/package.json +++ b/samples/grids/grid/toolbar-sample-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/toolbar-sample-2/package.json +++ b/samples/grids/grid/toolbar-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/toolbar-sample-3/package.json +++ b/samples/grids/grid/toolbar-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/grid/toolbar-sample-4/package.json +++ b/samples/grids/grid/toolbar-sample-4/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/grid/toolbar-style/package.json +++ b/samples/grids/grid/toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/action-strip/package.json +++ b/samples/grids/hierarchical-grid/action-strip/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json +++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json +++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json +++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json +++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json b/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json +++ b/samples/grids/hierarchical-grid/cell-merge-custom-sample/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-merge/package.json b/samples/grids/hierarchical-grid/cell-merge/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/hierarchical-grid/cell-merge/package.json +++ b/samples/grids/hierarchical-grid/cell-merge/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json +++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json +++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/cell-selection-style/package.json +++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json +++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json +++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json +++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json +++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json +++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-moving-options/package.json +++ b/samples/grids/hierarchical-grid/column-moving-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-moving-styles/package.json +++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json +++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-pinning-options/package.json +++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json +++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json +++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-pinning/package.json +++ b/samples/grids/hierarchical-grid/column-pinning/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-resize-styling/package.json +++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-resizing/package.json +++ b/samples/grids/hierarchical-grid/column-resizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-selection-group/package.json +++ b/samples/grids/hierarchical-grid/column-selection-group/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/column-selection-mode/package.json +++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-selection-styles/package.json +++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json +++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-sorting-options/package.json +++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/column-sorting-style/package.json +++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json +++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json +++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json +++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/custom-filtering/package.json +++ b/samples/grids/hierarchical-grid/custom-filtering/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json +++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json +++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json +++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json +++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/data-summary-options/package.json +++ b/samples/grids/hierarchical-grid/data-summary-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/data-summary-template/package.json +++ b/samples/grids/hierarchical-grid/data-summary-template/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/disabled-summaries/package.json b/samples/grids/hierarchical-grid/disabled-summaries/package.json index e7719fc02b..632ee2f693 100644 --- a/samples/grids/hierarchical-grid/disabled-summaries/package.json +++ b/samples/grids/hierarchical-grid/disabled-summaries/package.json @@ -24,9 +24,9 @@ "dependencies": { "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/editing-columns/package.json +++ b/samples/grids/hierarchical-grid/editing-columns/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/editing-events/package.json +++ b/samples/grids/hierarchical-grid/editing-events/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json +++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/excel-exporting/package.json +++ b/samples/grids/hierarchical-grid/excel-exporting/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json +++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json +++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json +++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json +++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/filtering-options/package.json +++ b/samples/grids/hierarchical-grid/filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/filtering-style/package.json +++ b/samples/grids/hierarchical-grid/filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json +++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json +++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json +++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/layout-display-density/package.json +++ b/samples/grids/hierarchical-grid/layout-display-density/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json +++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json +++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json +++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json +++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/overview/package.json +++ b/samples/grids/hierarchical-grid/overview/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json +++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-adding/package.json +++ b/samples/grids/hierarchical-grid/row-adding/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-classes/package.json +++ b/samples/grids/hierarchical-grid/row-classes/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/hierarchical-grid/row-drag-base/package.json +++ b/samples/grids/hierarchical-grid/row-drag-base/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-editing-options/package.json +++ b/samples/grids/hierarchical-grid/row-editing-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-editing-style/package.json +++ b/samples/grids/hierarchical-grid/row-editing-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json +++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/row-pinning-options/package.json +++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-pinning-style/package.json +++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-reorder/package.json +++ b/samples/grids/hierarchical-grid/row-reorder/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/row-selection-mode/package.json +++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json +++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/row-styles/package.json +++ b/samples/grids/hierarchical-grid/row-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/hierarchical-grid/state-persistence-about/package.json +++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/hierarchical-grid/state-persistence-main/package.json +++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json +++ b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json +++ b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json +++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json +++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/hierarchical-grid/toolbar-style/package.json +++ b/samples/grids/hierarchical-grid/toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json index 177feaa7a9..721658a929 100644 --- a/samples/grids/list/add-list-items/package.json +++ b/samples/grids/list/add-list-items/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json index 2828c337d1..e5cd4c5bf5 100644 --- a/samples/grids/list/list-item-content/package.json +++ b/samples/grids/list/list-item-content/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json index 04c9fbb17e..8a3ae37a6c 100644 --- a/samples/grids/list/overview/package.json +++ b/samples/grids/list/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json index 68b569a418..9b7c5da78d 100644 --- a/samples/grids/list/styling/package.json +++ b/samples/grids/list/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/pivot-grid/aggregate-max-sales/package.json +++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/pivot-grid/aggregate-units-sold/package.json +++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/pivot-grid/basic/package.json +++ b/samples/grids/pivot-grid/basic/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json index 1c0e02a87d..ca5605bd31 100644 --- a/samples/grids/pivot-grid/data-persistence-noop/package.json +++ b/samples/grids/pivot-grid/data-persistence-noop/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/data-persistence-noop/src/index.ts b/samples/grids/pivot-grid/data-persistence-noop/src/index.ts index 5516ac973c..9a055c8e52 100644 --- a/samples/grids/pivot-grid/data-persistence-noop/src/index.ts +++ b/samples/grids/pivot-grid/data-persistence-noop/src/index.ts @@ -76,9 +76,7 @@ export class Sample { saveStateBtn.addEventListener('click', (ev: any) => this.saveGridState()); restoreStateBtn.addEventListener('click', (ev: any) => this.restoreGridState()); clearStorageBtn.addEventListener('click', (ev: any) => this.clearStorage()); - grid.addEventListener("rendered", () => { - this.gridState.addEventListener('stateParsed', (ev:any) => this.stateParsedHandler(ev) ); - }); + this.gridState.addEventListener('stateParsed', (ev:any) => this.stateParsedHandler(ev) ); } public saveGridState() { diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json index 887e1929e6..57653aa71c 100644 --- a/samples/grids/pivot-grid/data-selector/package.json +++ b/samples/grids/pivot-grid/data-selector/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/pivot-grid/features/package.json +++ b/samples/grids/pivot-grid/features/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json index 887e1929e6..57653aa71c 100644 --- a/samples/grids/pivot-grid/remote/package.json +++ b/samples/grids/pivot-grid/remote/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/pivot-grid/state-persistence-about/package.json +++ b/samples/grids/pivot-grid/state-persistence-about/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/pivot-grid/state-persistence-main/package.json +++ b/samples/grids/pivot-grid/state-persistence-main/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/pivot-grid/styling/package.json b/samples/grids/pivot-grid/styling/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/pivot-grid/styling/package.json +++ b/samples/grids/pivot-grid/styling/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/action-strip/package.json +++ b/samples/grids/tree-grid/action-strip/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/advanced-filtering-options/package.json +++ b/samples/grids/tree-grid/advanced-filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/advanced-filtering-style/package.json +++ b/samples/grids/tree-grid/advanced-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/cell-editing-sample/package.json +++ b/samples/grids/tree-grid/cell-editing-sample/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/cell-editing-styling/package.json +++ b/samples/grids/tree-grid/cell-editing-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/cell-merge-custom-sample/package.json b/samples/grids/tree-grid/cell-merge-custom-sample/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/cell-merge-custom-sample/package.json +++ b/samples/grids/tree-grid/cell-merge-custom-sample/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/cell-merge/package.json b/samples/grids/tree-grid/cell-merge/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/cell-merge/package.json +++ b/samples/grids/tree-grid/cell-merge/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/cell-selection-mode/package.json +++ b/samples/grids/tree-grid/cell-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/cell-selection-style/package.json +++ b/samples/grids/tree-grid/cell-selection-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/clipboard-operations/package.json +++ b/samples/grids/tree-grid/clipboard-operations/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-auto-sizing/package.json +++ b/samples/grids/tree-grid/column-auto-sizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-collapsible-groups/package.json +++ b/samples/grids/tree-grid/column-collapsible-groups/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/column-data-types/package.json +++ b/samples/grids/tree-grid/column-data-types/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json +++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-hiding-toolbar/package.json +++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-moving-options/package.json +++ b/samples/grids/tree-grid/column-moving-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-moving-styles/package.json +++ b/samples/grids/tree-grid/column-moving-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-both-sides/package.json b/samples/grids/tree-grid/column-pinning-both-sides/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/column-pinning-both-sides/package.json +++ b/samples/grids/tree-grid/column-pinning-both-sides/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-pinning-options/package.json +++ b/samples/grids/tree-grid/column-pinning-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-pinning-right-side/package.json +++ b/samples/grids/tree-grid/column-pinning-right-side/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-pinning-styles/package.json +++ b/samples/grids/tree-grid/column-pinning-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-pinning-toolbar/package.json +++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-pinning/package.json +++ b/samples/grids/tree-grid/column-pinning/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-resize-styling/package.json +++ b/samples/grids/tree-grid/column-resize-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-resizing/package.json +++ b/samples/grids/tree-grid/column-resizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-selection-group/package.json +++ b/samples/grids/tree-grid/column-selection-group/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/column-selection-mode/package.json +++ b/samples/grids/tree-grid/column-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/column-selection-style/package.json +++ b/samples/grids/tree-grid/column-selection-style/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-selection-styles/package.json +++ b/samples/grids/tree-grid/column-selection-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-sorting-indicators/package.json +++ b/samples/grids/tree-grid/column-sorting-indicators/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/column-sorting-options/package.json +++ b/samples/grids/tree-grid/column-sorting-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/column-sorting-style/package.json +++ b/samples/grids/tree-grid/column-sorting-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/conditional-cell-style-1/package.json +++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/conditional-cell-style-2/package.json +++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/conditional-row-selectors/package.json +++ b/samples/grids/tree-grid/conditional-row-selectors/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/custom-filtering/package.json +++ b/samples/grids/tree-grid/custom-filtering/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/data-exporting-indicator/package.json +++ b/samples/grids/tree-grid/data-exporting-indicator/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/data-searching/package.json +++ b/samples/grids/tree-grid/data-searching/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/data-summaries-custom/package.json +++ b/samples/grids/tree-grid/data-summaries-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/data-summary-children/package.json +++ b/samples/grids/tree-grid/data-summary-children/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/data-summary-formatter/package.json +++ b/samples/grids/tree-grid/data-summary-formatter/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/data-summary-options-styling/package.json +++ b/samples/grids/tree-grid/data-summary-options-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/data-summary-options/package.json +++ b/samples/grids/tree-grid/data-summary-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/data-summary-template/package.json +++ b/samples/grids/tree-grid/data-summary-template/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/disabled-summaries/package.json b/samples/grids/tree-grid/disabled-summaries/package.json index e7719fc02b..632ee2f693 100644 --- a/samples/grids/tree-grid/disabled-summaries/package.json +++ b/samples/grids/tree-grid/disabled-summaries/package.json @@ -24,9 +24,9 @@ "dependencies": { "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/editing-columns/package.json +++ b/samples/grids/tree-grid/editing-columns/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/editing-events/package.json +++ b/samples/grids/tree-grid/editing-events/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/editing-lifecycle/package.json +++ b/samples/grids/tree-grid/editing-lifecycle/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/excel-exporting/package.json +++ b/samples/grids/tree-grid/excel-exporting/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/excel-style-filtering-style/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/filtering-options/package.json +++ b/samples/grids/tree-grid/filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/filtering-style/package.json +++ b/samples/grids/tree-grid/filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json index 99397532fb..6f8768f8ed 100644 --- a/samples/grids/tree-grid/finjs/package.json +++ b/samples/grids/tree-grid/finjs/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json +++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json +++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/layout-display-density/package.json +++ b/samples/grids/tree-grid/layout-display-density/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/load-on-demand/package.json +++ b/samples/grids/tree-grid/load-on-demand/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/package.json b/samples/grids/tree-grid/multi-cell-selection-mode/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json +++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/multi-column-headers-export/package.json +++ b/samples/grids/tree-grid/multi-column-headers-export/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/multi-column-headers-overview/package.json +++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/multi-column-headers-styling/package.json +++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/multi-column-headers-template/package.json +++ b/samples/grids/tree-grid/multi-column-headers-template/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/overview-styling/package.json +++ b/samples/grids/tree-grid/overview-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/overview/package.json +++ b/samples/grids/tree-grid/overview/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-adding/package.json +++ b/samples/grids/tree-grid/row-adding/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-classes/package.json +++ b/samples/grids/tree-grid/row-classes/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/row-drag-base/package.json +++ b/samples/grids/tree-grid/row-drag-base/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-editing-options/package.json +++ b/samples/grids/tree-grid/row-editing-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-editing-style/package.json +++ b/samples/grids/tree-grid/row-editing-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-paging-basic/package.json +++ b/samples/grids/tree-grid/row-paging-basic/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/row-paging-options/package.json +++ b/samples/grids/tree-grid/row-paging-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-paging-style/package.json +++ b/samples/grids/tree-grid/row-paging-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-pinning-extra-column/package.json +++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/row-pinning-options/package.json +++ b/samples/grids/tree-grid/row-pinning-options/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-pinning-style/package.json +++ b/samples/grids/tree-grid/row-pinning-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-reorder/package.json +++ b/samples/grids/tree-grid/row-reorder/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/row-selection-mode/package.json +++ b/samples/grids/tree-grid/row-selection-mode/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-selection-template-excel/package.json +++ b/samples/grids/tree-grid/row-selection-template-excel/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-selection-template-numbers/package.json +++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/row-styles/package.json +++ b/samples/grids/tree-grid/row-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/state-persistence-about/package.json +++ b/samples/grids/tree-grid/state-persistence-about/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json index 5f7e1f4691..38eaa79345 100644 --- a/samples/grids/tree-grid/state-persistence-main/package.json +++ b/samples/grids/tree-grid/state-persistence-main/package.json @@ -26,9 +26,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/toolbar-sample-1/package.json +++ b/samples/grids/tree-grid/toolbar-sample-1/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/toolbar-sample-2/package.json +++ b/samples/grids/tree-grid/toolbar-sample-2/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/toolbar-sample-3/package.json +++ b/samples/grids/tree-grid/toolbar-sample-3/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json index 6b3cdb6d59..067432a345 100644 --- a/samples/grids/tree-grid/toolbar-sample-4/package.json +++ b/samples/grids/tree-grid/toolbar-sample-4/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json index d1c914caad..11372deaf2 100644 --- a/samples/grids/tree-grid/toolbar-style/package.json +++ b/samples/grids/tree-grid/toolbar-style/package.json @@ -23,9 +23,9 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json index 084e554470..49fde9bff3 100644 --- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json +++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json index 6cc6fc3566..32ddc494dc 100644 --- a/samples/grids/tree/basic-example/package.json +++ b/samples/grids/tree/basic-example/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/tree/load-on-demand-virtualized/package.json b/samples/grids/tree/load-on-demand-virtualized/package.json index acee181fe2..afa1708f94 100644 --- a/samples/grids/tree/load-on-demand-virtualized/package.json +++ b/samples/grids/tree/load-on-demand-virtualized/package.json @@ -20,13 +20,12 @@ "author": "Infragistics", "dependencies": { "@babel/plugin-proposal-decorators": "^7.22.5", - "@lit-labs/virtualizer": "^2.0.3", "@webcomponents/custom-elements": "^1.4.1", "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/tree/load-on-demand-virtualized/src/TreeLoadOnDemandVirtualized.css b/samples/grids/tree/load-on-demand-virtualized/src/TreeLoadOnDemandVirtualized.css index e021d99edf..9ee70e4271 100644 --- a/samples/grids/tree/load-on-demand-virtualized/src/TreeLoadOnDemandVirtualized.css +++ b/samples/grids/tree/load-on-demand-virtualized/src/TreeLoadOnDemandVirtualized.css @@ -1,7 +1,5 @@ igc-tree { width: 320px; - max-height: 360px; - overflow-y: auto; } .tree-item-icon { @@ -26,6 +24,6 @@ igc-tree { vertical-align: middle; } -lit-virtualizer igc-tree-item { - width: 100%; +igc-virtual-scroll { + height: 240px; } diff --git a/samples/grids/tree/load-on-demand-virtualized/src/index.ts b/samples/grids/tree/load-on-demand-virtualized/src/index.ts index 54088d9851..abb9c61ade 100644 --- a/samples/grids/tree/load-on-demand-virtualized/src/index.ts +++ b/samples/grids/tree/load-on-demand-virtualized/src/index.ts @@ -1,13 +1,13 @@ -import { defineComponents, IgcTreeComponent, IgcTreeItemComponent, registerIconFromText } from "igniteui-webcomponents"; +import { defineComponents, IgcTreeComponent, IgcTreeItemComponent, IgcVirtualScrollComponent, registerIconFromText } from "igniteui-webcomponents"; +import type { VirtualScrollItemContext } from "igniteui-webcomponents"; import "igniteui-webcomponents/themes/light/bootstrap.css"; import { DataService } from "./DataService"; import { DATA, RemoteItem, SelectableItemData } from "./TreeLoadOnDemandVirtualizedData"; import "./TreeLoadOnDemandVirtualized.css"; import { ICONS } from "./SvgIcons"; import { html, nothing, render, TemplateResult } from "lit"; -import "@lit-labs/virtualizer"; -defineComponents(IgcTreeComponent); +defineComponents(IgcTreeComponent, IgcVirtualScrollComponent); export class TreeLoadOnDemandVirtualized { public data = DATA; @@ -113,13 +113,21 @@ export class TreeLoadOnDemandVirtualized { - this.renderTreeItem([item])} - > + ${this.renderRemoteChildren()} `; } + // Virtualized children of the remote node. Omitted while empty, so the fixed-height viewport does not show. + private renderRemoteChildren() { + const isShowing = this.remoteNode?.expanded && this.remoteData.length > 0; + return isShowing + ? html`) => this.renderTreeItem([ctx.value])} + >` + : nothing; + } + private render() { render([this.renderTreeItem(this.data), this.renderRemoteTreeItem()], this.tree, { host: this }); } diff --git a/samples/grids/tree/load-on-demand/package.json b/samples/grids/tree/load-on-demand/package.json index 837ffe5bd8..3a3e651e23 100644 --- a/samples/grids/tree/load-on-demand/package.json +++ b/samples/grids/tree/load-on-demand/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/grids/tree/styling/package.json b/samples/grids/tree/styling/package.json index 6d17fcf0fd..e5bc652d83 100644 --- a/samples/grids/tree/styling/package.json +++ b/samples/grids/tree/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/dot/package.json b/samples/inputs/badge/dot/package.json index 9dfa7638f3..3e951dc835 100644 --- a/samples/inputs/badge/dot/package.json +++ b/samples/inputs/badge/dot/package.json @@ -24,8 +24,8 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-i18n-core": "^0.7.0-alpha.8", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/dot/src/index.css b/samples/inputs/badge/dot/src/index.css index 336ae69fac..124f514638 100644 --- a/samples/inputs/badge/dot/src/index.css +++ b/samples/inputs/badge/dot/src/index.css @@ -55,8 +55,8 @@ igc-avatar { .icon-circle { justify-content: center; border-radius: 50%; - background: var(--ig-gray-200); - color: var(--ig-gray-800); + background: var(--ig-gray-300); + color: var(--ig-gray-900); } .notifications-card, @@ -86,16 +86,6 @@ igc-avatar { width: 12px; } -.row-indicator igc-badge, -.nav-icon igc-badge { - --ig-badge-background-color: #0057A9; -} - -.row-indicator igc-badge::part(base), -.nav-icon igc-badge::part(base) { - background-color: #0057A9; -} - .row-title { flex: 1; } @@ -106,7 +96,7 @@ igc-avatar { } .row-time.unread { - color: #0057A9; + color: var(--ig-gray-900); font-weight: 600; } @@ -135,7 +125,7 @@ igc-avatar { } .nav-item.active { - color: #0075D2; + color: var(--ig-primary-800); } .nav-icon { diff --git a/samples/inputs/badge/icon/package.json b/samples/inputs/badge/icon/package.json index 7b839f7474..8740e72afe 100644 --- a/samples/inputs/badge/icon/package.json +++ b/samples/inputs/badge/icon/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/icon/src/index.css b/samples/inputs/badge/icon/src/index.css index 882affff5e..50a897843f 100644 --- a/samples/inputs/badge/icon/src/index.css +++ b/samples/inputs/badge/icon/src/index.css @@ -3,30 +3,14 @@ igc-avatar { --size: 40px; - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); -} - -igc-badge[variant="info"] { - --ig-badge-background-color: #0057A9; -} - -igc-badge[variant="info"]::part(base) { - background-color: #0057A9; + --ig-avatar-background: var(--ig-gray-400); + --ig-avatar-color: var(--ig-gray-800); } igc-badge igc-icon { color: var(--ig-gray-50); } -igc-badge[variant="info"].badge-settings { - --ig-badge-background-color: #0070BA; -} - -igc-badge[variant="info"].badge-settings::part(base) { - background-color: #0070BA; -} - .badge-star igc-icon { color: var(--ig-gray-900); } @@ -71,7 +55,7 @@ igc-badge[variant="info"].badge-settings::part(base) { } .badge-icon-item span { - color: #556c86; + color: var(--ig-gray-600); font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; font-weight: 400; diff --git a/samples/inputs/badge/outlined/index.html b/samples/inputs/badge/outlined/index.html index 16737dec67..a35f72e377 100644 --- a/samples/inputs/badge/outlined/index.html +++ b/samples/inputs/badge/outlined/index.html @@ -19,7 +19,7 @@
- 23 + 23
@@ -27,28 +27,19 @@
-
-
-
- 1 -
- Orders -
- -
-
- 2 - -
- Payment -
- -
-
- 3 -
- Shipping -
+
+ + + Orders + + + Payment + + + Shipping + + +
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json index 18367a3627..37d19a42be 100644 --- a/samples/inputs/badge/outlined/package.json +++ b/samples/inputs/badge/outlined/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/outlined/src/index.css b/samples/inputs/badge/outlined/src/index.css index 2e9a92810a..92e06d2635 100644 --- a/samples/inputs/badge/outlined/src/index.css +++ b/samples/inputs/badge/outlined/src/index.css @@ -7,8 +7,8 @@ igc-badge { igc-avatar { --size: 40px; - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); + --ig-avatar-background: var(--ig-gray-400); + --ig-avatar-color: var(--ig-gray-800); } .outlined-example igc-avatar igc-icon { @@ -21,12 +21,6 @@ igc-avatar { inset-inline-end: -6px; } -.step-marker igc-badge { - position: absolute; - inset-block-start: -1px; - inset-inline-end: -2px; -} - .outlined-example igc-badge { position: absolute; inset-block-start: -6px; @@ -42,7 +36,8 @@ igc-avatar { align-items: center; justify-content: center; gap: 60px; - min-height: 7rem; + min-height: 100vh; + box-sizing: border-box; } .outlined-example { @@ -65,23 +60,6 @@ igc-avatar { color: var(--ig-gray-800); } -.badge-info-blue { - --ig-badge-background-color: #0057A9; -} - -.badge-info-blue::part(base) { - background-color: #0057A9; -} - -.payment-dot-blue { - --ig-badge-background-color: #0057A9; - --ig-badge-dot-size: 0.5rem; -} - -.payment-dot-blue::part(base) { - background-color: #0057A9; -} - igc-badge::part(base), igc-badge igc-icon { color: var(--ig-gray-50); @@ -92,52 +70,41 @@ igc-badge igc-icon { } .steps { - display: flex; - align-items: flex-start; - gap: 8px; -} - -.step { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; -} - -.step-marker { + width: 316px; +} + +.steps, +.steps igc-step { + --indicator-size: 24px; + --ig-stepper-step-separator-style: dashed; + --ig-stepper-step-separator-color: var(--ig-gray-400); + --border-radius-indicator: 50%; + --indicator-background: var(--ig-gray-200); + --indicator-color: var(--ig-gray-800); + --indicator-outline: var(--ig-gray-200); + --separator-size: 1px; + --separator-type: solid; + --step-separator-style: dashed; + --complete-indicator-background: var(--ig-gray-900); + --complete-indicator-color: var(--ig-gray-50); + --complete-step-separator-style: solid; + --complete-step-separator-color: var(--ig-gray-900); +} + +.stepper-wrapper { position: relative; - display: flex; -} - -.step-circle { - width: 26px; - height: 26px; - background: var(--ig-gray-900); - color: var(--ig-gray-50); - font-size: 12px; + align-self: center; + top: 18px; } -.step-circle.pending { - background: var(--ig-gray-200); - color: var(--ig-gray-800); -} - -.step-connector { - width: 56px; - margin-block-start: 13px; - border-block-start: 1px solid var(--ig-gray-900); -} - -.step-connector.pending { - border-block-start-style: dashed; - border-block-start-color: var(--ig-gray-400); +.flagged-badge { + position: absolute; + inset-block-start: 8px; + inset-inline-start: calc(50% - 1px); + transform: scale(1.20); + transform-origin: center; } -.step-label { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.3px; +.steps::part(content) { + display: none; } diff --git a/samples/inputs/badge/outlined/src/index.ts b/samples/inputs/badge/outlined/src/index.ts index a7fc24d109..07c34dccb1 100644 --- a/samples/inputs/badge/outlined/src/index.ts +++ b/samples/inputs/badge/outlined/src/index.ts @@ -1,8 +1,8 @@ -import { defineComponents, IgcAvatarComponent, IgcBadgeComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import { defineComponents, IgcAvatarComponent, IgcBadgeComponent, IgcIconComponent, IgcStepComponent, IgcStepperComponent, registerIconFromText } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcBadgeComponent, IgcAvatarComponent, IgcIconComponent); +defineComponents(IgcBadgeComponent, IgcAvatarComponent, IgcIconComponent, IgcStepperComponent, IgcStepComponent); const favoriteBorderIcon = ''; const closeIcon = ''; @@ -12,6 +12,8 @@ registerIconFromText('close', closeIcon, 'material'); export class BadgeOutlined { constructor() { + const stepper = document.querySelector('igc-stepper') as IgcStepperComponent; + stepper.navigateTo(1); } } diff --git a/samples/inputs/badge/overview/package.json b/samples/inputs/badge/overview/package.json index 8ca36a9326..8d44a2385c 100644 --- a/samples/inputs/badge/overview/package.json +++ b/samples/inputs/badge/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/overview/src/index.css b/samples/inputs/badge/overview/src/index.css index 6a1e390d1f..d304ba139c 100644 --- a/samples/inputs/badge/overview/src/index.css +++ b/samples/inputs/badge/overview/src/index.css @@ -17,6 +17,15 @@ igc-badge { inset-inline-end: -0.15rem; } +igc-badge::part(base), +igc-badge igc-icon { + color: var(--ig-gray-50); +} + +igc-badge igc-icon { + fill: var(--ig-gray-50); +} + .avatar-example igc-badge { inset-block-start: auto; inset-block-end: -0.15rem; @@ -33,7 +42,6 @@ igc-badge { } .event-example igc-chip::part(base) { - background-color: #E0E0E0; border-radius: 999px; } @@ -42,11 +50,6 @@ igc-badge { inset-inline-end: -0.8rem; } -.event-example igc-badge::part(base) { - background-color: #0057A9; - color: var(--ig-gray-50); -} - .icon-example igc-badge { inset-block-start: 0; inset-inline-end: 0; diff --git a/samples/inputs/badge/shape/index.html b/samples/inputs/badge/shape/index.html index be973dfd49..1d70523c6c 100644 --- a/samples/inputs/badge/shape/index.html +++ b/samples/inputs/badge/shape/index.html @@ -27,11 +27,11 @@
Square - + - 2 - + 2 +
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json index 2597ad47af..0b76b492c6 100644 --- a/samples/inputs/badge/shape/package.json +++ b/samples/inputs/badge/shape/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/shape/src/index.css b/samples/inputs/badge/shape/src/index.css index 9a06d161ab..de35191cca 100644 --- a/samples/inputs/badge/shape/src/index.css +++ b/samples/inputs/badge/shape/src/index.css @@ -18,9 +18,18 @@ gap: 8px; } +.badge-shape-row igc-badge::part(base), +.badge-shape-row igc-badge igc-icon { + color: var(--ig-gray-50); +} + +.badge-shape-row igc-badge igc-icon { + fill: var(--ig-gray-50); +} + .row-label { justify-self: end; - color: #556c86; + color: var(--ig-gray-600); font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; font-weight: 400; @@ -31,20 +40,3 @@ .badge-small { --ig-size: var(--ig-size-small); } - -.badge-info-blue { - --ig-badge-background-color: #0057A9; -} - -.badge-info-blue::part(base) { - background-color: #0057A9; -} - -igc-badge::part(base), -igc-badge igc-icon { - color: var(--ig-gray-50); -} - -igc-badge igc-icon { - fill: var(--ig-gray-50); -} diff --git a/samples/inputs/badge/size/index.html b/samples/inputs/badge/size/index.html index 940240e805..e52b24ff9a 100644 --- a/samples/inputs/badge/size/index.html +++ b/samples/inputs/badge/size/index.html @@ -17,7 +17,7 @@
Small - 2 + 2 @@ -25,7 +25,7 @@
Medium - 2 + 2 @@ -33,7 +33,7 @@
Large - 2 + 2 diff --git a/samples/inputs/badge/size/package.json b/samples/inputs/badge/size/package.json index 926c91eff7..47b585038d 100644 --- a/samples/inputs/badge/size/package.json +++ b/samples/inputs/badge/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/size/src/index.css b/samples/inputs/badge/size/src/index.css index f400657422..3c8caa759c 100644 --- a/samples/inputs/badge/size/src/index.css +++ b/samples/inputs/badge/size/src/index.css @@ -18,9 +18,18 @@ gap: 8px; } +.badge-size-row igc-badge::part(base), +.badge-size-row igc-badge igc-icon { + color: var(--ig-gray-50); +} + +.badge-size-row igc-badge igc-icon { + fill: var(--ig-gray-50); +} + .row-label { justify-self: end; - color: #556c86; + color: var(--ig-gray-600); font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; font-weight: 400; @@ -28,23 +37,6 @@ letter-spacing: 0.3px; } -.badge-info-blue { - --ig-badge-background-color: #0057A9; -} - -.badge-info-blue::part(base) { - background-color: #0057A9; -} - -igc-badge::part(base), -igc-badge igc-icon { - color: var(--ig-gray-50); -} - -igc-badge igc-icon { - fill: var(--ig-gray-50); -} - .badge-large { --ig-size: var(--ig-size-large); } .badge-medium { --ig-size: var(--ig-size-medium); } .badge-small { --ig-size: var(--ig-size-small); } diff --git a/samples/inputs/badge/styling/package.json b/samples/inputs/badge/styling/package.json index da8ba91a6e..77ba6e2ef9 100644 --- a/samples/inputs/badge/styling/package.json +++ b/samples/inputs/badge/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/styling/src/index.css b/samples/inputs/badge/styling/src/index.css index d6d6fca0d4..dd46d8149c 100644 --- a/samples/inputs/badge/styling/src/index.css +++ b/samples/inputs/badge/styling/src/index.css @@ -53,9 +53,9 @@ igc-badge { } .styling-item.green igc-avatar { - --icon-color: #248436; - --ig-avatar-background: #A9CEB0; - --ig-avatar-color: #248436; + --icon-color: var(--ig-success-900); + --ig-avatar-background: var(--ig-success-200); + --ig-avatar-color: var(--ig-success-900); } .styling-item.pink igc-avatar { diff --git a/samples/inputs/badge/tailwind-styling/package.json b/samples/inputs/badge/tailwind-styling/package.json index 40d17fa70a..4c146e7504 100644 --- a/samples/inputs/badge/tailwind-styling/package.json +++ b/samples/inputs/badge/tailwind-styling/package.json @@ -11,8 +11,8 @@ "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open" }, "dependencies": { - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "tslib": "^2.8.1" }, "devDependencies": { diff --git a/samples/inputs/badge/tailwind-styling/src/index.css b/samples/inputs/badge/tailwind-styling/src/index.css index 101b4607d2..d98898d2b6 100644 --- a/samples/inputs/badge/tailwind-styling/src/index.css +++ b/samples/inputs/badge/tailwind-styling/src/index.css @@ -11,12 +11,12 @@ igc-badge { igc-avatar { --size: 40px; - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); + --ig-avatar-background: var(--ig-gray-400); + --ig-avatar-color: var(--ig-gray-800); } igc-avatar igc-icon { - color: var(--ig-gray-50); + color: var(--ig-gray-800); } .badge-close { diff --git a/samples/inputs/badge/type/package.json b/samples/inputs/badge/type/package.json index bb2d8c61ba..592dfaddea 100644 --- a/samples/inputs/badge/type/package.json +++ b/samples/inputs/badge/type/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/type/src/index.css b/samples/inputs/badge/type/src/index.css index 9352663ee9..b01e70b6ca 100644 --- a/samples/inputs/badge/type/src/index.css +++ b/samples/inputs/badge/type/src/index.css @@ -51,7 +51,7 @@ igc-badge { } .badge-type-item span { - color: #556c86; + color: var(--ig-gray-600); font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; font-weight: 400; diff --git a/samples/inputs/badge/variants/index.html b/samples/inputs/badge/variants/index.html index 2d76d89a67..c27d0015f3 100644 --- a/samples/inputs/badge/variants/index.html +++ b/samples/inputs/badge/variants/index.html @@ -20,14 +20,14 @@ - 2 + 2
Primary
- +
@@ -47,7 +47,7 @@ - 2 + 2
Warn
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json index 9e015a33f1..78ee2ebf99 100644 --- a/samples/inputs/badge/variants/package.json +++ b/samples/inputs/badge/variants/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/badge/variants/src/index.css b/samples/inputs/badge/variants/src/index.css index 5465a7f301..ecbca805b2 100644 --- a/samples/inputs/badge/variants/src/index.css +++ b/samples/inputs/badge/variants/src/index.css @@ -8,15 +8,24 @@ igc-badge { inset-inline-end: -4px; } +.variant-item:not(:nth-child(4)) igc-badge::part(base), +.variant-item:not(:nth-child(4)) igc-badge igc-icon { + color: var(--ig-gray-50); +} + +.variant-item:not(:nth-child(4)) igc-badge igc-icon { + fill: var(--ig-gray-50); +} + igc-avatar { --ig-size: var(--ig-size-small); - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); + --ig-avatar-background: var(--ig-gray-400); + --ig-avatar-color: var(--ig-gray-800); } .variant-item:first-child igc-avatar igc-icon, .variant-item:nth-child(4) igc-avatar igc-icon { - color: var(--ig-gray-50); + color: var(--ig-gray-800); } .badge-variants { @@ -36,7 +45,7 @@ igc-avatar { } .variant-item span { - color: #556c86; + color: var(--ig-gray-600); font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; font-weight: 400; @@ -48,33 +57,3 @@ igc-avatar { position: relative; display: flex; } - -.badge-info-blue { - --ig-badge-background-color: #0057A9; -} - -.badge-info-blue::part(base) { - background-color: #0057A9; -} - -.badge-primary-blue { - --ig-badge-background-color: #0070BA; -} - -.badge-primary-blue::part(base) { - background-color: #0070BA; -} - -.badge-warning-black::part(base) { - background-color: #FAA419; - color: #000; -} - -igc-badge::part(base), -igc-badge igc-icon { - color: var(--ig-gray-50); -} - -igc-badge igc-icon { - fill: var(--ig-gray-50); -} diff --git a/samples/inputs/button-group/alignment/index.html b/samples/inputs/button-group/alignment/index.html index 3d00fa784a..a1dcf2b469 100644 --- a/samples/inputs/button-group/alignment/index.html +++ b/samples/inputs/button-group/alignment/index.html @@ -12,10 +12,10 @@ -
-
-
- Horizontal +
+
+
+ Horizontal Sofia @@ -31,8 +31,7 @@
- -
+
Vertical @@ -51,8 +50,5 @@
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json index 24303410f8..2cb7c39d37 100644 --- a/samples/inputs/button-group/alignment/package.json +++ b/samples/inputs/button-group/alignment/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/alignment/src/ButtonGroupAlignment.css b/samples/inputs/button-group/alignment/src/ButtonGroupAlignment.css deleted file mode 100644 index 32882ee0c2..0000000000 --- a/samples/inputs/button-group/alignment/src/ButtonGroupAlignment.css +++ /dev/null @@ -1,39 +0,0 @@ -igc-ripple { - --color: gray; -} - -.button-group-alignment { - display: flex; - align-items: flex-start; - justify-content: center; - gap: 60px; - padding: 21px; -} - -.button-group-alignment-item { - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - gap: 16px; -} - -.button-group-alignment-item igc-button-group { - width: 240px; -} - -.button-group-alignment-item:first-child igc-button-group { - width: 320px; -} - -.button-group-alignment-item span { - width: 100%; - text-align: center; - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; -} diff --git a/samples/inputs/button-group/alignment/src/index.css b/samples/inputs/button-group/alignment/src/index.css index 7eb1c7c38e..f0163079a3 100644 --- a/samples/inputs/button-group/alignment/src/index.css +++ b/samples/inputs/button-group/alignment/src/index.css @@ -1,2 +1,34 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + display: grid; + place-items: center; + height: 100vh; +} + +.sample-layout { + display: flex; + gap: 2rem; + align-items: start; + justify-content: center; + flex-wrap: wrap; +} + +.sample-inner-layout { + display: grid; + gap: 0.5rem; + align-items: start; +} + +igc-button-group { + width: 17.5rem; +} + +.sample-layout span { + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.3px; + margin: 0.5rem; + text-align: center; +} diff --git a/samples/inputs/button-group/alignment/src/index.ts b/samples/inputs/button-group/alignment/src/index.ts index b7b11cacb6..553ddab1e9 100644 --- a/samples/inputs/button-group/alignment/src/index.ts +++ b/samples/inputs/button-group/alignment/src/index.ts @@ -4,8 +4,7 @@ import { IgcRippleComponent, IgcToggleButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupAlignment.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); diff --git a/samples/inputs/button-group/custom-toggle/index.html b/samples/inputs/button-group/custom-toggle/index.html index ce69dc5e26..65cb4b2b4b 100644 --- a/samples/inputs/button-group/custom-toggle/index.html +++ b/samples/inputs/button-group/custom-toggle/index.html @@ -13,7 +13,7 @@
-
+
@@ -22,8 +22,5 @@
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/custom-toggle/src/index.css b/samples/inputs/button-group/custom-toggle/src/index.css index 06a54b66a2..5f4381c35e 100644 --- a/samples/inputs/button-group/custom-toggle/src/index.css +++ b/samples/inputs/button-group/custom-toggle/src/index.css @@ -1,13 +1,9 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ - igc-button-group { - display: inline-block; - width: 300px; + max-width: 18.75rem; } -.container.sample { - display: flex; - justify-content: center; - align-items: center; +.states-container { + display: grid; + place-items: center; + height: 100vh; } diff --git a/samples/inputs/button-group/custom-toggle/src/index.ts b/samples/inputs/button-group/custom-toggle/src/index.ts index 2e653ca111..aa63ab0132 100644 --- a/samples/inputs/button-group/custom-toggle/src/index.ts +++ b/samples/inputs/button-group/custom-toggle/src/index.ts @@ -5,7 +5,7 @@ import { IgcToggleButtonComponent, registerIconFromText } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcToggleButtonComponent, IgcIconComponent); diff --git a/samples/inputs/button-group/interaction-states/index.html b/samples/inputs/button-group/interaction-states/index.html index 1bae721270..2421dd50ab 100644 --- a/samples/inputs/button-group/interaction-states/index.html +++ b/samples/inputs/button-group/interaction-states/index.html @@ -12,16 +12,15 @@ -
-
-
+
+
+
Idle Hover Focused -
- -
+ +
Selected / Off @@ -47,9 +46,8 @@ -
- -
+ +
Selected / On @@ -75,11 +73,8 @@ -
+
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/interaction-states/package.json b/samples/inputs/button-group/interaction-states/package.json index 2c9a0cefaa..0deba80500 100644 --- a/samples/inputs/button-group/interaction-states/package.json +++ b/samples/inputs/button-group/interaction-states/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/interaction-states/src/ButtonGroupInteractionStates.css b/samples/inputs/button-group/interaction-states/src/ButtonGroupInteractionStates.css deleted file mode 100644 index 8553a28dc0..0000000000 --- a/samples/inputs/button-group/interaction-states/src/ButtonGroupInteractionStates.css +++ /dev/null @@ -1,92 +0,0 @@ -igc-ripple { - --color: gray; -} - -.button-group-states { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - gap: 20px; - padding: 20px; -} - -.button-group-states-row { - display: grid; - grid-template-columns: 120px 164px 164px 164px; - align-items: center; - gap: 16px; -} - -.button-group-states .row-label, -.button-group-states .column-label { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; -} - -.button-group-states .column-label { - text-align: center; -} - -.button-group-states igc-button-group { - width: 164px; -} - -.button-group-states igc-toggle-button { - width: 100%; -} - -.button-group-states igc-icon { - font-size: 16px; -} - -@media (max-width: 720px) { - .button-group-states { - padding: 20px 8px; - } - - .button-group-states-row { - grid-template-columns: 104px repeat(3, minmax(0, 1fr)); - width: 100%; - gap: 8px; - } - - .button-group-states igc-button-group { - width: 100%; - } -} - -.button-group-states igc-toggle-button[selected]::part(toggle) { - background: var(--item-active-background); - border-color: var(--item-active-border-color); - color: var(--item-hover-text-color); -} - -.button-group-states igc-toggle-button.state-hover:not([selected])::part(toggle) { - background: var(--item-hover-background); - border-color: var(--item-hover-border-color); - color: var(--item-hover-text-color); -} - -.button-group-states igc-toggle-button.state-focused:not([selected])::part(toggle) { - background: var(--item-focused-hover-background); - border-color: var(--item-focused-hover-border-color); - color: var(--item-focused-hover-text-color); -} - -.button-group-states igc-toggle-button.state-hover[selected]::part(toggle) { - background: var(--item-selected-active-background); - border-color: var(--item-selected-active-border-color); - color: var(--item-selected-hover-text-color); -} - -.button-group-states igc-toggle-button.state-focused[selected]::part(toggle) { - background: var(--item-selected-active-background); - border-color: var(--item-selected-active-border-color); - color: var(--item-focused-hover-text-color); -} diff --git a/samples/inputs/button-group/interaction-states/src/index.css b/samples/inputs/button-group/interaction-states/src/index.css index 7eb1c7c38e..3fc0ce0d21 100644 --- a/samples/inputs/button-group/interaction-states/src/index.css +++ b/samples/inputs/button-group/interaction-states/src/index.css @@ -1,2 +1,117 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + container-type: inline-size; + display: grid; + grid-template-columns: minmax(0, 1fr); + align-content: center; + height: 100vh; +} + +.states-matrix { + display: grid; + grid-template-columns: auto repeat(3, minmax(7.75rem, 1fr)); + gap: 1rem; + inline-size: 100%; + max-inline-size: 42.5rem; + margin-inline: auto; +} + +.states-row { + display: grid; + grid-column: 1 / -1; + grid-template-columns: subgrid; + align-items: center; +} + +.row-label, +.column-label, +.cell-label { + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.3px; +} + +.column-label, +.cell-label { + text-align: center; +} + +.cell-label { + display: none; +} + +.state-cell { + display: grid; + gap: 0.25rem; +} + +igc-icon { + --ig-icon-size: 1rem; +} + +@container (width < 34rem) { + .states-matrix { + grid-template-columns: minmax(0, 1fr); + } + + .states-row { + grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr)); + } + + header.states-row { + display: none; + } + + .row-label { + grid-column: 1 / -1; + } + + .cell-label { + display: block; + text-align: start; + margin-block-start: 1rem; + } + + .state-cell { + margin-inline-end: 0.5rem; + } +} + +/* WARNING START: Demo overrides only. Do not copy to production. */ +/* Forced state classes are used here solely to present all component states visually. */ +igc-button-group { + pointer-events: none; +} + +igc-toggle-button[selected]::part(toggle) { + background: var(--item-active-background); + border-color: var(--item-active-border-color); + color: var(--item-hover-text-color); +} + +igc-toggle-button.state-hover:not([selected])::part(toggle) { + background: var(--item-hover-background); + border-color: var(--item-hover-border-color); + color: var(--item-hover-text-color); +} + +igc-toggle-button.state-focused:not([selected])::part(toggle) { + background: var(--item-focused-hover-background); + border-color: var(--item-focused-hover-border-color); + color: var(--item-focused-hover-text-color); +} + +igc-toggle-button.state-hover[selected]::part(toggle) { + background: var(--item-selected-active-background); + border-color: var(--item-selected-active-border-color); + color: var(--item-selected-hover-text-color); +} + +igc-toggle-button.state-focused[selected]::part(toggle) { + background: var(--item-selected-active-background); + border-color: var(--item-selected-active-border-color); + color: var(--item-focused-hover-text-color); +} +/* WARNING END */ diff --git a/samples/inputs/button-group/interaction-states/src/index.ts b/samples/inputs/button-group/interaction-states/src/index.ts index bd425f73db..35a9d4be00 100644 --- a/samples/inputs/button-group/interaction-states/src/index.ts +++ b/samples/inputs/button-group/interaction-states/src/index.ts @@ -1,11 +1,18 @@ import { defineComponents, IgcButtonGroupComponent, + IgcIconComponent, IgcRippleComponent, - IgcToggleButtonComponent + IgcToggleButtonComponent, + registerIconFromText } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupInteractionStates.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); +defineComponents(IgcButtonGroupComponent, IgcIconComponent, IgcRippleComponent, IgcToggleButtonComponent); + +registerIconFromText( + 'notifications', + '', + 'material' +); diff --git a/samples/inputs/button-group/layout/index.html b/samples/inputs/button-group/layout/index.html index 78f1ef100f..ca2b2e558a 100644 --- a/samples/inputs/button-group/layout/index.html +++ b/samples/inputs/button-group/layout/index.html @@ -12,10 +12,10 @@ -
-
+
+
- + Left @@ -45,8 +45,5 @@
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/layout/src/ButtonGroupLayout.css b/samples/inputs/button-group/layout/src/ButtonGroupLayout.css deleted file mode 100644 index 936a3bc2f3..0000000000 --- a/samples/inputs/button-group/layout/src/ButtonGroupLayout.css +++ /dev/null @@ -1,19 +0,0 @@ -igc-ripple { - --color: gray; -} - -.button-group-layout { - display: flex; - align-items: center; - justify-content: center; - gap: 80px; - min-height: 7rem; -} - -.button-group-layout igc-toggle-button { - min-width: 100px; -} - -.button-group-layout igc-icon { - --size: 20px; -} diff --git a/samples/inputs/button-group/layout/src/index.css b/samples/inputs/button-group/layout/src/index.css index 7eb1c7c38e..cb4a60b115 100644 --- a/samples/inputs/button-group/layout/src/index.css +++ b/samples/inputs/button-group/layout/src/index.css @@ -1,2 +1,28 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + display: grid; + place-items: center; + height: 100vh; +} + +.sample-layout { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 80px; + min-height: 5.5rem; +} + +igc-button-group { + display: inline-block; + max-width: 400px; +} + +.sample-layout igc-toggle-button { + min-width: 100px; +} + +.sample-layout igc-icon { + --ig-size: 20px; + --igc-icon-size: 20px; +} diff --git a/samples/inputs/button-group/layout/src/index.ts b/samples/inputs/button-group/layout/src/index.ts index 9dee3ebd8a..4d54d3059f 100644 --- a/samples/inputs/button-group/layout/src/index.ts +++ b/samples/inputs/button-group/layout/src/index.ts @@ -6,8 +6,7 @@ import { IgcToggleButtonComponent, registerIconFromText } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupLayout.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent, IgcIconComponent); diff --git a/samples/inputs/button-group/overview/index.html b/samples/inputs/button-group/overview/index.html index 34e8c3486e..26122778ff 100644 --- a/samples/inputs/button-group/overview/index.html +++ b/samples/inputs/button-group/overview/index.html @@ -12,10 +12,10 @@ -
-
+
+
- + Device @@ -26,13 +26,10 @@
- +

- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json index 5366861b42..93c2af6445 100644 --- a/samples/inputs/button-group/overview/package.json +++ b/samples/inputs/button-group/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/overview/src/ButtonGroupOverview.css b/samples/inputs/button-group/overview/src/ButtonGroupOverview.css deleted file mode 100644 index 6ae0647ecc..0000000000 --- a/samples/inputs/button-group/overview/src/ButtonGroupOverview.css +++ /dev/null @@ -1,39 +0,0 @@ - .container.sample { - display: flex; - flex-direction: column; - align-items: center; -} - -igc-button-group { - display: block; - width: 280px; - max-width: 100%; -} - -igc-ripple { - --color: gray; -} - -.album { - margin-top: 8px; - width: 280px; - max-width: 100%; -} - -.album-title { - display: inline-block; - margin-bottom: 8px; - color: #1f89d4; -} - -.album-photos { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 4px; -} - -.album-photos img { - width: 100%; - object-fit: cover; - display: block; -} diff --git a/samples/inputs/button-group/overview/src/index.css b/samples/inputs/button-group/overview/src/index.css index 7eb1c7c38e..54b7f60c6c 100644 --- a/samples/inputs/button-group/overview/src/index.css +++ b/samples/inputs/button-group/overview/src/index.css @@ -1,2 +1,36 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + display: grid; + place-items: center; + height: 100vh; +} + +.sample-layout { + display: grid; + width: 17.5rem; + gap: 0.5rem; +} + +igc-button-group { + max-width: 17.5rem; +} + +.album-title { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.429; + letter-spacing: 0.0178571em; + margin-block: 0 0.5rem; + color: var(--ig-primary-500); +} + +.album-photos { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 0.25rem; +} + +.album-photos img { + width: 100%; + object-fit: cover; + display: block; +} diff --git a/samples/inputs/button-group/overview/src/index.ts b/samples/inputs/button-group/overview/src/index.ts index fcd152977c..8fe51e7391 100644 --- a/samples/inputs/button-group/overview/src/index.ts +++ b/samples/inputs/button-group/overview/src/index.ts @@ -4,8 +4,7 @@ import { IgcRippleComponent, IgcToggleButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupOverview.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); diff --git a/samples/inputs/button-group/selection/index.html b/samples/inputs/button-group/selection/index.html index 0798295673..5af3a972fa 100644 --- a/samples/inputs/button-group/selection/index.html +++ b/samples/inputs/button-group/selection/index.html @@ -12,11 +12,10 @@ -
-
-
- Single - +
+
+ Single + @@ -30,10 +29,7 @@ -
- -
- Single-Required + Single-Required @@ -48,10 +44,7 @@ -
- -
- Multiple + Multiple @@ -66,11 +59,7 @@ -
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json index ec59e83e8e..ca35043a69 100644 --- a/samples/inputs/button-group/selection/package.json +++ b/samples/inputs/button-group/selection/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/selection/src/ButtonGroupSelection.css b/samples/inputs/button-group/selection/src/ButtonGroupSelection.css deleted file mode 100644 index c0cc43da0b..0000000000 --- a/samples/inputs/button-group/selection/src/ButtonGroupSelection.css +++ /dev/null @@ -1,34 +0,0 @@ -.selection-samples { - display: flex; - justify-content: center; - flex-direction: column; - align-items: flex-start; - gap: 32px; - padding-left: 32px; -} - -.selection-sample { - display: flex; - align-items: center; - gap: 30px; -} - -.selection-sample > span { - width: 120px; - text-align: right; - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; -} - -.selection-sample igc-button-group { - width: 200px; -} - -igc-ripple { - --color: gray; -} diff --git a/samples/inputs/button-group/selection/src/index.css b/samples/inputs/button-group/selection/src/index.css index 7eb1c7c38e..a714d1bd59 100644 --- a/samples/inputs/button-group/selection/src/index.css +++ b/samples/inputs/button-group/selection/src/index.css @@ -1,2 +1,45 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + container-type: inline-size; + display: grid; + grid-template-columns: minmax(0, 1fr); + align-content: center; + height: 100vh; +} + +.selection-samples { + display: grid; + grid-template-columns: auto minmax(11.25rem, 1fr); + align-items: center; + gap: 1.5rem 2rem; + inline-size: 100%; + max-inline-size: 23.75rem; + margin-inline: auto; +} + +.sample-label { + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.3px; + text-align: end; +} + +igc-button-group { + inline-size: 100%; +} +@container (width < 22rem) { + .selection-samples { + grid-template-columns: minmax(0, 1fr); + gap: 0.25rem; + } + + .sample-label { + text-align: start; + } + + .sample-label:not(:first-of-type) { + margin-block-start: 1rem; + } +} diff --git a/samples/inputs/button-group/selection/src/index.ts b/samples/inputs/button-group/selection/src/index.ts index 15db40f70c..28b9d3248d 100644 --- a/samples/inputs/button-group/selection/src/index.ts +++ b/samples/inputs/button-group/selection/src/index.ts @@ -6,8 +6,7 @@ import { IgcToggleButtonComponent, registerIconFromText } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupSelection.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent, IgcIconComponent); diff --git a/samples/inputs/button-group/size/index.html b/samples/inputs/button-group/size/index.html index cc17dd6141..cc27441a3b 100644 --- a/samples/inputs/button-group/size/index.html +++ b/samples/inputs/button-group/size/index.html @@ -12,11 +12,10 @@ -
+
-
- Small - + Small + Sofia @@ -30,11 +29,8 @@ -
- -
- Medium - + Medium + Sofia @@ -48,11 +44,8 @@ -
- -
- Large - + Large + Sofia @@ -66,11 +59,7 @@ -
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json index 76747cc909..a442a0a5ae 100644 --- a/samples/inputs/button-group/size/package.json +++ b/samples/inputs/button-group/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/size/src/ButtonGroupSize.css b/samples/inputs/button-group/size/src/ButtonGroupSize.css deleted file mode 100644 index 4e4a291561..0000000000 --- a/samples/inputs/button-group/size/src/ButtonGroupSize.css +++ /dev/null @@ -1,33 +0,0 @@ -igc-ripple { - --color: gray; -} - -.button-group-size { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - gap: 32px; - padding: 13px; - padding-left: 4rem; -} - -.button-group-size-item { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - gap: 32px; -} - -.button-group-size-item span { - width: 52px; - text-align: right; - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; -} diff --git a/samples/inputs/button-group/size/src/index.css b/samples/inputs/button-group/size/src/index.css index 7eb1c7c38e..3c19f4ca89 100644 --- a/samples/inputs/button-group/size/src/index.css +++ b/samples/inputs/button-group/size/src/index.css @@ -1,2 +1,53 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + container-type: inline-size; + display: grid; + grid-template-columns: minmax(0, 1fr); + place-items: center; + height: 100vh; +} + +.button-group-size { + display: grid; + grid-template-columns: auto minmax(15rem, 1fr); + align-items: center; + gap: 1.5rem 2rem; + inline-size: 100%; + max-inline-size: 30rem; + margin-inline: auto; +} + +.sample-label { + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.3px; + text-align: end; +} + +igc-button-group:nth-of-type(1n) { + --ig-size: var(--ig-size-small); +} + +igc-button-group:nth-of-type(2n) { + --ig-size: var(--ig-size-medium); +} + +igc-button-group:nth-of-type(3n) { + --ig-size: var(--ig-size-large); +} +@container (width < 22rem) { + .button-group-size { + grid-template-columns: minmax(0, 1fr); + gap: 0.25rem; + } + + .sample-label { + text-align: start; + } + + .sample-label:not(:first-of-type) { + margin-block-start: 1rem; + } +} diff --git a/samples/inputs/button-group/size/src/index.ts b/samples/inputs/button-group/size/src/index.ts index 52794a6c79..553ddab1e9 100644 --- a/samples/inputs/button-group/size/src/index.ts +++ b/samples/inputs/button-group/size/src/index.ts @@ -4,8 +4,7 @@ import { IgcRippleComponent, IgcToggleButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupSize.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); diff --git a/samples/inputs/button-group/states/index.html b/samples/inputs/button-group/states/index.html index 83dc352038..50766a6105 100644 --- a/samples/inputs/button-group/states/index.html +++ b/samples/inputs/button-group/states/index.html @@ -1,7 +1,7 @@ - Button Group Interaction States + Button Group States @@ -12,43 +12,50 @@ -
-
-
+
+
+
Enabled Disabled -
- -
+ +
Selected / Off - - +
+ Enabled + + Device - - - - Cloud - -
- -
+ + +
+
+ Disabled + + Cloud + +
+
+
Selected / On - - +
+ Enabled + + Device - - - Cloud - -
+ +
+
+ Disabled + + Cloud + +
+
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/states/package.json b/samples/inputs/button-group/states/package.json index c0471b1e83..5cbfdd82b3 100644 --- a/samples/inputs/button-group/states/package.json +++ b/samples/inputs/button-group/states/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/states/src/ButtonGroupStates.css b/samples/inputs/button-group/states/src/ButtonGroupStates.css deleted file mode 100644 index 3159c71eb0..0000000000 --- a/samples/inputs/button-group/states/src/ButtonGroupStates.css +++ /dev/null @@ -1,37 +0,0 @@ -igc-ripple { - --color: gray; -} - -.button-group-interaction-states { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - gap: 20px; - padding: 20px; -} - -.button-group-interaction-states-row { - display: grid; - grid-template-columns: 120px 160px 160px; - align-items: center; - gap: 16px; -} - -.button-group-interaction-states .row-label, -.button-group-interaction-states .column-label { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; - text-align: center; -} - -.button-group-interaction-states-row igc-button-group:not([disabled]) igc-toggle-button[selected]::part(toggle) { - background: var(--item-active-background); - border-color: var(--item-active-border-color); - color: var(--item-selected-text-color); -} diff --git a/samples/inputs/button-group/states/src/index.css b/samples/inputs/button-group/states/src/index.css index 7eb1c7c38e..f3096bd323 100644 --- a/samples/inputs/button-group/states/src/index.css +++ b/samples/inputs/button-group/states/src/index.css @@ -1,2 +1,88 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.states-container { + container-type: inline-size; + display: grid; + grid-template-columns: minmax(0, 1fr); + align-content: center; + height: 100vh; +} + +.states-matrix { + --state-columns: 2; + + display: grid; + grid-template-columns: auto repeat(var(--state-columns), minmax(7.5rem, 1fr)); + gap: 1rem; + inline-size: 100%; + max-inline-size: 42.5rem; + margin-inline: auto; +} + +.states-row { + display: grid; + grid-column: 1 / -1; + grid-template-columns: subgrid; + align-items: center; +} + +.row-label, +.column-label, +.cell-label { + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.3px; +} + +.column-label, +.cell-label { + text-align: center; +} + +.cell-label { + display: none; +} + +.state-cell { + display: grid; + gap: 0.25rem; +} + +@container (width < 24rem) { + .states-matrix { + grid-template-columns: minmax(0, 1fr); + } + + .states-row { + grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr)); + column-gap: 0.5rem; + } + + header.states-row { + display: none; + } + + .row-label { + grid-column: 1 / -1; + } + + .cell-label { + display: block; + text-align: start; + margin-block-start: 1rem; + } +} + +/* WARNING START: Demo overrides only. Do not copy to production. */ +/* Forced state classes are used here solely to present all component states visually. */ +igc-button-group { + pointer-events: none; +} + +igc-toggle-button:not([disabled])[selected]::part(toggle) { + background: var(--item-active-background); + border-color: var(--item-active-border-color); + color: var(--item-selected-text-color); +} +/* WARNING END */ diff --git a/samples/inputs/button-group/states/src/index.ts b/samples/inputs/button-group/states/src/index.ts index 0dc816698e..553ddab1e9 100644 --- a/samples/inputs/button-group/states/src/index.ts +++ b/samples/inputs/button-group/states/src/index.ts @@ -4,8 +4,7 @@ import { IgcRippleComponent, IgcToggleButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupStates.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); diff --git a/samples/inputs/button-group/styling/index.html b/samples/inputs/button-group/styling/index.html index b000c52026..845fd37efa 100644 --- a/samples/inputs/button-group/styling/index.html +++ b/samples/inputs/button-group/styling/index.html @@ -13,7 +13,7 @@
-
+
Left @@ -30,8 +30,5 @@
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json index 2d91025461..c23c00f049 100644 --- a/samples/inputs/button-group/styling/package.json +++ b/samples/inputs/button-group/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button-group/styling/src/ButtonGroupStyling.css b/samples/inputs/button-group/styling/src/ButtonGroupStyling.css deleted file mode 100644 index f328b530fa..0000000000 --- a/samples/inputs/button-group/styling/src/ButtonGroupStyling.css +++ /dev/null @@ -1,32 +0,0 @@ -igc-ripple { - --color: gray; -} - -.button-group-styling { - display: flex; - align-items: center; - justify-content: center; - min-height: 7rem; -} - -.button-group-styling igc-button-group { - width: 420px; - border: 2px solid #4da3e8; - border-radius: 4px; - overflow: hidden; -} - -.button-group-styling igc-toggle-button::part(toggle) { - color: #4a5a66; - background: #cfe8fb; - border-color: #4da3e8; -} - -.button-group-styling igc-toggle-button::part(toggle):hover { - background: #b3daf8; -} - -.button-group-styling igc-toggle-button[selected]::part(toggle) { - color: #2f4d6a; - background: #6db3ea; -} diff --git a/samples/inputs/button-group/styling/src/index.css b/samples/inputs/button-group/styling/src/index.css index 7eb1c7c38e..3396920aa4 100644 --- a/samples/inputs/button-group/styling/src/index.css +++ b/samples/inputs/button-group/styling/src/index.css @@ -1,2 +1,24 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +igc-button-group { + display: inline-block; + width: 100%; + max-width: 25rem; +} + +.states-container { + display: grid; + place-items: center; + height: 100vh; + + --ig-button-group-border-radius: 4px; + --ig-button-group-item-text-color: #4a5a66; + --ig-button-group-item-background: #cfe8fb; + --ig-button-group-item-border-color: #4da3e8; + --ig-button-group-item-hover-text-color: #4a5a66; + --ig-button-group-item-hover-background: #b3daf8; + --ig-button-group-item-hover-border-color: #4da3e8; + --ig-button-group-item-selected-text-color: #2f4d6a; + --ig-button-group-item-selected-background: #6db3ea; + --ig-button-group-item-selected-border-color: #4da3e8; + --ig-button-group-item-selected-hover-text-color: #2f4d6a; + --ig-button-group-item-selected-hover-background: #6db3ea; +} diff --git a/samples/inputs/button-group/styling/src/index.ts b/samples/inputs/button-group/styling/src/index.ts index d7b9cf4650..553ddab1e9 100644 --- a/samples/inputs/button-group/styling/src/index.ts +++ b/samples/inputs/button-group/styling/src/index.ts @@ -4,8 +4,7 @@ import { IgcRippleComponent, IgcToggleButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonGroupStyling.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); diff --git a/samples/inputs/button-group/tailwind-styling/index.html b/samples/inputs/button-group/tailwind-styling/index.html index 453c988004..3da5a9d0f3 100644 --- a/samples/inputs/button-group/tailwind-styling/index.html +++ b/samples/inputs/button-group/tailwind-styling/index.html @@ -13,8 +13,8 @@
-
- +
+ Day @@ -30,8 +30,5 @@
- - <% if (false) { %><% } %> - diff --git a/samples/inputs/button-group/tailwind-styling/package.json b/samples/inputs/button-group/tailwind-styling/package.json index b52f7b0a11..50d421e59f 100644 --- a/samples/inputs/button-group/tailwind-styling/package.json +++ b/samples/inputs/button-group/tailwind-styling/package.json @@ -24,8 +24,8 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-theming": "^25.0.0", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "postcss": "^8.5.6", "tailwindcss": "^4.1.11", diff --git a/samples/inputs/button-group/tailwind-styling/src/index.css b/samples/inputs/button-group/tailwind-styling/src/index.css index 6ff2900474..c76fe2861d 100644 --- a/samples/inputs/button-group/tailwind-styling/src/index.css +++ b/samples/inputs/button-group/tailwind-styling/src/index.css @@ -1,37 +1,15 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ - -@layer theme, base, components, utilities; +@layer theme, utilities; @import "tailwindcss/theme.css" layer(theme); @import "tailwindcss/utilities.css" layer(utilities); -igc-ripple { - --color: gray; -} - -.button-group-center { - display: flex; - align-items: center; - justify-content: center; - min-height: 7rem; -} - -.button-group-style { - width: 420px; - max-width: 100%; -} - -.button-group-style igc-toggle-button::part(toggle) { - color: var(--color-violet-700); - background: var(--color-white); - border-color: var(--color-violet-300); -} - -.button-group-style igc-toggle-button::part(toggle):hover { - background: var(--color-fuchsia-100); +.states-container { + display: grid; + place-items: center; + height: 100vh; } -.button-group-style igc-toggle-button[selected]::part(toggle) { - color: var(--color-white); - background: var(--color-violet-600); +igc-button-group { + display: inline-block; + width: 100%; + max-width: 25rem; } diff --git a/samples/inputs/button-group/tailwind-styling/src/index.ts b/samples/inputs/button-group/tailwind-styling/src/index.ts index e2e9b26ce7..553ddab1e9 100644 --- a/samples/inputs/button-group/tailwind-styling/src/index.ts +++ b/samples/inputs/button-group/tailwind-styling/src/index.ts @@ -4,7 +4,7 @@ import { IgcRippleComponent, IgcToggleButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; defineComponents(IgcButtonGroupComponent, IgcRippleComponent, IgcToggleButtonComponent); diff --git a/samples/inputs/button/contained/index.html b/samples/inputs/button/contained/index.html index 5acd4791c7..b18a19e32f 100644 --- a/samples/inputs/button/contained/index.html +++ b/samples/inputs/button/contained/index.html @@ -14,7 +14,7 @@
- Contained + Contained
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json index 3d057504fa..5bebb67078 100644 --- a/samples/inputs/button/contained/package.json +++ b/samples/inputs/button/contained/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/contained/src/index.ts b/samples/inputs/button/contained/src/index.ts index d6d12afd4b..1e13bde563 100644 --- a/samples/inputs/button/contained/src/index.ts +++ b/samples/inputs/button/contained/src/index.ts @@ -1,8 +1,11 @@ -import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcButtonComponent); +const notificationsIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); +registerIconFromText('notifications', notificationsIcon, 'material'); export class ContainedButton { constructor() { } diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json index 1da674f405..ed519122b3 100644 --- a/samples/inputs/button/download/package.json +++ b/samples/inputs/button/download/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/fab/index.html b/samples/inputs/button/fab/index.html index c323418b6a..78a819576e 100644 --- a/samples/inputs/button/fab/index.html +++ b/samples/inputs/button/fab/index.html @@ -13,10 +13,11 @@
-
+
- + - Add + + Floating Action +
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json index edb11a179e..6e6991c755 100644 --- a/samples/inputs/button/fab/package.json +++ b/samples/inputs/button/fab/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/fab/src/index.ts b/samples/inputs/button/fab/src/index.ts index 6f0f285cbd..b2c3a42774 100644 --- a/samples/inputs/button/fab/src/index.ts +++ b/samples/inputs/button/fab/src/index.ts @@ -1,10 +1,13 @@ -import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcButtonComponent); +const addIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); export class FloatingActionButton { constructor() { + registerIconFromText('add', addIcon, 'material'); } } diff --git a/samples/inputs/button/flat/index.html b/samples/inputs/button/flat/index.html index 1426e07de8..04376680f5 100644 --- a/samples/inputs/button/flat/index.html +++ b/samples/inputs/button/flat/index.html @@ -13,8 +13,12 @@
-
- Flat +
+ + + Flat + +
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json index 99b5c38c8d..b7caf491cd 100644 --- a/samples/inputs/button/flat/package.json +++ b/samples/inputs/button/flat/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/flat/src/index.css b/samples/inputs/button/flat/src/index.css index 9263b38c47..019bfa2d76 100644 --- a/samples/inputs/button/flat/src/index.css +++ b/samples/inputs/button/flat/src/index.css @@ -1,12 +1,7 @@ /* shared styles are loaded from: */ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ -.container { - background: var(--ig-surface-600); -} - igc-button { width: 40%; margin: auto; - background: var(--ig-surface-50); } \ No newline at end of file diff --git a/samples/inputs/button/flat/src/index.ts b/samples/inputs/button/flat/src/index.ts index b4228cfaf7..20a01bedfc 100644 --- a/samples/inputs/button/flat/src/index.ts +++ b/samples/inputs/button/flat/src/index.ts @@ -1,10 +1,13 @@ -import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcButtonComponent); +const notificationsIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); export class FlatButton { constructor() { + registerIconFromText('notifications', notificationsIcon, 'material'); } } diff --git a/samples/inputs/switches/checking/.prettierrc b/samples/inputs/button/interaction-states/.prettierrc similarity index 100% rename from samples/inputs/switches/checking/.prettierrc rename to samples/inputs/button/interaction-states/.prettierrc diff --git a/samples/inputs/button/interaction-states/ReadMe.md b/samples/inputs/button/interaction-states/ReadMe.md new file mode 100644 index 0000000000..7965d4387b --- /dev/null +++ b/samples/inputs/button/interaction-states/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Interaction States feature using [Button](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/button/interaction-states +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/button/interaction-states/index.html b/samples/inputs/button/interaction-states/index.html new file mode 100644 index 0000000000..573b63b757 --- /dev/null +++ b/samples/inputs/button/interaction-states/index.html @@ -0,0 +1,57 @@ + + + + Button Interaction States + + + + + + + + + + +
+
+
+
+ Idle + + + Contained + + +
+
+ Hover + + + Contained + + +
+
+ Focused + + + Contained + + +
+
+ Focused & Hover + + + Contained + + +
+
+
+
+ + <% if (false) { %><% } %> + + + diff --git a/samples/inputs/button/interaction-states/package.json b/samples/inputs/button/interaction-states/package.json new file mode 100644 index 0000000000..e9c469085f --- /dev/null +++ b/samples/inputs/button/interaction-states/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-button-interaction-states", + "version": "1.0.0", + "description": "This project provides example of Button Interaction States using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/switches/checking/sandbox.config.json b/samples/inputs/button/interaction-states/sandbox.config.json similarity index 100% rename from samples/inputs/switches/checking/sandbox.config.json rename to samples/inputs/button/interaction-states/sandbox.config.json diff --git a/samples/inputs/button/interaction-states/src/index.css b/samples/inputs/button/interaction-states/src/index.css new file mode 100644 index 0000000000..44d7486432 --- /dev/null +++ b/samples/inputs/button/interaction-states/src/index.css @@ -0,0 +1,44 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.button-container { + display: flex; + justify-content: center; + align-items: center; + gap: 2rem; + padding: 1rem; +} + +.button-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.75rem; +} + +.button-label { + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; +} + +igc-button.state-hover::part(base) { + background: var(--hover-background); + color: var(--hover-foreground); +} + +igc-button.state-focused::part(base), +igc-button.state-focused-hover::part(base) { + background: var(--focus-background); + color: var(--focus-foreground); +} + +igc-button.state-focused-hover::part(base) { + background: var(--focus-hover-background); + color: var(--focus-hover-foreground); +} + diff --git a/samples/inputs/button/interaction-states/src/index.ts b/samples/inputs/button/interaction-states/src/index.ts new file mode 100644 index 0000000000..cbfbb64a44 --- /dev/null +++ b/samples/inputs/button/interaction-states/src/index.ts @@ -0,0 +1,16 @@ +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +const notificationsIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); + +export class ButtonInteractionStates { + constructor() { + registerIconFromText('notifications', notificationsIcon, 'material'); + } +} + +new ButtonInteractionStates(); + diff --git a/samples/inputs/switches/checking/tsconfig.json b/samples/inputs/button/interaction-states/tsconfig.json similarity index 100% rename from samples/inputs/switches/checking/tsconfig.json rename to samples/inputs/button/interaction-states/tsconfig.json diff --git a/samples/inputs/switches/checking/webpack.config.js b/samples/inputs/button/interaction-states/webpack.config.js similarity index 100% rename from samples/inputs/switches/checking/webpack.config.js rename to samples/inputs/button/interaction-states/webpack.config.js diff --git a/samples/inputs/switches/label/.prettierrc b/samples/inputs/button/layout/.prettierrc similarity index 100% rename from samples/inputs/switches/label/.prettierrc rename to samples/inputs/button/layout/.prettierrc diff --git a/samples/inputs/button/layout/ReadMe.md b/samples/inputs/button/layout/ReadMe.md new file mode 100644 index 0000000000..126d1b433a --- /dev/null +++ b/samples/inputs/button/layout/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Layout feature using [Button](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/button/layout +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/button/layout/index.html b/samples/inputs/button/layout/index.html new file mode 100644 index 0000000000..5962ae8450 --- /dev/null +++ b/samples/inputs/button/layout/index.html @@ -0,0 +1,37 @@ + + + + Button Layout + + + + + + + + + + +
+
+
+
+ Add +
+
Buy Now
+
+ Add +
+
+ Floating Action +
+
+
Floating Action
+
+
+
+ + <% if (false) { %><% } %> + + + diff --git a/samples/inputs/button/layout/package.json b/samples/inputs/button/layout/package.json new file mode 100644 index 0000000000..06adedc230 --- /dev/null +++ b/samples/inputs/button/layout/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-button-layout", + "version": "1.0.0", + "description": "This project provides example of Button Layout using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/switches/label/sandbox.config.json b/samples/inputs/button/layout/sandbox.config.json similarity index 100% rename from samples/inputs/switches/label/sandbox.config.json rename to samples/inputs/button/layout/sandbox.config.json diff --git a/samples/inputs/button/layout/src/index.css b/samples/inputs/button/layout/src/index.css new file mode 100644 index 0000000000..bf227b0183 --- /dev/null +++ b/samples/inputs/button/layout/src/index.css @@ -0,0 +1,26 @@ +/* shared styles are loaded from: + https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.button-container { + display: flex; + align-items: center; + justify-content: center; + gap: 1rem; + width: 100%; + box-sizing: border-box; + padding: 2rem; +} + +.button-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 0.75rem; +} + +igc-button::part(base) { + font-family: 'Titillium Web', sans-serif; + font-size: 0.85rem; + text-transform: uppercase; + letter-spacing: 1px; +} diff --git a/samples/inputs/button/layout/src/index.ts b/samples/inputs/button/layout/src/index.ts new file mode 100644 index 0000000000..a83970714a --- /dev/null +++ b/samples/inputs/button/layout/src/index.ts @@ -0,0 +1,15 @@ +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +const addIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); + +export class ButtonLayout { + constructor() { + registerIconFromText('add', addIcon, 'material'); + } +} + +new ButtonLayout(); diff --git a/samples/inputs/switches/label/tsconfig.json b/samples/inputs/button/layout/tsconfig.json similarity index 100% rename from samples/inputs/switches/label/tsconfig.json rename to samples/inputs/button/layout/tsconfig.json diff --git a/samples/inputs/switches/label/webpack.config.js b/samples/inputs/button/layout/webpack.config.js similarity index 100% rename from samples/inputs/switches/label/webpack.config.js rename to samples/inputs/button/layout/webpack.config.js diff --git a/samples/inputs/button/outlined/index.html b/samples/inputs/button/outlined/index.html index b6fdb3744a..fdda5ddd38 100644 --- a/samples/inputs/button/outlined/index.html +++ b/samples/inputs/button/outlined/index.html @@ -14,7 +14,7 @@
- Outlined + Outlined
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json index ad4b18221a..2aac5bdf1e 100644 --- a/samples/inputs/button/outlined/package.json +++ b/samples/inputs/button/outlined/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/outlined/src/index.ts b/samples/inputs/button/outlined/src/index.ts index 3cc18cc279..8a27d8b3c1 100644 --- a/samples/inputs/button/outlined/src/index.ts +++ b/samples/inputs/button/outlined/src/index.ts @@ -1,8 +1,11 @@ -import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcButtonComponent); +const notificationsIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); +registerIconFromText('notifications', notificationsIcon, 'material'); export class OutlinedButton { constructor() { } diff --git a/samples/inputs/button/overview/index.html b/samples/inputs/button/overview/index.html index 1599eb8045..a45bc586b3 100644 --- a/samples/inputs/button/overview/index.html +++ b/samples/inputs/button/overview/index.html @@ -13,11 +13,17 @@
-
-
- Flat - Contained - Outlined +
+
+ +
+ + +
+ Cancel + Save +
+
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json index 7daa71550e..8951cc1bea 100644 --- a/samples/inputs/button/overview/package.json +++ b/samples/inputs/button/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/overview/src/ButtonOverviewStyle.css b/samples/inputs/button/overview/src/ButtonOverviewStyle.css deleted file mode 100644 index 4fd9d4ed39..0000000000 --- a/samples/inputs/button/overview/src/ButtonOverviewStyle.css +++ /dev/null @@ -1,6 +0,0 @@ -.button-container { - display: flex; - justify-content: space-evenly; - align-items: center; - height: 100%; -} \ No newline at end of file diff --git a/samples/inputs/button/overview/src/index.css b/samples/inputs/button/overview/src/index.css new file mode 100644 index 0000000000..6069b309de --- /dev/null +++ b/samples/inputs/button/overview/src/index.css @@ -0,0 +1,32 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.form { + display: flex; + justify-content: center; + gap: 1.25rem; + padding: 1.5rem; +} + +.form igc-avatar { + --ig-size: var(--ig-size-large); +} + +.fields { + display: flex; + flex-direction: column; + gap: 1rem; + max-width: 260px; + width: 100%; +} + +.fields igc-input::part(container) { + background-color: var(--ig-gray-50); +} + +.actions { + display: flex; + justify-content: flex-end; + gap: 1rem; + margin-top: 0.5rem; +} diff --git a/samples/inputs/button/overview/src/index.ts b/samples/inputs/button/overview/src/index.ts index 81b4c50c0a..ff5b2d79ef 100644 --- a/samples/inputs/button/overview/src/index.ts +++ b/samples/inputs/button/overview/src/index.ts @@ -1,11 +1,14 @@ -import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcAvatarComponent, IgcButtonComponent, IgcInputComponent } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -import './ButtonOverviewStyle.css'; +import './index.css'; + +defineComponents(IgcAvatarComponent, IgcButtonComponent, IgcInputComponent); -defineComponents(IgcButtonComponent); export class ButtonOverview { constructor() { } } new ButtonOverview(); + +new ButtonOverview(); diff --git a/samples/inputs/button/size/index.html b/samples/inputs/button/size/index.html index ef676efc13..2824ca1c1e 100644 --- a/samples/inputs/button/size/index.html +++ b/samples/inputs/button/size/index.html @@ -13,18 +13,30 @@
-
- - Small - Medium - Large - - -
- Flat - Contained - Outlined - Like +
+
+
ContainedOutlinedFlatFab
+
+ Large + Contained + Outlined + Flat + Floating Action +
+
+ Medium + Contained + Outlined + Flat + Floating Action +
+
+ Small + Contained + Outlined + Flat + Floating Action +
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json index 1c1abc6218..a6eaafbabd 100644 --- a/samples/inputs/button/size/package.json +++ b/samples/inputs/button/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/size/src/ButtonSizingStyle.css b/samples/inputs/button/size/src/ButtonSizingStyle.css deleted file mode 100644 index ebc49a26ee..0000000000 --- a/samples/inputs/button/size/src/ButtonSizingStyle.css +++ /dev/null @@ -1,15 +0,0 @@ -.container { - justify-content: center; -} - -.button-container { - display: flex; - justify-content: space-evenly; - align-items: center; - margin-top: 20px; -} - -#radio-group { - display: flex; - justify-content: center; -} \ No newline at end of file diff --git a/samples/inputs/button/size/src/index.css b/samples/inputs/button/size/src/index.css index 1f53b8aa05..16091e136f 100644 --- a/samples/inputs/button/size/src/index.css +++ b/samples/inputs/button/size/src/index.css @@ -1,2 +1,70 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + justify-content: center; + align-items: center; +} + +.size-grid { + display: flex; + flex-direction: column; + gap: 1.25rem; + padding: 1rem; + width: 100%; + box-sizing: border-box; + overflow: hidden; +} + +.size-row { + display: grid; + grid-template-columns: 70px repeat(4, minmax(0, 1fr)); + align-items: center; + justify-items: center; + column-gap: 1rem; + row-gap: 0.5rem; + width: 100%; +} + +.size-header { + display: grid; + grid-template-columns: 70px repeat(4, minmax(0, 1fr)); + align-items: center; + justify-items: center; + column-gap: 1rem; + width: 100%; + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + line-height: 20px; + letter-spacing: 0.3px; +} + +.size-row igc-button { + width: auto; + transform: scale(0.9); +} + +.size-label { + justify-self: start; + color: var(--ig-gray-600); + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.3px; + display: inline-flex; + align-items: center; +} + +.size-small { + --ig-size: var(--ig-size-small); +} + +.size-medium { + --ig-size: var(--ig-size-medium); +} + +.size-large { + --ig-size: var(--ig-size-large); +} \ No newline at end of file diff --git a/samples/inputs/button/size/src/index.ts b/samples/inputs/button/size/src/index.ts index 024ee0d96c..a53db79c56 100644 --- a/samples/inputs/button/size/src/index.ts +++ b/samples/inputs/button/size/src/index.ts @@ -1,29 +1,15 @@ -import { defineComponents, IgcButtonComponent, IgcRadioComponent, IgcRadioGroupComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -import './ButtonSizingStyle.css'; import './index.css'; -defineComponents(IgcButtonComponent, IgcRadioComponent, IgcRadioGroupComponent); -export class ButtonSizing { - radioGroup: IgcRadioGroupComponent; - outlinedButton: IgcButtonComponent; - flatButton: IgcButtonComponent; - containedButton: IgcButtonComponent; - fabButton: IgcButtonComponent; +const notificationsIcon = ''; +const addIcon = ''; +defineComponents(IgcButtonComponent, IgcIconComponent); +export class ButtonSizing { constructor() { - this.radioGroup = document.getElementById('radio-group') as IgcRadioGroupComponent; - this.outlinedButton = document.getElementById('outlined-btn') as IgcButtonComponent; - this.flatButton = document.getElementById('flat-btn') as IgcButtonComponent; - this.containedButton = document.getElementById('contained-btn') as IgcButtonComponent; - this.fabButton = document.getElementById('fab-btn') as IgcButtonComponent; - - this.radioGroup.addEventListener('click', (radio: any) => { - this.outlinedButton.style.setProperty('--ig-size', `var(--ig-size-${radio.target.value})`); - this.flatButton.style.setProperty('--ig-size', `var(--ig-size-${radio.target.value})`); - this.containedButton.style.setProperty('--ig-size', `var(--ig-size-${radio.target.value})`); - this.fabButton.style.setProperty('--ig-size', `var(--ig-size-${radio.target.value})`); - }); + registerIconFromText('notifications', notificationsIcon, 'material'); + registerIconFromText('add', addIcon, 'material'); } } diff --git a/samples/inputs/button/states/.prettierrc b/samples/inputs/button/states/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/button/states/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/button/states/ReadMe.md b/samples/inputs/button/states/ReadMe.md new file mode 100644 index 0000000000..5c6f4038ea --- /dev/null +++ b/samples/inputs/button/states/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of States feature using [Button](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/button/states +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/button/states/index.html b/samples/inputs/button/states/index.html new file mode 100644 index 0000000000..f90f0d3f64 --- /dev/null +++ b/samples/inputs/button/states/index.html @@ -0,0 +1,53 @@ + + + + Button States + + + + + + + + + + +
+
+
+
+ + + Contained + + +
+
+ + + Outlined + + +
+
+ + + Flat + + +
+
+ + + Floating Action + + +
+
+
+
+ + <% if (false) { %><% } %> + + + diff --git a/samples/inputs/button/states/package.json b/samples/inputs/button/states/package.json new file mode 100644 index 0000000000..b29ca1ae9b --- /dev/null +++ b/samples/inputs/button/states/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-button-states", + "version": "1.0.0", + "description": "This project provides example of Button States using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/button/states/sandbox.config.json b/samples/inputs/button/states/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/button/states/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/button/states/src/index.css b/samples/inputs/button/states/src/index.css new file mode 100644 index 0000000000..3538b8fdb0 --- /dev/null +++ b/samples/inputs/button/states/src/index.css @@ -0,0 +1,18 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.button-container { + display: flex; + justify-content: center; + align-items: center; + gap: 2rem; + padding: 1.5rem; +} + +.button-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 1.5rem; +} + diff --git a/samples/inputs/button/states/src/index.ts b/samples/inputs/button/states/src/index.ts new file mode 100644 index 0000000000..8797873eeb --- /dev/null +++ b/samples/inputs/button/states/src/index.ts @@ -0,0 +1,18 @@ +import { defineComponents, IgcButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +const notificationsIcon = ''; +const addIcon = ''; + +defineComponents(IgcButtonComponent, IgcIconComponent); + +export class ButtonStates { + constructor() { + registerIconFromText('notifications', notificationsIcon, 'material'); + registerIconFromText('add', addIcon, 'material'); + } +} + +new ButtonStates(); + diff --git a/samples/inputs/button/states/tsconfig.json b/samples/inputs/button/states/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/button/states/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/button/states/webpack.config.js b/samples/inputs/button/states/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/button/states/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/button/styling/index.html b/samples/inputs/button/styling/index.html index f569aeee1b..c41b97e5f9 100644 --- a/samples/inputs/button/styling/index.html +++ b/samples/inputs/button/styling/index.html @@ -13,8 +13,21 @@
-
- Contained +
+
+
+ Confirm + + + Send + + Cancel + + Add + + +
+
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json index 6fcf5400eb..a29d1bb34b 100644 --- a/samples/inputs/button/styling/package.json +++ b/samples/inputs/button/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/button/styling/src/ButtonStyle.css b/samples/inputs/button/styling/src/ButtonStyle.css deleted file mode 100644 index 6f61c67ccc..0000000000 --- a/samples/inputs/button/styling/src/ButtonStyle.css +++ /dev/null @@ -1,5 +0,0 @@ -igc-button::part(base) { - background-color: var(--ig-warn-700); - color: var(--ig-warn-700-contrast); - padding: 18px; -} \ No newline at end of file diff --git a/samples/inputs/button/styling/src/index.css b/samples/inputs/button/styling/src/index.css index 019bfa2d76..657c2bc064 100644 --- a/samples/inputs/button/styling/src/index.css +++ b/samples/inputs/button/styling/src/index.css @@ -1,7 +1,51 @@ /* shared styles are loaded from: */ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ -igc-button { - width: 40%; - margin: auto; -} \ No newline at end of file +.container { + justify-content: center; + align-items: center; +} + +.button-grid { + display: flex; + flex-direction: column; + gap: 1.5rem; + padding: 1rem; +} + +.button-row { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + align-items: center; + justify-items: center; + gap: 3rem; +} + +igc-button.confirm-button::part(base) { + background-color: #1275c4; + color: #ffffff; +} +igc-button.confirm-button:hover::part(base) { background-color: #0b4f8a; color: #ffffff; } + +igc-button.send-button::part(base) { + border-color: #8a2be2; + color: #8a2be2; +} +igc-button.send-button:hover::part(base) { background-color: #8a2be2; border-color: #6a1bb1; color: #ffffff; } + +igc-button.send-button igc-icon { + color: #8a2be2; +} +igc-button.send-button:hover igc-icon { color: #ffffff; } + +igc-button.cancel-button::part(base) { + color: #1275c4; +} +igc-button.cancel-button:hover::part(base) { background-color: #dbeeff; color: #063b68; } + +igc-button.add-button::part(base) { + background-color: #4caf50; + color: #000000; + border-radius: 999px; +} +igc-button.add-button:hover::part(base) { background-color: #257a2b; color: #ffffff; } diff --git a/samples/inputs/button/styling/src/index.ts b/samples/inputs/button/styling/src/index.ts index 78abef017a..30b085e2d2 100644 --- a/samples/inputs/button/styling/src/index.ts +++ b/samples/inputs/button/styling/src/index.ts @@ -1,12 +1,14 @@ -import { defineComponents, IgcButtonComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/material.css'; -import './ButtonStyle.css'; +import { defineComponents, IgcButtonComponent, IgcIconButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; import './index.css'; -defineComponents(IgcButtonComponent); +const icons = [ + { name: 'send', text: '' }, + { name: 'add', text: '' }, +]; + +defineComponents(IgcButtonComponent, IgcIconButtonComponent, IgcIconComponent); export class ButtonStyling { - constructor() { - } + constructor() { icons.forEach((icon) => registerIconFromText(icon.name, icon.text, 'material')); } } - new ButtonStyling(); diff --git a/samples/inputs/button/tailwind-styling/.prettierrc b/samples/inputs/button/tailwind-styling/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/button/tailwind-styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/button/tailwind-styling/ReadMe.md b/samples/inputs/button/tailwind-styling/ReadMe.md new file mode 100644 index 0000000000..e7c2a286aa --- /dev/null +++ b/samples/inputs/button/tailwind-styling/ReadMe.md @@ -0,0 +1,16 @@ + + +This folder contains implementation of Web Components application with example of Tailwind Styling using the [Button](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + +## Instructions + +```text +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/button/tailwind-styling +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser. diff --git a/samples/inputs/button/tailwind-styling/index.html b/samples/inputs/button/tailwind-styling/index.html new file mode 100644 index 0000000000..1d28e2b886 --- /dev/null +++ b/samples/inputs/button/tailwind-styling/index.html @@ -0,0 +1,37 @@ + + + + + Button Tailwind Styling + + + + + + + + + + +
+
+
+ Confirm + + + Send + + Cancel + + Add + + +
+
+ + <% if (false) { %> + + <% } %> + + + diff --git a/samples/inputs/button/tailwind-styling/package.json b/samples/inputs/button/tailwind-styling/package.json new file mode 100644 index 0000000000..0acb4fed27 --- /dev/null +++ b/samples/inputs/button/tailwind-styling/package.json @@ -0,0 +1,39 @@ +{ + "name": "wc-button-tailwind-styling", + "version": "1.0.0", + "description": "This project provides example of Button Tailwind Styling using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "start": "npm run serve:dev", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open" + }, + "dependencies": { + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@tailwindcss/postcss": "^4.1.14", + "babel-loader": "^10.0.1", + "css-loader": "^7.1.2", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "postcss-loader": "^8.1.1", + "style-loader": "^4.0.0", + "tailwindcss": "^4.1.14", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2" + } +} diff --git a/samples/inputs/button/tailwind-styling/postcss.config.mjs b/samples/inputs/button/tailwind-styling/postcss.config.mjs new file mode 100644 index 0000000000..9b544e33d6 --- /dev/null +++ b/samples/inputs/button/tailwind-styling/postcss.config.mjs @@ -0,0 +1,5 @@ +export default { + plugins: { + "@tailwindcss/postcss": {} + } +}; diff --git a/samples/inputs/button/tailwind-styling/sandbox.config.json b/samples/inputs/button/tailwind-styling/sandbox.config.json new file mode 100644 index 0000000000..49a80d1d8b --- /dev/null +++ b/samples/inputs/button/tailwind-styling/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} diff --git a/samples/inputs/button/tailwind-styling/src/index.css b/samples/inputs/button/tailwind-styling/src/index.css new file mode 100644 index 0000000000..55b0b5d8b5 --- /dev/null +++ b/samples/inputs/button/tailwind-styling/src/index.css @@ -0,0 +1,65 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +@layer theme, base, components, utilities; +@import "tailwindcss/theme.css" layer(theme); +@import "tailwindcss/utilities.css" layer(utilities); + +/* web component internals cannot be styled with Tailwind utilities, + because they live in the shadow DOM, so exposed CSS parts are used */ + +.button-grid { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + min-height: 100%; + gap: 1.5rem; + padding: 1rem; + overflow: hidden; +} +.confirm-button:hover::part(base) { background-color: var(--color-indigo-900); color: var(--color-white); } + +.button-row { + display: grid; + grid-template-columns: repeat(4, minmax(0, 7rem)); + align-items: center; + justify-items: center; + gap: 3rem; + width: min(100%, 31rem); + max-width: 100%; +} +.send-button:hover::part(base) { background-color: var(--color-pink-600); border-color: var(--color-pink-700); color: var(--color-white); } + +.confirm-button::part(base) { + background-color: var(--color-indigo-700); + color: var(--color-white); +} +.send-button:hover igc-icon { color: var(--color-white); } + +.send-button::part(base) { + border-color: var(--color-pink-600); + color: var(--color-pink-600); +} +.cancel-button:hover::part(base) { background-color: var(--color-amber-100); color: var(--color-amber-900); } + +.send-button igc-icon { + color: var(--color-pink-600); +} +.add-button:hover::part(base) { background-color: var(--color-teal-800); color: var(--color-white); } + +.cancel-button::part(base) { + color: var(--color-amber-700); +} + +.add-button::part(base) { + background-color: var(--color-teal-500); + color: var(--color-black); + border-radius: 9999px; +} + +.add-button igc-icon { + color: var(--color-white); +} diff --git a/samples/inputs/button/tailwind-styling/src/index.ts b/samples/inputs/button/tailwind-styling/src/index.ts new file mode 100644 index 0000000000..2b7fdebb0d --- /dev/null +++ b/samples/inputs/button/tailwind-styling/src/index.ts @@ -0,0 +1,14 @@ +import { defineComponents, IgcButtonComponent, IgcIconButtonComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +const icons = [ + { name: 'send', text: '' }, + { name: 'add', text: '' }, +]; + +defineComponents(IgcButtonComponent, IgcIconButtonComponent, IgcIconComponent); +export class ButtonTailwindStyling { + constructor() { icons.forEach((icon) => registerIconFromText(icon.name, icon.text, 'material')); } +} +new ButtonTailwindStyling(); diff --git a/samples/inputs/button/tailwind-styling/tsconfig.json b/samples/inputs/button/tailwind-styling/tsconfig.json new file mode 100644 index 0000000000..7138bac21f --- /dev/null +++ b/samples/inputs/button/tailwind-styling/tsconfig.json @@ -0,0 +1,13 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "moduleResolution": "node", + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": ["src/**/*"], + "exclude": ["node_modules", "dist"] +} diff --git a/samples/inputs/button/tailwind-styling/webpack.config.js b/samples/inputs/button/tailwind-styling/webpack.config.js new file mode 100644 index 0000000000..ac82579d5c --- /dev/null +++ b/samples/inputs/button/tailwind-styling/webpack.config.js @@ -0,0 +1,23 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const presets = [["@babel/preset-env", { "useBuiltIns": "usage", "corejs": 3, "targets": { "browsers": ["last 2 Chrome versions", "last 2 Safari versions", "last 2 Firefox versions", "last 2 Edge versions"] } }], "@babel/preset-typescript"]; + + return { + entry: path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { filename: '[fullhash].bundle.js', globalObject: 'this', path: path.resolve(__dirname, 'dist') }, + resolve: { mainFields: ['esm2015', 'module', 'main'], extensions: ['.ts', '.js', '.json'], plugins: [new TsconfigPathsPlugin({ configFile: './tsconfig.json', extensions: ['.ts', '.js'], mainFields: ['esm2015', 'module', 'main'] })] }, + module: { rules: [ + { test: /\.css$/, sideEffects: true, use: ['style-loader', { loader: 'css-loader', options: { importLoaders: 1 } }, 'postcss-loader'] }, + { test: /\.(ts|js)$/, loader: 'babel-loader', options: { compact: isProd, presets, plugins: ['@babel/plugin-transform-class-static-block', '@babel/plugin-transform-class-properties', '@babel/plugin-transform-runtime'] }, exclude: modulePath => /node_modules/.test(modulePath) && !/igniteui-webcomponents/.test(modulePath) && !/lit-html/.test(modulePath) } + ] }, + plugins: [new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(nodeEnv) }), new HtmlWebpackPlugin({ title: 'for-cs', template: 'index.html' }), new ForkTsCheckerWebpackPlugin()] + }; +}; diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/inputs/checkbox/checking/package.json +++ b/samples/inputs/checkbox/checking/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json index 1ada221f11..8c507f98d4 100644 --- a/samples/inputs/checkbox/disabled/package.json +++ b/samples/inputs/checkbox/disabled/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json index 6ec24bb15d..937e851ce5 100644 --- a/samples/inputs/checkbox/indeterminate/package.json +++ b/samples/inputs/checkbox/indeterminate/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json index e6bbb4ae08..3195e7a9e0 100644 --- a/samples/inputs/checkbox/label/package.json +++ b/samples/inputs/checkbox/label/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json index cdee24d7c6..eb2229d88a 100644 --- a/samples/inputs/checkbox/overview/package.json +++ b/samples/inputs/checkbox/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/checkbox/styling/package.json b/samples/inputs/checkbox/styling/package.json index 53f5159bbb..bc8611b213 100644 --- a/samples/inputs/checkbox/styling/package.json +++ b/samples/inputs/checkbox/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/inputs/chip/multiple/package.json +++ b/samples/inputs/chip/multiple/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/chip/outlined/package.json b/samples/inputs/chip/outlined/package.json index 6563a1bdb7..b7d1ecf1cc 100644 --- a/samples/inputs/chip/outlined/package.json +++ b/samples/inputs/chip/outlined/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/inputs/chip/overview/package.json +++ b/samples/inputs/chip/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/inputs/chip/size/package.json +++ b/samples/inputs/chip/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/inputs/chip/styling/package.json +++ b/samples/inputs/chip/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/inputs/chip/variants/package.json +++ b/samples/inputs/chip/variants/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json index f8cccc9e31..162b457053 100644 --- a/samples/inputs/circular-progress-indicator/dynamic/package.json +++ b/samples/inputs/circular-progress-indicator/dynamic/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json index 05e8086ed6..81965327e6 100644 --- a/samples/inputs/circular-progress-indicator/indeterminate/package.json +++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json index 3012246493..27c852d5ac 100644 --- a/samples/inputs/circular-progress-indicator/simple/package.json +++ b/samples/inputs/circular-progress-indicator/simple/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json index 009aa4fb30..d25bc720f4 100644 --- a/samples/inputs/circular-progress-indicator/styling/package.json +++ b/samples/inputs/circular-progress-indicator/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/color-picker/alpha/.prettierrc b/samples/inputs/color-picker/alpha/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/alpha/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/alpha/ReadMe.md b/samples/inputs/color-picker/alpha/ReadMe.md new file mode 100644 index 0000000000..ce02f4d1b5 --- /dev/null +++ b/samples/inputs/color-picker/alpha/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Alpha feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/alpha +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/alpha/index.html b/samples/inputs/color-picker/alpha/index.html new file mode 100644 index 0000000000..4b9ea85d78 --- /dev/null +++ b/samples/inputs/color-picker/alpha/index.html @@ -0,0 +1,21 @@ + + + + Color Picker Alpha + + + + + + +
+
+ +
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/alpha/package.json b/samples/inputs/color-picker/alpha/package.json new file mode 100644 index 0000000000..aeec12f290 --- /dev/null +++ b/samples/inputs/color-picker/alpha/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-alpha", + "version": "1.0.0", + "description": "This project provides example of Color Picker Alpha using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/alpha/sandbox.config.json b/samples/inputs/color-picker/alpha/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/alpha/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/alpha/src/index.css b/samples/inputs/color-picker/alpha/src/index.css new file mode 100644 index 0000000000..bfc808f651 --- /dev/null +++ b/samples/inputs/color-picker/alpha/src/index.css @@ -0,0 +1,6 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} \ No newline at end of file diff --git a/samples/inputs/color-picker/alpha/src/index.ts b/samples/inputs/color-picker/alpha/src/index.ts new file mode 100644 index 0000000000..2550ea0a11 --- /dev/null +++ b/samples/inputs/color-picker/alpha/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerAlpha { +} + +document.querySelector('igc-color-picker')?.toggle(); + +new ColorPickerAlpha(); diff --git a/samples/inputs/color-picker/alpha/tsconfig.json b/samples/inputs/color-picker/alpha/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/alpha/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/alpha/webpack.config.js b/samples/inputs/color-picker/alpha/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/alpha/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/format/.prettierrc b/samples/inputs/color-picker/format/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/format/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/format/ReadMe.md b/samples/inputs/color-picker/format/ReadMe.md new file mode 100644 index 0000000000..6c3503f266 --- /dev/null +++ b/samples/inputs/color-picker/format/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Format feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/format +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/format/index.html b/samples/inputs/color-picker/format/index.html new file mode 100644 index 0000000000..2765137849 --- /dev/null +++ b/samples/inputs/color-picker/format/index.html @@ -0,0 +1,21 @@ + + + + Color Picker Format + + + + + + +
+
+ +
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/format/package.json b/samples/inputs/color-picker/format/package.json new file mode 100644 index 0000000000..a0ca08cc95 --- /dev/null +++ b/samples/inputs/color-picker/format/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-format", + "version": "1.0.0", + "description": "This project provides example of Color Picker Format using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/format/sandbox.config.json b/samples/inputs/color-picker/format/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/format/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/format/src/index.css b/samples/inputs/color-picker/format/src/index.css new file mode 100644 index 0000000000..bfc808f651 --- /dev/null +++ b/samples/inputs/color-picker/format/src/index.css @@ -0,0 +1,6 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} \ No newline at end of file diff --git a/samples/inputs/color-picker/format/src/index.ts b/samples/inputs/color-picker/format/src/index.ts new file mode 100644 index 0000000000..5307e78633 --- /dev/null +++ b/samples/inputs/color-picker/format/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerFormat { +} + +document.querySelector('igc-color-picker')?.toggle(); + +new ColorPickerFormat(); diff --git a/samples/inputs/color-picker/format/tsconfig.json b/samples/inputs/color-picker/format/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/format/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/format/webpack.config.js b/samples/inputs/color-picker/format/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/format/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/input-sizes/.prettierrc b/samples/inputs/color-picker/input-sizes/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/input-sizes/ReadMe.md b/samples/inputs/color-picker/input-sizes/ReadMe.md new file mode 100644 index 0000000000..dd129c1a62 --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Input Sizes feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/input-sizes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/input-sizes/index.html b/samples/inputs/color-picker/input-sizes/index.html new file mode 100644 index 0000000000..94f44b3914 --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/index.html @@ -0,0 +1,32 @@ + + + + Color Picker Input Sizes + + + + + + +
+
+
+ Small + +
+
+ Medium + +
+
+ Large + +
+
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/input-sizes/package.json b/samples/inputs/color-picker/input-sizes/package.json new file mode 100644 index 0000000000..10085cfd7f --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-input-sizes", + "version": "1.0.0", + "description": "This project provides example of Color Picker Input Sizes using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/input-sizes/sandbox.config.json b/samples/inputs/color-picker/input-sizes/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/input-sizes/src/index.css b/samples/inputs/color-picker/input-sizes/src/index.css new file mode 100644 index 0000000000..ef1e0af9e9 --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/src/index.css @@ -0,0 +1,42 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.smallPicker { + --ig-size: var(--ig-size-small); +} + +.mediumPicker { + --ig-size: var(--ig-size-medium); +} + +.largePicker { + --ig-size: var(--ig-size-large); +} + +.container { + display: flex; + flex-direction: row; + justify-content: center; + gap: 2rem; + font-family: "Aktiv Grotesk", sans-serif; +} + +span { + display: block; + text-align: center; + margin-block-end: 1rem; + color: var(--ig-gray-600); +} + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} + +@media (width < 450px) { + .container { + flex-direction: column; + justify-content: normal; + gap: 5.5rem; + align-items: center; + } +} \ No newline at end of file diff --git a/samples/inputs/color-picker/input-sizes/src/index.ts b/samples/inputs/color-picker/input-sizes/src/index.ts new file mode 100644 index 0000000000..a70add96f8 --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/src/index.ts @@ -0,0 +1,13 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerInputSizes { +} + +document.querySelector('.smallPicker')?.toggle(); + +new ColorPickerInputSizes(); + \ No newline at end of file diff --git a/samples/inputs/color-picker/input-sizes/tsconfig.json b/samples/inputs/color-picker/input-sizes/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/input-sizes/webpack.config.js b/samples/inputs/color-picker/input-sizes/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/input-sizes/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/input/.prettierrc b/samples/inputs/color-picker/input/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/input/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/input/ReadMe.md b/samples/inputs/color-picker/input/ReadMe.md new file mode 100644 index 0000000000..d2c94ceb01 --- /dev/null +++ b/samples/inputs/color-picker/input/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Input mode using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/input +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/input/index.html b/samples/inputs/color-picker/input/index.html new file mode 100644 index 0000000000..afc04d496a --- /dev/null +++ b/samples/inputs/color-picker/input/index.html @@ -0,0 +1,21 @@ + + + + Color Picker Input + + + + + + +
+
+ +
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/input/package.json b/samples/inputs/color-picker/input/package.json new file mode 100644 index 0000000000..6abb28f351 --- /dev/null +++ b/samples/inputs/color-picker/input/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-input", + "version": "1.0.0", + "description": "This project provides example of Color Picker Input Mode using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/input/sandbox.config.json b/samples/inputs/color-picker/input/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/input/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/input/src/index.css b/samples/inputs/color-picker/input/src/index.css new file mode 100644 index 0000000000..bfc808f651 --- /dev/null +++ b/samples/inputs/color-picker/input/src/index.css @@ -0,0 +1,6 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} \ No newline at end of file diff --git a/samples/inputs/color-picker/input/src/index.ts b/samples/inputs/color-picker/input/src/index.ts new file mode 100644 index 0000000000..cf4e90db7e --- /dev/null +++ b/samples/inputs/color-picker/input/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerInput { +} + +document.querySelector('igc-color-picker')?.toggle(); + +new ColorPickerInput(); diff --git a/samples/inputs/color-picker/input/tsconfig.json b/samples/inputs/color-picker/input/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/input/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/input/webpack.config.js b/samples/inputs/color-picker/input/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/input/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/overview/.prettierrc b/samples/inputs/color-picker/overview/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/overview/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/overview/ReadMe.md b/samples/inputs/color-picker/overview/ReadMe.md new file mode 100644 index 0000000000..585c49fe18 --- /dev/null +++ b/samples/inputs/color-picker/overview/ReadMe.md @@ -0,0 +1,20 @@ + + + +This folder contains implementation of Web Components application with example of Overview feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + diff --git a/samples/inputs/color-picker/overview/index.html b/samples/inputs/color-picker/overview/index.html new file mode 100644 index 0000000000..70bafd6ee9 --- /dev/null +++ b/samples/inputs/color-picker/overview/index.html @@ -0,0 +1,52 @@ + + + + Color Picker Overview + + + + + + + +
+
+ + +

Choose your interior color

+ + Matte + Satin + Eggshell + Gloss + + + 1 litre + 3 litres + 5 litres + 10 litres + +
+ + +
+ + + Back +
+ + + +
+ Confirm + + +
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/overview/package.json b/samples/inputs/color-picker/overview/package.json new file mode 100644 index 0000000000..93435b7a75 --- /dev/null +++ b/samples/inputs/color-picker/overview/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-overview", + "version": "1.0.0", + "description": "This project provides example of Color Picker Overview using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/overview/sandbox.config.json b/samples/inputs/color-picker/overview/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/overview/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/overview/src/index.css b/samples/inputs/color-picker/overview/src/index.css new file mode 100644 index 0000000000..5aeac26ce5 --- /dev/null +++ b/samples/inputs/color-picker/overview/src/index.css @@ -0,0 +1,74 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-card { + width: 22rem; +} + +h2 { + margin: 0 0 1rem; + font-size: 1.25rem; + color: var(--ig-gray-900); +} + +igc-card-content { + display: flex; + flex-direction: column; + gap: 1.25rem; +} + +igc-select { + width: 100%; +} + +.color-row { + position: relative; +} + +igc-color-picker { + width: 100%; +} + +igc-color-picker::part(color-picker) { + width: 100%; + grid-template-columns: auto; +} + +igc-color-picker::part(picker) { + --picker-elevation: var(--ig-elevation-12); +} + +igc-icon-button { + position: absolute; + right: 0.5rem; + top: 0.375rem; + z-index: 1; +} + +igc-card-actions { + display: flex; + align-items: center; + justify-content: space-between; +} + +.stepper { + display: flex; + gap: 0.375rem; +} + +.stepper .dot { + width: 0.375rem; + height: 0.375rem; + border-radius: 50%; + background: var(--ig-gray-300); +} + +.stepper .dot.active { + background: var(--ig-secondary-500); +} + +@media (width < 420px) { + .container { + width: fit-content; + } +} \ No newline at end of file diff --git a/samples/inputs/color-picker/overview/src/index.ts b/samples/inputs/color-picker/overview/src/index.ts new file mode 100644 index 0000000000..9ed2eeada7 --- /dev/null +++ b/samples/inputs/color-picker/overview/src/index.ts @@ -0,0 +1,38 @@ +import { + defineComponents, + IgcButtonComponent, + IgcCardComponent, + IgcColorPickerComponent, + IgcIconButtonComponent, + IgcSelectComponent, + IgcSelectItemComponent, + registerIconFromText, +} from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/material.css'; +import "./index.css"; + +defineComponents( + IgcButtonComponent, + IgcCardComponent, + IgcColorPickerComponent, + IgcIconButtonComponent, + IgcSelectComponent, + IgcSelectItemComponent +); + +const refreshIcon = ''; + +export class ColorPickerOverview { + constructor() { + registerIconFromText('refresh', refreshIcon, 'material'); + + const picker = document.querySelector('igc-color-picker') as IgcColorPickerComponent; + const reset = document.querySelector('#colorReset') as HTMLElement; + + reset.addEventListener('click', () => { + picker.value = ''; + }); + } +} + +new ColorPickerOverview(); diff --git a/samples/inputs/color-picker/overview/tsconfig.json b/samples/inputs/color-picker/overview/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/overview/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/overview/webpack.config.js b/samples/inputs/color-picker/overview/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/overview/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/sizes/.prettierrc b/samples/inputs/color-picker/sizes/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/sizes/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/sizes/ReadMe.md b/samples/inputs/color-picker/sizes/ReadMe.md new file mode 100644 index 0000000000..c3a0ef2a9b --- /dev/null +++ b/samples/inputs/color-picker/sizes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Sizes feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/sizes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/sizes/index.html b/samples/inputs/color-picker/sizes/index.html new file mode 100644 index 0000000000..e8b3e0cbc5 --- /dev/null +++ b/samples/inputs/color-picker/sizes/index.html @@ -0,0 +1,32 @@ + + + + Color Picker Sizes + + + + + + +
+
+
+ Small + +
+
+ Medium + +
+
+ Large + +
+
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/sizes/package.json b/samples/inputs/color-picker/sizes/package.json new file mode 100644 index 0000000000..e317f9bd0c --- /dev/null +++ b/samples/inputs/color-picker/sizes/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-sizes", + "version": "1.0.0", + "description": "This project provides example of Color Picker Sizes using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/sizes/sandbox.config.json b/samples/inputs/color-picker/sizes/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/sizes/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/sizes/src/index.css b/samples/inputs/color-picker/sizes/src/index.css new file mode 100644 index 0000000000..e2b7dbd741 --- /dev/null +++ b/samples/inputs/color-picker/sizes/src/index.css @@ -0,0 +1,42 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.smallPicker { + --ig-size: var(--ig-size-small); +} + +.mediumPicker { + --ig-size: var(--ig-size-medium); +} + +.largePicker { + --ig-size: var(--ig-size-large); +} + +.container { + display: flex; + flex-direction: row; + justify-content: center; + gap: 2rem; + font-family: "Aktiv Grotesk", sans-serif; +} + +span { + display: block; + text-align: center; + margin-block-end: 1rem; + color: var(--ig-gray-600); +} + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} + +@media (width < 450px) { + .container { + flex-direction: column; + justify-content: normal; + gap: 1rem; + align-items: center; + } +} \ No newline at end of file diff --git a/samples/inputs/color-picker/sizes/src/index.ts b/samples/inputs/color-picker/sizes/src/index.ts new file mode 100644 index 0000000000..c0b00c557b --- /dev/null +++ b/samples/inputs/color-picker/sizes/src/index.ts @@ -0,0 +1,13 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerSizes { +} + +document.querySelector('.smallPicker')?.toggle(); + +new ColorPickerSizes(); + \ No newline at end of file diff --git a/samples/inputs/color-picker/sizes/tsconfig.json b/samples/inputs/color-picker/sizes/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/sizes/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/sizes/webpack.config.js b/samples/inputs/color-picker/sizes/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/sizes/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/states/.prettierrc b/samples/inputs/color-picker/states/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/states/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/states/ReadMe.md b/samples/inputs/color-picker/states/ReadMe.md new file mode 100644 index 0000000000..987d8b26a5 --- /dev/null +++ b/samples/inputs/color-picker/states/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the States feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/states +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/states/index.html b/samples/inputs/color-picker/states/index.html new file mode 100644 index 0000000000..b37d1dc679 --- /dev/null +++ b/samples/inputs/color-picker/states/index.html @@ -0,0 +1,32 @@ + + + + Color Picker States + + + + + + +
+
+
+ Default state + +
+
+ Invalid state + +
+
+ Disabled state + +
+
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/states/package.json b/samples/inputs/color-picker/states/package.json new file mode 100644 index 0000000000..b89411cae8 --- /dev/null +++ b/samples/inputs/color-picker/states/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-states", + "version": "1.0.0", + "description": "This project provides example of Color Picker States using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/states/sandbox.config.json b/samples/inputs/color-picker/states/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/states/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/states/src/index.css b/samples/inputs/color-picker/states/src/index.css new file mode 100644 index 0000000000..c28c52f804 --- /dev/null +++ b/samples/inputs/color-picker/states/src/index.css @@ -0,0 +1,30 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + flex-direction: row; + justify-content: center; + gap: 2rem; + font-family: "Aktiv Grotesk", sans-serif; +} + +span { + display: block; + text-align: center; + margin-block-end: 1rem; + color: var(--ig-gray-600); +} + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} + +@media (width < 450px) { + .container { + flex-direction: column; + justify-content: normal; + gap: 20%; + align-items: center; + } +} \ No newline at end of file diff --git a/samples/inputs/color-picker/states/src/index.ts b/samples/inputs/color-picker/states/src/index.ts new file mode 100644 index 0000000000..9149209369 --- /dev/null +++ b/samples/inputs/color-picker/states/src/index.ts @@ -0,0 +1,16 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerStates { +} + +document.querySelector('#defaultPicker')?.toggle(); + +document.querySelector('#invalidPicker')?.addEventListener('igcInput', (event) => { + document.querySelector('#invalidPicker')?.removeAttribute('invalid'); +}); + +new ColorPickerStates(); diff --git a/samples/inputs/color-picker/states/tsconfig.json b/samples/inputs/color-picker/states/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/states/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/states/webpack.config.js b/samples/inputs/color-picker/states/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/states/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/styling/.prettierrc b/samples/inputs/color-picker/styling/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/color-picker/styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/color-picker/styling/ReadMe.md b/samples/inputs/color-picker/styling/ReadMe.md new file mode 100644 index 0000000000..0732a4678a --- /dev/null +++ b/samples/inputs/color-picker/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Color Picker Styling feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/styling/index.html b/samples/inputs/color-picker/styling/index.html new file mode 100644 index 0000000000..29d3304530 --- /dev/null +++ b/samples/inputs/color-picker/styling/index.html @@ -0,0 +1,57 @@ + + + + Color Picker Styling + + + + + + +
+
+
+
+ Text +
+ +
+
+
+ Alignment +
+ + + + +
+
+
+ Content +
+ + + +
+
+
+ Charts +
+ +
+
+
+ Colors +
+ +
+
+
+
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/styling/package.json b/samples/inputs/color-picker/styling/package.json new file mode 100644 index 0000000000..a5be7a969e --- /dev/null +++ b/samples/inputs/color-picker/styling/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-styling", + "version": "1.0.0", + "description": "This project provides example of Color Picker Styling using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/styling/sandbox.config.json b/samples/inputs/color-picker/styling/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/color-picker/styling/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/color-picker/styling/src/index.css b/samples/inputs/color-picker/styling/src/index.css new file mode 100644 index 0000000000..1ca985af6d --- /dev/null +++ b/samples/inputs/color-picker/styling/src/index.css @@ -0,0 +1,17 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-color-picker { + --ig-color-picker-picker-background: #e6f2ff; + --ig-color-picker-picker-border-color: #a9b8cc; + --ig-color-picker-picker-border-radius: 1rem; + --ig-color-picker-picker-elevation: none; +} + +igc-color-picker::part(anchor) { + border: 0.125rem solid #a9b8cc; +} + +igc-color-picker::part(picker-canvas) { + border-radius: 0.25rem; +} \ No newline at end of file diff --git a/samples/inputs/color-picker/styling/src/index.ts b/samples/inputs/color-picker/styling/src/index.ts new file mode 100644 index 0000000000..24f32ae26e --- /dev/null +++ b/samples/inputs/color-picker/styling/src/index.ts @@ -0,0 +1,61 @@ +import { + defineComponents, + IgcColorPickerComponent, + IgcIconButtonComponent, + registerIconFromText +} from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/material.css'; +import './layout.css' +import './index.css'; + +defineComponents(IgcColorPickerComponent, IgcIconButtonComponent); + +const textColorIcon = + ""; + +const alignJustifyIcon = + ""; + +const alignRightIcon = + ""; + +const alignCenterIcon = + ""; + +const alignLeftIcon = + ""; + +const shapesIcon = + ""; + +const imageIcon = + ""; + +const layoutIcon = + ""; + +const barChartIcon = + ""; + +const editorIcons = { + 'text-color': textColorIcon, + 'align-justify': alignJustifyIcon, + 'align-right': alignRightIcon, + 'align-center': alignCenterIcon, + 'align-left': alignLeftIcon, + 'shapes': shapesIcon, + 'image': imageIcon, + 'layout': layoutIcon, + 'bar-chart': barChartIcon +}; + +export class ColorPickerStyling { + + constructor() { + for (const [name, svg] of Object.entries(editorIcons)) { + registerIconFromText(name, svg); + } + } +} + +new ColorPickerStyling(); diff --git a/samples/inputs/color-picker/styling/src/layout.css b/samples/inputs/color-picker/styling/src/layout.css new file mode 100644 index 0000000000..67a22cf86d --- /dev/null +++ b/samples/inputs/color-picker/styling/src/layout.css @@ -0,0 +1,114 @@ +.editor-toolbar { + display: flex; + align-items: stretch; + gap: 0.5rem; + padding: 1rem; + border-radius: 1rem; + background: #00142b; + font-family: "Aktiv Grotesk", sans-serif; +} + +.toolbar-group { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 0.5rem; +} + +.toolbar-group .toolbar-actions { + flex: 1; +} + +.toolbar-group-label { + font-size: 0.75rem; + font-weight: 600; + line-height: 1rem; + letter-spacing: 0.009375rem; + color: #d2dbe8; +} + +.toolbar-actions { + display: flex; + align-items: center; + border-radius: 0.5rem; + background: #556c86; +} + +igc-icon-button::part(base) { + width: 1.5rem; + height: 1.5rem; + padding: 0; + border-radius: 1.125rem; + background: transparent; + color: #fcfcfc; +} + +igc-icon-button::part(icon) { + --size: 0.875rem; +} + +igc-icon-button:hover::part(base) { + background: rgb(255 255 255 / 15%); +} + +igc-icon-button { + --foreground: #fff; + padding: 0.5rem; +} + +igc-color-picker { + --ig-size: var(--ig-size-small); + --ig-input-group-border-color: transparent; + --ig-input-group-hover-border-color: rgb(255 255 255 / 15%); + --ig-input-group-focused-border-color: transparent; + --ig-input-group-border-border-radius: 0.5rem; + --ig-input-group-filled-text-color: #fff; + --ig-input-group-filled-text-hover-color: #fff; + --ig-input-group-focused-text-color: #fff; + --ig-input-group-placeholder-color: #fff; + --ig-input-group-hover-placeholder-color: #fff; + --ig-input-group-focus-placeholder-color: #fff; + + width: 8.75rem; +} + +igc-color-picker::part(picker) { + --ig-input-group-filled-text-color: var(--ig-gray-900); + --ig-input-group-filled-text-hover-color: var(--ig-gray-900); + --ig-input-group-focused-text-color: var(--ig-gray-900); + --ig-input-group-placeholder-color: var(--ig-gray-900); + --ig-input-group-hover-placeholder-color: var(--ig-gray-900); + --ig-input-group-focus-placeholder-color: var(--ig-gray-900); + --ig-input-group-border-color: var(--ig-gray-500); + --ig-input-group-hover-border-color: var(--ig-gray-500); + --ig-input-group-focused-border-color: var(--ig-gray-500); + --ig-input-group-border-border-radius: 0.25rem; + + margin-top: 1.25rem; +} + +igc-color-picker::part(anchor) { + width: 1rem; + height: 1rem; + border-radius: 0.1875rem; +} + +.toolbar-group:nth-child(2) { + igc-icon-button:nth-of-type(2) { + padding-inline: unset; + } + + igc-icon-button:nth-of-type(3) { + padding-inline-end: unset; + } +} + +.toolbar-group:nth-child(3) igc-icon-button:nth-of-type(2) { + padding-inline: unset; +} + +@media (width < 640px) { + .container { + width: fit-content; + } +} \ No newline at end of file diff --git a/samples/inputs/color-picker/styling/tsconfig.json b/samples/inputs/color-picker/styling/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/color-picker/styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/color-picker/styling/webpack.config.js b/samples/inputs/color-picker/styling/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/styling/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/swatches/.prettierrc b/samples/inputs/color-picker/swatches/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/color-picker/swatches/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/color-picker/swatches/ReadMe.md b/samples/inputs/color-picker/swatches/ReadMe.md new file mode 100644 index 0000000000..f51b6b9b15 --- /dev/null +++ b/samples/inputs/color-picker/swatches/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Swatches feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/swatches +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/swatches/index.html b/samples/inputs/color-picker/swatches/index.html new file mode 100644 index 0000000000..b747171a6b --- /dev/null +++ b/samples/inputs/color-picker/swatches/index.html @@ -0,0 +1,22 @@ + + + + Color Picker Swatches + + + + + + +
+
+ + +
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/swatches/package.json b/samples/inputs/color-picker/swatches/package.json new file mode 100644 index 0000000000..6831cf5549 --- /dev/null +++ b/samples/inputs/color-picker/swatches/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-swatches", + "version": "1.0.0", + "description": "This project provides example of Color Picker Swatches using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/swatches/sandbox.config.json b/samples/inputs/color-picker/swatches/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/color-picker/swatches/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/color-picker/swatches/src/index.css b/samples/inputs/color-picker/swatches/src/index.css new file mode 100644 index 0000000000..d1d7c48294 --- /dev/null +++ b/samples/inputs/color-picker/swatches/src/index.css @@ -0,0 +1,21 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} + +@media (width < 450px) { + .container { + flex-direction: column; + justify-content: normal; + gap: 35%; + align-items: center; + } +} \ No newline at end of file diff --git a/samples/inputs/color-picker/swatches/src/index.ts b/samples/inputs/color-picker/swatches/src/index.ts new file mode 100644 index 0000000000..32b6bfbd5d --- /dev/null +++ b/samples/inputs/color-picker/swatches/src/index.ts @@ -0,0 +1,17 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerSwatches { + constructor() { + document.querySelector('#one-line')!.swatches = ['#f44336', '#e91e63', '#9c27b0', '#3f51b5', '#2196f3', '#4caf50']; + document.querySelector('#multi-line')!.swatches = ['#f44336', '#e91e63', '#9c27b0', '#3f51b5', '#2196f3', '#4caf50', '#ffeb3b', '#ff9800', '#795548', '#607d8b', '#ffffff', '#000000', '#0000ff', '#00ff00', '#ff00ff', '#00ffff', '#ff0000', '#ffff00', '#ff00ff', '#00ffff', '#c0c0c0', '#808080', '#800000', '#808000']; + } +} + +document.querySelectorAll('igc-color-picker')?.forEach(picker => picker.toggle()); + +new ColorPickerSwatches(); +h \ No newline at end of file diff --git a/samples/inputs/color-picker/swatches/tsconfig.json b/samples/inputs/color-picker/swatches/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/color-picker/swatches/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/color-picker/swatches/webpack.config.js b/samples/inputs/color-picker/swatches/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/swatches/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/tailwind-styling/.prettierrc b/samples/inputs/color-picker/tailwind-styling/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/color-picker/tailwind-styling/ReadMe.md b/samples/inputs/color-picker/tailwind-styling/ReadMe.md new file mode 100644 index 0000000000..85c57c2c57 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Tailwind Styling feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/tailwind-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/tailwind-styling/index.html b/samples/inputs/color-picker/tailwind-styling/index.html new file mode 100644 index 0000000000..1293b9117f --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/index.html @@ -0,0 +1,76 @@ + + + + Color Picker Tailwind Styling + + + + + + +
+
+
+
+
+

Theme Editor

+

Use the pickers to style the card.

+
+ +
+
+
+ + Card surface color +
+
+ + Body & heading + color +
+
+ + Button & tag + color +
+
+ + Card edge color +
+
+ + Upgrade to unlock +
+
+ + + Design +

Color Picker in Practice

+

Pick colors above to see them applied live across every element of this + card.

+
+ Read more + Save +
+ + +
+
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/tailwind-styling/package.json b/samples/inputs/color-picker/tailwind-styling/package.json new file mode 100644 index 0000000000..b20a507592 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/package.json @@ -0,0 +1,39 @@ +{ + "name": "wc-color-picker-tailwind-styling", + "version": "1.0.0", + "description": "This project provides example of Color Picker Tailwind Styling using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "start": "npm run serve:dev", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open" + }, + "dependencies": { + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@tailwindcss/postcss": "^4.1.14", + "babel-loader": "^10.0.1", + "css-loader": "^7.1.2", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "postcss-loader": "^8.1.1", + "style-loader": "^4.0.0", + "tailwindcss": "^4.1.14", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2" + } +} diff --git a/samples/inputs/color-picker/tailwind-styling/postcss.config.mjs b/samples/inputs/color-picker/tailwind-styling/postcss.config.mjs new file mode 100644 index 0000000000..9b544e33d6 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/postcss.config.mjs @@ -0,0 +1,5 @@ +export default { + plugins: { + "@tailwindcss/postcss": {} + } +}; diff --git a/samples/inputs/color-picker/tailwind-styling/sandbox.config.json b/samples/inputs/color-picker/tailwind-styling/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/color-picker/tailwind-styling/src/index.css b/samples/inputs/color-picker/tailwind-styling/src/index.css new file mode 100644 index 0000000000..896ee95032 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/src/index.css @@ -0,0 +1,192 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +@import "tailwindcss/theme.css"; +@import "tailwindcss/utilities.css"; + + +igc-color-picker::part(copy), +igc-color-picker::part(eye-dropper) { + --foreground: #c6451b +} + +igc-color-picker::part(picker) { + --ig-input-group-border-color: #f95924; + --ig-input-group-hover-border-color: #f95924; + --ig-input-group-focused-border-color: #f95924; + + margin-top: 1.25rem; +} + +igc-color-picker::part(buttons) { + gap: 0rem; +} + +igc-color-picker { + --ig-color-picker-picker-elevation: none; +} + +.sample { + --ig-font-family: "Aktiv Grotesk", sans-serif; + + display: flex; + height: fit-content; + max-width: 55rem; + margin-inline: auto; +} + +.theme-editor { + width: 100%; + border-radius: 0.75rem; + border: 0.063rem solid; + padding: 1.5rem; + border-color: var(--ig-gray-200); + background: var(--ig-surface-500); +} + +.theme-editor-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; + border-bottom: 0.063rem solid; + border-color: var(--ig-gray-200); + font-family: "Aktiv Grotesk", sans-serif; +} + +.theme-editor-header h2 { + font-size: 1rem; + line-height: 1.5rem; + font-weight: 600; + margin: 0; + color: var(--ig-gray-900); + letter-spacing: 0.009rem; +} + +.theme-editor-header p { + font-size: 0.875rem; + line-height: 1.25rem; + margin: 0.125rem 0 0; + color: var(--ig-gray-600); +} + +igc-icon-button::part(icon) { + --size: 1.5rem; +} + +.swatches { + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + padding: 1.5rem 1rem 1rem; +} + +.swatch-item { + display: flex; + align-items: center; + gap: 0.5rem; + max-width: 8.5rem; + width: 100%; +} + +.swatch-item igc-color-picker { + --ig-color-picker-anchor-border-radius: 0.375rem; + --ig-color-picker-label-color: var(--ig-gray-900); +} + +.swatch-item igc-color-picker::part(label) { + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 500; +} + +igc-color-picker::part(anchor) { + --anchor-border-radius: 0.25rem; + --anchor-border-color: var(--ig-gray-600); + --swatch-preview-border-color: var(--ig-gray-300); +} + +.swatch-item.disabled igc-color-picker { + --ig-color-picker-label-color-disabled: var(--ig-gray-400); +} + +.swatch-item.disabled .swatch-hint { + color: var(--ig-gray-400); +} + +.swatch-hint { + font-size: 0.75rem; + line-height: 1rem; + color: var(--ig-gray-600); +} + +igc-card { + margin-block-start: 1rem; + border-radius: 0.5rem; + background: var(--preview-bg); + border: 0.063rem solid var(--preview-border); + box-shadow: var(--ig-elevation-4); +} + +igc-chip { + --ig-size: var(--ig-size-large); + --ig-chip-background: color-mix(in srgb, var(--preview-accent) 25%, transparent); + --ig-chip-hover-background: color-mix(in srgb, var(--preview-accent) 75%, transparent); + --ig-chip-text-color: var(--preview-accent); +} + +igc-button { + --ig-size: var(--ig-size-medium); +} + +igc-button::part(base) { + text-transform: capitalize; +} + +#readMoreBtn { + --background: var(--preview-accent); + --foreground: var(--preview-bg); + --hover-background: hsl(from var(--preview-accent) h s 40%); +} + +#saveBtn { + --foreground: var(--preview-accent); + --hover-foreground: hsl(from var(--preview-accent) h s 40%); + --border-color: var(--preview-accent); + --hover-border-color: hsl(from var(--preview-accent) h s 40%); + + &::part(base) { + min-width: unset; + } +} + +#previewTitle, +#previewText { + color: var(--preview-text); +} + +#previewTitle { + font-size: 1rem; + line-height: 1.5rem; + font-weight: 600; + margin: 1rem 0 0.25rem; + letter-spacing: 0.009rem; +} + +#previewText { + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 500; +} + +.preview-actions { + display: flex; + gap: 0.75rem; + margin-top: 1.25rem; +} + +@media (width < 420px) { + .sample { + width: fit-content; + } +} diff --git a/samples/inputs/color-picker/tailwind-styling/src/index.ts b/samples/inputs/color-picker/tailwind-styling/src/index.ts new file mode 100644 index 0000000000..2045c066b9 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/src/index.ts @@ -0,0 +1,72 @@ +import { + defineComponents, + IgcButtonComponent, + IgcCardComponent, + IgcChipComponent, + IgcColorPickerComponent, + IgcIconButtonComponent, + registerIconFromText, +} from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/material.css'; +import './index.css'; + +defineComponents( + IgcButtonComponent, + IgcCardComponent, + IgcChipComponent, + IgcColorPickerComponent, + IgcIconButtonComponent +); + +const refreshIcon = ''; + +const defaults = { + background: '#1a314a', + text: '#e5ebf3', + accent: '#f9592a', + border: '#00142b', +}; + +export class ColorPickerTailwindStyling { + + constructor() { + registerIconFromText('refresh', refreshIcon, 'material'); + + this.previewCard = document.querySelector('igc-card') as HTMLElement; + + const bgPicker = document.querySelector('#bgPicker') as IgcColorPickerComponent; + const textPicker = document.querySelector('#textPicker') as IgcColorPickerComponent; + const accentPicker = document.querySelector('#accentPicker') as IgcColorPickerComponent; + const borderPicker = document.querySelector('#borderPicker') as IgcColorPickerComponent; + const resetButton = document.querySelector('#resetTheme') as HTMLElement; + + bgPicker.addEventListener('igcInput', (e) => this.setPreviewVar('--preview-bg', (e as CustomEvent).detail)); + textPicker.addEventListener('igcInput', (e) => this.setPreviewVar('--preview-text', (e as CustomEvent).detail)); + accentPicker.addEventListener('igcInput', (e) => this.setPreviewVar('--preview-accent', (e as CustomEvent).detail)); + borderPicker.addEventListener('igcInput', (e) => this.setPreviewVar('--preview-border', (e as CustomEvent).detail)); + + resetButton.addEventListener('click', () => { + bgPicker.value = defaults.background; + textPicker.value = defaults.text; + accentPicker.value = defaults.accent; + borderPicker.value = defaults.border; + + this.setPreviewVar('--preview-bg', defaults.background); + this.setPreviewVar('--preview-text', defaults.text); + this.setPreviewVar('--preview-accent', defaults.accent); + this.setPreviewVar('--preview-border', defaults.border); + }); + + this.setPreviewVar('--preview-bg', defaults.background); + this.setPreviewVar('--preview-text', defaults.text); + this.setPreviewVar('--preview-accent', defaults.accent); + this.setPreviewVar('--preview-border', defaults.border); + } + + private setPreviewVar(name: string, value: string) { + this.previewCard.style.setProperty(name, value); + } +} + +new ColorPickerTailwindStyling(); + diff --git a/samples/inputs/color-picker/tailwind-styling/tsconfig.json b/samples/inputs/color-picker/tailwind-styling/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/color-picker/tailwind-styling/webpack.config.js b/samples/inputs/color-picker/tailwind-styling/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/tailwind-styling/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/color-picker/value/.prettierrc b/samples/inputs/color-picker/value/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/color-picker/value/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/color-picker/value/ReadMe.md b/samples/inputs/color-picker/value/ReadMe.md new file mode 100644 index 0000000000..0b7b83cec8 --- /dev/null +++ b/samples/inputs/color-picker/value/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Value feature using [Color Picker](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/color-picker/value +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/color-picker/value/index.html b/samples/inputs/color-picker/value/index.html new file mode 100644 index 0000000000..15e56fdd81 --- /dev/null +++ b/samples/inputs/color-picker/value/index.html @@ -0,0 +1,21 @@ + + + + Color Picker Value + + + + + + +
+
+ +
+
+ + <% if (false) { %> + + <% } %> + + \ No newline at end of file diff --git a/samples/inputs/color-picker/value/package.json b/samples/inputs/color-picker/value/package.json new file mode 100644 index 0000000000..f0e1031791 --- /dev/null +++ b/samples/inputs/color-picker/value/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-color-picker-value", + "version": "1.0.0", + "description": "This project provides example of Color Picker Value using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/color-picker/value/sandbox.config.json b/samples/inputs/color-picker/value/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/color-picker/value/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/color-picker/value/src/index.css b/samples/inputs/color-picker/value/src/index.css new file mode 100644 index 0000000000..bfc808f651 --- /dev/null +++ b/samples/inputs/color-picker/value/src/index.css @@ -0,0 +1,6 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +igc-color-picker::part(picker) { + margin-top: 0.5rem; +} \ No newline at end of file diff --git a/samples/inputs/color-picker/value/src/index.ts b/samples/inputs/color-picker/value/src/index.ts new file mode 100644 index 0000000000..4aff1d4c41 --- /dev/null +++ b/samples/inputs/color-picker/value/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcColorPickerComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcColorPickerComponent); + +export class ColorPickerValue { +} + +document.querySelector('igc-color-picker')?.toggle(); + +new ColorPickerValue(); diff --git a/samples/inputs/color-picker/value/tsconfig.json b/samples/inputs/color-picker/value/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/color-picker/value/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/color-picker/value/webpack.config.js b/samples/inputs/color-picker/value/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/color-picker/value/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json index 7eacb66c13..b0ff8853fc 100644 --- a/samples/inputs/combo/features/package.json +++ b/samples/inputs/combo/features/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json index abebda9d00..9cdf80dbde 100644 --- a/samples/inputs/combo/overview/package.json +++ b/samples/inputs/combo/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json index 0f91c45ec5..842c312dca 100644 --- a/samples/inputs/combo/selection/package.json +++ b/samples/inputs/combo/selection/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json index f53ba8fb65..9e5263954f 100644 --- a/samples/inputs/combo/simplified/package.json +++ b/samples/inputs/combo/simplified/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json index 8764502d5a..24e841b236 100644 --- a/samples/inputs/combo/styling/package.json +++ b/samples/inputs/combo/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/combo/templates/package.json b/samples/inputs/combo/templates/package.json index 4f27e39693..834a4c3a50 100644 --- a/samples/inputs/combo/templates/package.json +++ b/samples/inputs/combo/templates/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/date-time-input/input-format-display-format/package.json b/samples/inputs/date-time-input/input-format-display-format/package.json index 71c86015bd..906df878a6 100644 --- a/samples/inputs/date-time-input/input-format-display-format/package.json +++ b/samples/inputs/date-time-input/input-format-display-format/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/date-time-input/min-max-value/package.json b/samples/inputs/date-time-input/min-max-value/package.json index 5f99796b64..23d2dc1a7d 100644 --- a/samples/inputs/date-time-input/min-max-value/package.json +++ b/samples/inputs/date-time-input/min-max-value/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json index f7b0e7ba89..d226674b7a 100644 --- a/samples/inputs/date-time-input/overview/package.json +++ b/samples/inputs/date-time-input/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/date-time-input/step-up-down/package.json b/samples/inputs/date-time-input/step-up-down/package.json index 47f6e2982b..bc21af8b0b 100644 --- a/samples/inputs/date-time-input/step-up-down/package.json +++ b/samples/inputs/date-time-input/step-up-down/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/date-time-input/styling/package.json b/samples/inputs/date-time-input/styling/package.json index 47b6d2a019..80934a9014 100644 --- a/samples/inputs/date-time-input/styling/package.json +++ b/samples/inputs/date-time-input/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json index f27aceaee5..e8c56fa801 100644 --- a/samples/inputs/dropdown/group/package.json +++ b/samples/inputs/dropdown/group/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json index 45a445065f..be36747433 100644 --- a/samples/inputs/dropdown/header/package.json +++ b/samples/inputs/dropdown/header/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json index 78ad63e9fb..0040ce04d2 100644 --- a/samples/inputs/dropdown/item/package.json +++ b/samples/inputs/dropdown/item/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json index 74cbcc1ce9..4c138b8d36 100644 --- a/samples/inputs/dropdown/overview/package.json +++ b/samples/inputs/dropdown/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json index 39a9c76d42..5931c527fd 100644 --- a/samples/inputs/dropdown/position/package.json +++ b/samples/inputs/dropdown/position/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json index de4460e90a..e105927eb2 100644 --- a/samples/inputs/dropdown/styling/package.json +++ b/samples/inputs/dropdown/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json index 800bab26f9..8ba58dcbcd 100644 --- a/samples/inputs/dropdown/target/package.json +++ b/samples/inputs/dropdown/target/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/file-input/form/package.json b/samples/inputs/file-input/form/package.json index 9ee3ea5474..ab2ab6b991 100644 --- a/samples/inputs/file-input/form/package.json +++ b/samples/inputs/file-input/form/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/file-input/overview/package.json b/samples/inputs/file-input/overview/package.json index 9ee3ea5474..ab2ab6b991 100644 --- a/samples/inputs/file-input/overview/package.json +++ b/samples/inputs/file-input/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/file-input/prefix-suffix/package.json b/samples/inputs/file-input/prefix-suffix/package.json index a46d03cdb1..136cb661ec 100644 --- a/samples/inputs/file-input/prefix-suffix/package.json +++ b/samples/inputs/file-input/prefix-suffix/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/file-input/styling/package.json b/samples/inputs/file-input/styling/package.json index 9cffdcbd43..0c1d05c7ec 100644 --- a/samples/inputs/file-input/styling/package.json +++ b/samples/inputs/file-input/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/highlight/helper-text/package.json b/samples/inputs/highlight/helper-text/package.json index c5a1a1f808..aac3e87ddf 100644 --- a/samples/inputs/highlight/helper-text/package.json +++ b/samples/inputs/highlight/helper-text/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/highlight/overview/package.json b/samples/inputs/highlight/overview/package.json index ff74936bcd..05653dad11 100644 --- a/samples/inputs/highlight/overview/package.json +++ b/samples/inputs/highlight/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/highlight/search/package.json b/samples/inputs/highlight/search/package.json index 6204927185..cb8ff4af5d 100644 --- a/samples/inputs/highlight/search/package.json +++ b/samples/inputs/highlight/search/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/highlight/styling/package.json b/samples/inputs/highlight/styling/package.json index bfe0b2c10c..5128475e92 100644 --- a/samples/inputs/highlight/styling/package.json +++ b/samples/inputs/highlight/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json index 3d057504fa..5bebb67078 100644 --- a/samples/inputs/icon-button/size/package.json +++ b/samples/inputs/icon-button/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json index 3d057504fa..5bebb67078 100644 --- a/samples/inputs/icon-button/styling/package.json +++ b/samples/inputs/icon-button/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json index 3d057504fa..5bebb67078 100644 --- a/samples/inputs/icon-button/variant/package.json +++ b/samples/inputs/icon-button/variant/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json index 24c16d825c..ee45238ed9 100644 --- a/samples/inputs/input/helper-text/package.json +++ b/samples/inputs/input/helper-text/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json index 9ee3ea5474..ab2ab6b991 100644 --- a/samples/inputs/input/overview/package.json +++ b/samples/inputs/input/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json index a46d03cdb1..136cb661ec 100644 --- a/samples/inputs/input/prefix-suffix/package.json +++ b/samples/inputs/input/prefix-suffix/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json index ad1a6d1714..35163f6adb 100644 --- a/samples/inputs/input/size/package.json +++ b/samples/inputs/input/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json index 9cffdcbd43..0c1d05c7ec 100644 --- a/samples/inputs/input/styling/package.json +++ b/samples/inputs/input/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json index f8cccc9e31..162b457053 100644 --- a/samples/inputs/linear-progress-indicator/dynamic/package.json +++ b/samples/inputs/linear-progress-indicator/dynamic/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json index 9c954ea9b1..d08b8d4fe4 100644 --- a/samples/inputs/linear-progress-indicator/simple/package.json +++ b/samples/inputs/linear-progress-indicator/simple/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json index f89aacf6d3..49a76c320e 100644 --- a/samples/inputs/linear-progress-indicator/striped/package.json +++ b/samples/inputs/linear-progress-indicator/striped/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json index 6beac169af..66ceb56fa5 100644 --- a/samples/inputs/linear-progress-indicator/styling/package.json +++ b/samples/inputs/linear-progress-indicator/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json index e3ed6546a1..9643055044 100644 --- a/samples/inputs/linear-progress-indicator/types/package.json +++ b/samples/inputs/linear-progress-indicator/types/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json index ab17f146a4..44cb58af9f 100644 --- a/samples/inputs/mask-input/applying-mask/package.json +++ b/samples/inputs/mask-input/applying-mask/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json index 23ba093de3..b388479bad 100644 --- a/samples/inputs/mask-input/overview/package.json +++ b/samples/inputs/mask-input/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/mask-input/styling/package.json b/samples/inputs/mask-input/styling/package.json index 5e7c969961..de7aac17b3 100644 --- a/samples/inputs/mask-input/styling/package.json +++ b/samples/inputs/mask-input/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json index eb5ea7a25f..2c3700e34a 100644 --- a/samples/inputs/mask-input/value-modes/package.json +++ b/samples/inputs/mask-input/value-modes/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/qr-code/corner-shapes/.prettierrc b/samples/inputs/qr-code/corner-shapes/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/corner-shapes/ReadMe.md b/samples/inputs/qr-code/corner-shapes/ReadMe.md new file mode 100644 index 0000000000..40a5d9bfb4 --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Corner Shapes feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/corner-shapes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/corner-shapes/index.html b/samples/inputs/qr-code/corner-shapes/index.html new file mode 100644 index 0000000000..2d8b1f12b6 --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/index.html @@ -0,0 +1,37 @@ + + + + + QR Code Corner Shapes + + + + + + + + +
+
+
+ + Square style: square +
+
+ + Square style: circle +
+
+ + Square style: rounded +
+
+
+ + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/qr-code/corner-shapes/package.json b/samples/inputs/qr-code/corner-shapes/package.json new file mode 100644 index 0000000000..bb8c29028d --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-corner-shapes", + "version": "1.0.0", + "description": "This project provides example of QR Code Corner Shapes using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/corner-shapes/sandbox.config.json b/samples/inputs/qr-code/corner-shapes/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/corner-shapes/src/index.css b/samples/inputs/qr-code/corner-shapes/src/index.css new file mode 100644 index 0000000000..2f3f419024 --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/src/index.css @@ -0,0 +1,31 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + align-items: flex-start; + gap: 3.75rem; + justify-content: center; + flex-direction: row; + overflow-y: auto; + font-family: "Aktiv Grotesk", sans-serif; +} + +.container div { + display: flex; + flex-direction: column; + align-items: center; +} + +span { + margin-block-start: 1rem; + color: var(--ig-gray-600); +} + +@media (width < 850px) { + .container { + flex-direction: column; + align-items: center; + justify-content: flex-start; + } +} diff --git a/samples/inputs/qr-code/corner-shapes/src/index.ts b/samples/inputs/qr-code/corner-shapes/src/index.ts new file mode 100644 index 0000000000..47e5d3689c --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeCornerShapes { + constructor() { + } +} + +new QrCodeCornerShapes(); diff --git a/samples/inputs/qr-code/corner-shapes/tsconfig.json b/samples/inputs/qr-code/corner-shapes/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/corner-shapes/webpack.config.js b/samples/inputs/qr-code/corner-shapes/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/corner-shapes/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/dot-shapes/.prettierrc b/samples/inputs/qr-code/dot-shapes/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/dot-shapes/ReadMe.md b/samples/inputs/qr-code/dot-shapes/ReadMe.md new file mode 100644 index 0000000000..a4df170a59 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Dot Shapes feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/dot-shapes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/dot-shapes/index.html b/samples/inputs/qr-code/dot-shapes/index.html new file mode 100644 index 0000000000..6506893862 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/index.html @@ -0,0 +1,37 @@ + + + + + QR Code Dot Shapes + + + + + + + + +
+
+
+ + Dot style: square +
+
+ + Dot style: circle +
+
+ + Dot style: rounded +
+
+
+ + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/qr-code/dot-shapes/package.json b/samples/inputs/qr-code/dot-shapes/package.json new file mode 100644 index 0000000000..12f14b94c3 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-dot-shapes", + "version": "1.0.0", + "description": "This project provides example of QR Code Dot Shapes using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/dot-shapes/sandbox.config.json b/samples/inputs/qr-code/dot-shapes/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/dot-shapes/src/index.css b/samples/inputs/qr-code/dot-shapes/src/index.css new file mode 100644 index 0000000000..2f3f419024 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/src/index.css @@ -0,0 +1,31 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + align-items: flex-start; + gap: 3.75rem; + justify-content: center; + flex-direction: row; + overflow-y: auto; + font-family: "Aktiv Grotesk", sans-serif; +} + +.container div { + display: flex; + flex-direction: column; + align-items: center; +} + +span { + margin-block-start: 1rem; + color: var(--ig-gray-600); +} + +@media (width < 850px) { + .container { + flex-direction: column; + align-items: center; + justify-content: flex-start; + } +} diff --git a/samples/inputs/qr-code/dot-shapes/src/index.ts b/samples/inputs/qr-code/dot-shapes/src/index.ts new file mode 100644 index 0000000000..900f63d320 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeDotShapes { + constructor() { + } +} + +new QrCodeDotShapes(); diff --git a/samples/inputs/qr-code/dot-shapes/tsconfig.json b/samples/inputs/qr-code/dot-shapes/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/dot-shapes/webpack.config.js b/samples/inputs/qr-code/dot-shapes/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/dot-shapes/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/error-correction/.prettierrc b/samples/inputs/qr-code/error-correction/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/error-correction/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/error-correction/ReadMe.md b/samples/inputs/qr-code/error-correction/ReadMe.md new file mode 100644 index 0000000000..8546bcb118 --- /dev/null +++ b/samples/inputs/qr-code/error-correction/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Error Correction feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/error-correction +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/error-correction/index.html b/samples/inputs/qr-code/error-correction/index.html new file mode 100644 index 0000000000..f3d09b824a --- /dev/null +++ b/samples/inputs/qr-code/error-correction/index.html @@ -0,0 +1,37 @@ + + + + + QR Code Error Correction + + + + + + + + +
+
+
+ + Error level: L +
+
+ + Error level: M +
+
+ + Error level: Q +
+
+
+ + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/qr-code/error-correction/package.json b/samples/inputs/qr-code/error-correction/package.json new file mode 100644 index 0000000000..aedc40bec0 --- /dev/null +++ b/samples/inputs/qr-code/error-correction/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-error-correction", + "version": "1.0.0", + "description": "This project provides example of QR Code Error Correction using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/error-correction/sandbox.config.json b/samples/inputs/qr-code/error-correction/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/error-correction/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/error-correction/src/index.css b/samples/inputs/qr-code/error-correction/src/index.css new file mode 100644 index 0000000000..2f3f419024 --- /dev/null +++ b/samples/inputs/qr-code/error-correction/src/index.css @@ -0,0 +1,31 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + align-items: flex-start; + gap: 3.75rem; + justify-content: center; + flex-direction: row; + overflow-y: auto; + font-family: "Aktiv Grotesk", sans-serif; +} + +.container div { + display: flex; + flex-direction: column; + align-items: center; +} + +span { + margin-block-start: 1rem; + color: var(--ig-gray-600); +} + +@media (width < 850px) { + .container { + flex-direction: column; + align-items: center; + justify-content: flex-start; + } +} diff --git a/samples/inputs/qr-code/error-correction/src/index.ts b/samples/inputs/qr-code/error-correction/src/index.ts new file mode 100644 index 0000000000..bf93206487 --- /dev/null +++ b/samples/inputs/qr-code/error-correction/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeErrorCorrection { + constructor() { + } +} + +new QrCodeErrorCorrection(); diff --git a/samples/inputs/qr-code/error-correction/tsconfig.json b/samples/inputs/qr-code/error-correction/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/error-correction/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/error-correction/webpack.config.js b/samples/inputs/qr-code/error-correction/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/error-correction/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/logo/.prettierrc b/samples/inputs/qr-code/logo/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/logo/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/logo/ReadMe.md b/samples/inputs/qr-code/logo/ReadMe.md new file mode 100644 index 0000000000..7d1c23ce4f --- /dev/null +++ b/samples/inputs/qr-code/logo/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Logo feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/logo +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/logo/index.html b/samples/inputs/qr-code/logo/index.html new file mode 100644 index 0000000000..074ca195d4 --- /dev/null +++ b/samples/inputs/qr-code/logo/index.html @@ -0,0 +1,27 @@ + + + + + QR Code Logo + + + + + + + + +
+
+ +
+
+ + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/qr-code/logo/package.json b/samples/inputs/qr-code/logo/package.json new file mode 100644 index 0000000000..b289559f4a --- /dev/null +++ b/samples/inputs/qr-code/logo/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-logo", + "version": "1.0.0", + "description": "This project provides example of QR Code Logo using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/logo/sandbox.config.json b/samples/inputs/qr-code/logo/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/logo/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/logo/src/index.css b/samples/inputs/qr-code/logo/src/index.css new file mode 100644 index 0000000000..39116eabe2 --- /dev/null +++ b/samples/inputs/qr-code/logo/src/index.css @@ -0,0 +1,8 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + justify-content: center; + align-items: center; +} diff --git a/samples/inputs/qr-code/logo/src/index.ts b/samples/inputs/qr-code/logo/src/index.ts new file mode 100644 index 0000000000..892c571dd6 --- /dev/null +++ b/samples/inputs/qr-code/logo/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeLogo { + constructor() { + } +} + +new QrCodeLogo(); diff --git a/samples/inputs/qr-code/logo/tsconfig.json b/samples/inputs/qr-code/logo/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/logo/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/logo/webpack.config.js b/samples/inputs/qr-code/logo/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/logo/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/overview/.prettierrc b/samples/inputs/qr-code/overview/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/overview/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/overview/ReadMe.md b/samples/inputs/qr-code/overview/ReadMe.md new file mode 100644 index 0000000000..7d706c551d --- /dev/null +++ b/samples/inputs/qr-code/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Overview feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/overview/index.html b/samples/inputs/qr-code/overview/index.html new file mode 100644 index 0000000000..526685d98e --- /dev/null +++ b/samples/inputs/qr-code/overview/index.html @@ -0,0 +1,43 @@ + + + + + QR Code Overview + + + + + + + + +
+
+
+ + Square + Circle + Rounded + + + Small + Medium + Large + Extra large + + Logo +
+ + +
+
+ + <% if (false) { %> + + <% } %> + + + + \ No newline at end of file diff --git a/samples/inputs/qr-code/overview/package.json b/samples/inputs/qr-code/overview/package.json new file mode 100644 index 0000000000..ad87f228c0 --- /dev/null +++ b/samples/inputs/qr-code/overview/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-overview", + "version": "1.0.0", + "description": "This project provides example of QR Code Overview using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/overview/sandbox.config.json b/samples/inputs/qr-code/overview/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/overview/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/overview/src/index.css b/samples/inputs/qr-code/overview/src/index.css new file mode 100644 index 0000000000..f20a4e9044 --- /dev/null +++ b/samples/inputs/qr-code/overview/src/index.css @@ -0,0 +1,25 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + flex-direction: column; + align-items: center; + gap: 2.5rem; + overflow-y: auto; +} + +.qr-controls { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: 2.5rem; +} + +igc-radio-group { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 0.25rem; +} \ No newline at end of file diff --git a/samples/inputs/qr-code/overview/src/index.ts b/samples/inputs/qr-code/overview/src/index.ts new file mode 100644 index 0000000000..49a884a866 --- /dev/null +++ b/samples/inputs/qr-code/overview/src/index.ts @@ -0,0 +1,50 @@ +import { + defineComponents, + IgcQrCodeComponent, + IgcRadioComponent, + IgcRadioGroupComponent, + IgcSwitchComponent, + type IgcCheckboxChangeEventArgs, +} from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents( + IgcQrCodeComponent, + IgcRadioComponent, + IgcRadioGroupComponent, + IgcSwitchComponent +); + +export class QrCodeOverview { + constructor() { + const qrCode = document.querySelector('igc-qr-code') as IgcQrCodeComponent; + const shapeGroup = document.querySelector('#shapeGroup') as IgcRadioGroupComponent; + const sizeGroup = document.querySelector('#sizeGroup') as IgcRadioGroupComponent; + const logoSwitch = document.querySelector('igc-switch') as IgcSwitchComponent; + + const logoSrc = qrCode.logoSrc; + + shapeGroup.addEventListener('igcChange', (e) => { + const shape = (e as CustomEvent).detail.value as + | 'square' + | 'circle' + | 'rounded'; + qrCode.dotStyle = shape; + qrCode.squareStyle = shape; + }); + + sizeGroup.addEventListener('igcChange', (e) => { + const size = (e as CustomEvent).detail.value; + qrCode.size = Number(size); + }); + + logoSwitch.addEventListener('igcChange', (e) => { + const checked = (e as CustomEvent).detail.checked; + qrCode.logoSrc = checked ? logoSrc : undefined; + }); + } +} + +new QrCodeOverview(); + diff --git a/samples/inputs/qr-code/overview/tsconfig.json b/samples/inputs/qr-code/overview/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/overview/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/overview/webpack.config.js b/samples/inputs/qr-code/overview/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/overview/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/size/.prettierrc b/samples/inputs/qr-code/size/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/size/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/size/ReadMe.md b/samples/inputs/qr-code/size/ReadMe.md new file mode 100644 index 0000000000..29b49e7564 --- /dev/null +++ b/samples/inputs/qr-code/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Size feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/size/index.html b/samples/inputs/qr-code/size/index.html new file mode 100644 index 0000000000..284d08e020 --- /dev/null +++ b/samples/inputs/qr-code/size/index.html @@ -0,0 +1,37 @@ + + + + + QR Code Sizes + + + + + + + + +
+
+
+ + Size: 128px +
+
+ + Size: 192px +
+
+ + Size: 256px +
+
+
+ + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/qr-code/size/package.json b/samples/inputs/qr-code/size/package.json new file mode 100644 index 0000000000..a6ba5ee284 --- /dev/null +++ b/samples/inputs/qr-code/size/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-sizes", + "version": "1.0.0", + "description": "This project provides example of QR Code Sizes using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/size/sandbox.config.json b/samples/inputs/qr-code/size/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/size/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/size/src/index.css b/samples/inputs/qr-code/size/src/index.css new file mode 100644 index 0000000000..95738e9b11 --- /dev/null +++ b/samples/inputs/qr-code/size/src/index.css @@ -0,0 +1,31 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + align-items: baseline; + gap: 3.75rem; + justify-content: center; + flex-direction: row; + overflow-y: auto; + font-family: "Aktiv Grotesk", sans-serif; +} + +.container div { + display: flex; + flex-direction: column; + align-items: center; +} + +span { + margin-block-start: 1rem; + color: var(--ig-gray-600); +} + +@media (width < 850px) { + .container { + flex-direction: column; + align-items: center; + justify-content: flex-start; + } +} diff --git a/samples/inputs/qr-code/size/src/index.ts b/samples/inputs/qr-code/size/src/index.ts new file mode 100644 index 0000000000..4389c5e5ec --- /dev/null +++ b/samples/inputs/qr-code/size/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeSizes { + constructor() { + } +} + +new QrCodeSizes(); diff --git a/samples/inputs/qr-code/size/tsconfig.json b/samples/inputs/qr-code/size/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/size/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/size/webpack.config.js b/samples/inputs/qr-code/size/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/size/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/styling/.prettierrc b/samples/inputs/qr-code/styling/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/styling/ReadMe.md b/samples/inputs/qr-code/styling/ReadMe.md new file mode 100644 index 0000000000..422855439f --- /dev/null +++ b/samples/inputs/qr-code/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Styling feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/styling/index.html b/samples/inputs/qr-code/styling/index.html new file mode 100644 index 0000000000..5fde4c0d1d --- /dev/null +++ b/samples/inputs/qr-code/styling/index.html @@ -0,0 +1,33 @@ + + + + + QR Code Styling + + + + + + + + +
+
+ + + + +
+
+ + <% if (false) { %> + + <% } %> + + + + \ No newline at end of file diff --git a/samples/inputs/qr-code/styling/package.json b/samples/inputs/qr-code/styling/package.json new file mode 100644 index 0000000000..224fb12905 --- /dev/null +++ b/samples/inputs/qr-code/styling/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-styling", + "version": "1.0.0", + "description": "This project provides example of QR Code Styling using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/styling/sandbox.config.json b/samples/inputs/qr-code/styling/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/styling/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/styling/src/index.css b/samples/inputs/qr-code/styling/src/index.css new file mode 100644 index 0000000000..7e65551f28 --- /dev/null +++ b/samples/inputs/qr-code/styling/src/index.css @@ -0,0 +1,39 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container { + display: flex; + align-items: flex-start; + gap: 3.75rem; + justify-content: center; + flex-direction: row; + overflow-y: auto; +} + +.qr-blue { + --ig-qr-code-background: #e3edfb; + --ig-qr-code-dark-color: #1361e0; +} + +.qr-orange { + --ig-qr-code-background: #fbe6e1; + --ig-qr-code-dark-color: #f0562b; +} + +.qr-green { + --ig-qr-code-background: #e5f7e6; + --ig-qr-code-dark-color: #3fa845; +} + +.qr-dark { + --ig-qr-code-background: #0b1b3a; + --ig-qr-code-dark-color: #ffffff; +} + +@media (width < 850px) { + .container { + flex-direction: column; + align-items: center; + justify-content: flex-start; + } +} \ No newline at end of file diff --git a/samples/inputs/qr-code/styling/src/index.ts b/samples/inputs/qr-code/styling/src/index.ts new file mode 100644 index 0000000000..a2ddd9594f --- /dev/null +++ b/samples/inputs/qr-code/styling/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeStyling { + constructor() { + } +} + +new QrCodeStyling(); diff --git a/samples/inputs/qr-code/styling/tsconfig.json b/samples/inputs/qr-code/styling/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/styling/webpack.config.js b/samples/inputs/qr-code/styling/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/styling/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/qr-code/tailwind-styling/.prettierrc b/samples/inputs/qr-code/tailwind-styling/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/inputs/qr-code/tailwind-styling/ReadMe.md b/samples/inputs/qr-code/tailwind-styling/ReadMe.md new file mode 100644 index 0000000000..e1906b4b84 --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of the Tailwind Styling feature using [QR Code](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/qr-code/tailwind-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/qr-code/tailwind-styling/index.html b/samples/inputs/qr-code/tailwind-styling/index.html new file mode 100644 index 0000000000..c46d80a029 --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/index.html @@ -0,0 +1,64 @@ + + + + + QR Code Tailwind Styling + + + + + + + + +
+
+ + + + +
+
+ + <% if (false) { %> + + <% } %> + + + \ No newline at end of file diff --git a/samples/inputs/qr-code/tailwind-styling/package.json b/samples/inputs/qr-code/tailwind-styling/package.json new file mode 100644 index 0000000000..224fb12905 --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-qr-code-styling", + "version": "1.0.0", + "description": "This project provides example of QR Code Styling using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@igniteui/material-icons-extended": "2.11.0", + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/qr-code/tailwind-styling/sandbox.config.json b/samples/inputs/qr-code/tailwind-styling/sandbox.config.json new file mode 100644 index 0000000000..2ab51ac3f9 --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} diff --git a/samples/inputs/qr-code/tailwind-styling/src/index.css b/samples/inputs/qr-code/tailwind-styling/src/index.css new file mode 100644 index 0000000000..9aea32062a --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/src/index.css @@ -0,0 +1,22 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +@import "tailwindcss/theme.css"; +@import "tailwindcss/utilities.css"; + +.container { + display: flex; + gap: 1.5rem; + padding: 1rem; + background: #111; + width: fit-content; + height: fit-content; + flex-direction: row; + margin-inline: auto; +} + +@media (width < 800px) { + .container { + flex-direction: column; + } +} \ No newline at end of file diff --git a/samples/inputs/qr-code/tailwind-styling/src/index.ts b/samples/inputs/qr-code/tailwind-styling/src/index.ts new file mode 100644 index 0000000000..f6b07225b9 --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/src/index.ts @@ -0,0 +1,12 @@ +import { defineComponents, IgcQrCodeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import "./index.css"; + +defineComponents(IgcQrCodeComponent); + +export class QrCodeTailwindStyling { + constructor() { + } +} + +new QrCodeTailwindStyling(); diff --git a/samples/inputs/qr-code/tailwind-styling/tsconfig.json b/samples/inputs/qr-code/tailwind-styling/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/inputs/qr-code/tailwind-styling/webpack.config.js b/samples/inputs/qr-code/tailwind-styling/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/qr-code/tailwind-styling/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json index 11b24e8de8..ae0aa9244c 100644 --- a/samples/inputs/radio/alignment/package.json +++ b/samples/inputs/radio/alignment/package.json @@ -25,8 +25,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json index 93d36ad3bd..fcfad55077 100644 --- a/samples/inputs/radio/disabled/package.json +++ b/samples/inputs/radio/disabled/package.json @@ -25,8 +25,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json index 3a484cc815..b8063d03ca 100644 --- a/samples/inputs/radio/group/package.json +++ b/samples/inputs/radio/group/package.json @@ -25,8 +25,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json index ef5d2ee486..bf87a211e7 100644 --- a/samples/inputs/radio/invalid/package.json +++ b/samples/inputs/radio/invalid/package.json @@ -25,8 +25,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json index 5ef1cdf246..347c26f8a3 100644 --- a/samples/inputs/radio/label/package.json +++ b/samples/inputs/radio/label/package.json @@ -25,8 +25,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json index 73a8978cef..b5a2538e9d 100644 --- a/samples/inputs/radio/styling/package.json +++ b/samples/inputs/radio/styling/package.json @@ -25,8 +25,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json index 18367a3627..37d19a42be 100644 --- a/samples/inputs/rating/basic/package.json +++ b/samples/inputs/rating/basic/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json index 61589b5587..85c6610f16 100644 --- a/samples/inputs/rating/custom/package.json +++ b/samples/inputs/rating/custom/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json index 113fa72855..8c47f775de 100644 --- a/samples/inputs/rating/empty/package.json +++ b/samples/inputs/rating/empty/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json index 6908565301..f1be905d6a 100644 --- a/samples/inputs/rating/single-selection/package.json +++ b/samples/inputs/rating/single-selection/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json index 18367a3627..37d19a42be 100644 --- a/samples/inputs/rating/styling/package.json +++ b/samples/inputs/rating/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json index 1eaa87a840..85ceb89d6f 100644 --- a/samples/inputs/ripple/button/package.json +++ b/samples/inputs/ripple/button/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json index 23bc6a9bcf..f234ab87f4 100644 --- a/samples/inputs/ripple/color/package.json +++ b/samples/inputs/ripple/color/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json index 5e9e5638ad..a894d2d410 100644 --- a/samples/inputs/select/group/package.json +++ b/samples/inputs/select/group/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json index 9c93d17c8c..4084e54f07 100644 --- a/samples/inputs/select/header/package.json +++ b/samples/inputs/select/header/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json index ae5367d9bd..5f49fbc583 100644 --- a/samples/inputs/select/item/package.json +++ b/samples/inputs/select/item/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json index 60d22951f4..dc4a711aae 100644 --- a/samples/inputs/select/overview/package.json +++ b/samples/inputs/select/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json index 4bd141a138..5ca7730f54 100644 --- a/samples/inputs/select/styling/package.json +++ b/samples/inputs/select/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json index 3260503804..9db556e6b2 100644 --- a/samples/inputs/slider/constraints/package.json +++ b/samples/inputs/slider/constraints/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json index 585a9799d5..23cb06798b 100644 --- a/samples/inputs/slider/disabled/package.json +++ b/samples/inputs/slider/disabled/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json index 26b2be8506..3d482e3507 100644 --- a/samples/inputs/slider/discrete/package.json +++ b/samples/inputs/slider/discrete/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json index c8e5dd73ce..71afd61a1e 100644 --- a/samples/inputs/slider/labels/package.json +++ b/samples/inputs/slider/labels/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json index 272de25302..6196a8717b 100644 --- a/samples/inputs/slider/overview/package.json +++ b/samples/inputs/slider/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json index 5b5309cf0e..960ff6a82f 100644 --- a/samples/inputs/slider/styling/package.json +++ b/samples/inputs/slider/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json index ac1451db13..e7d5b5f2dd 100644 --- a/samples/inputs/slider/tick-labels/package.json +++ b/samples/inputs/slider/tick-labels/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json index 9334435069..274e374d60 100644 --- a/samples/inputs/slider/ticks/package.json +++ b/samples/inputs/slider/ticks/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json index 6df39fafb0..8f6b1838b7 100644 --- a/samples/inputs/slider/value-format/package.json +++ b/samples/inputs/slider/value-format/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json index 81adca3935..c8da41ed2c 100644 --- a/samples/inputs/slider/value/package.json +++ b/samples/inputs/slider/value/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/switches/checking/src/index.css b/samples/inputs/switches/checking/src/index.css deleted file mode 100644 index 1f53b8aa05..0000000000 --- a/samples/inputs/switches/checking/src/index.css +++ /dev/null @@ -1,2 +0,0 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file diff --git a/samples/inputs/switches/checking/src/index.ts b/samples/inputs/switches/checking/src/index.ts deleted file mode 100644 index 58ecedecf0..0000000000 --- a/samples/inputs/switches/checking/src/index.ts +++ /dev/null @@ -1,10 +0,0 @@ -import {defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/bootstrap.css'; - -defineComponents(IgcSwitchComponent); -export class SwitchChecking { - constructor() { - } -} - -new SwitchChecking(); diff --git a/samples/inputs/switches/disabled/index.html b/samples/inputs/switches/disabled/index.html index a7a504cad9..f160202be0 100644 --- a/samples/inputs/switches/disabled/index.html +++ b/samples/inputs/switches/disabled/index.html @@ -14,8 +14,21 @@
-
- Label +
+
+
+ Disabled Checked + + Power + +
+
+ Disabled Unchecked + + Power + +
+
@@ -26,4 +39,4 @@ - \ No newline at end of file + diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json index 7721be4af0..194c92e8ce 100644 --- a/samples/inputs/switches/disabled/package.json +++ b/samples/inputs/switches/disabled/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/switches/disabled/src/index.css b/samples/inputs/switches/disabled/src/index.css index 1f53b8aa05..f07ee6a2a0 100644 --- a/samples/inputs/switches/disabled/src/index.css +++ b/samples/inputs/switches/disabled/src/index.css @@ -1,2 +1,29 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} + +.states { + --variant-gap: 60px; + --label-gap: 30px; + + display: flex; + align-items: center; + gap: var(--variant-gap); + + & .states__variant { + display: flex; + align-items: center; + gap: var(--label-gap); + } + + & .states__label { + font: 500 14px / 24px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.1px; + color: var(--ig-gray-600); + } +} diff --git a/samples/inputs/switches/disabled/src/index.ts b/samples/inputs/switches/disabled/src/index.ts index 1cd5d23cdd..9cd6af8063 100644 --- a/samples/inputs/switches/disabled/src/index.ts +++ b/samples/inputs/switches/disabled/src/index.ts @@ -1,5 +1,6 @@ -import {defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; defineComponents(IgcSwitchComponent); export class SwitchDisabled { diff --git a/samples/inputs/switches/enabled/.prettierrc b/samples/inputs/switches/enabled/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/switches/enabled/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/switches/enabled/ReadMe.md b/samples/inputs/switches/enabled/ReadMe.md new file mode 100644 index 0000000000..7cf91593f8 --- /dev/null +++ b/samples/inputs/switches/enabled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Enabled feature using [Switches](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/switches/enabled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/switches/enabled/index.html b/samples/inputs/switches/enabled/index.html new file mode 100644 index 0000000000..b37b78f0c5 --- /dev/null +++ b/samples/inputs/switches/enabled/index.html @@ -0,0 +1,56 @@ + + + + + Switch Enabled + + + + + + + + + + +
+
+
+ + Hover + Focused + Focused & Hover + + Enabled / On + + Power + + + Power + + + Power + + + Enabled / Off + + Power + + + Power + + + Power + +
+
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/enabled/package.json similarity index 94% rename from samples/inputs/switches/checking/package.json rename to samples/inputs/switches/enabled/package.json index 10be9cc075..c2ffc6d267 100644 --- a/samples/inputs/switches/checking/package.json +++ b/samples/inputs/switches/enabled/package.json @@ -1,7 +1,7 @@ { - "name": "wc-switch-checked", + "name": "wc-switch-enabled", "version": "1.0.0", - "description": "This project provides example of Switch Checked using IgniteUI for Web Components", + "description": "This project provides example of Switch Enabled using IgniteUI for Web Components", "main": "src/index.ts", "scripts": { "build": "npm run build:prod", @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/switches/enabled/sandbox.config.json b/samples/inputs/switches/enabled/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/switches/enabled/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/switches/enabled/src/index.css b/samples/inputs/switches/enabled/src/index.css new file mode 100644 index 0000000000..379ecd447f --- /dev/null +++ b/samples/inputs/switches/enabled/src/index.css @@ -0,0 +1,33 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} + +.states { + display: grid; + grid-template-columns: repeat(4, auto); + align-items: center; + gap: 32px; + + & :is(.states__column, .states__row) { + font: 500 14px / 24px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.1px; + color: var(--ig-gray-600); + } + + & .states__column { + text-align: center; + } + + & .states__row { + text-align: end; + } + + & igc-switch { + justify-self: center; + } +} diff --git a/samples/inputs/switches/enabled/src/index.ts b/samples/inputs/switches/enabled/src/index.ts new file mode 100644 index 0000000000..bc36879aa4 --- /dev/null +++ b/samples/inputs/switches/enabled/src/index.ts @@ -0,0 +1,11 @@ +import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +defineComponents(IgcSwitchComponent); +export class SwitchEnabled { + constructor() { + } +} + +new SwitchEnabled(); diff --git a/samples/inputs/switches/enabled/tsconfig.json b/samples/inputs/switches/enabled/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/switches/enabled/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/switches/enabled/webpack.config.js b/samples/inputs/switches/enabled/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/switches/enabled/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/switches/label/src/SwitchLabelStyles.css b/samples/inputs/switches/label/src/SwitchLabelStyles.css deleted file mode 100644 index 21bf881ab2..0000000000 --- a/samples/inputs/switches/label/src/SwitchLabelStyles.css +++ /dev/null @@ -1,5 +0,0 @@ -.wrapper { - display: flex; - align-items: center; - gap: 0.5rem; -} \ No newline at end of file diff --git a/samples/inputs/switches/label/src/index.css b/samples/inputs/switches/label/src/index.css deleted file mode 100644 index 1f53b8aa05..0000000000 --- a/samples/inputs/switches/label/src/index.css +++ /dev/null @@ -1,2 +0,0 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file diff --git a/samples/inputs/switches/label/src/index.ts b/samples/inputs/switches/label/src/index.ts deleted file mode 100644 index e745805280..0000000000 --- a/samples/inputs/switches/label/src/index.ts +++ /dev/null @@ -1,11 +0,0 @@ -import {defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; -import 'igniteui-webcomponents/themes/light/bootstrap.css'; -import './SwitchLabelStyles.css' - -defineComponents(IgcSwitchComponent); -export class SwitchLabel { - constructor() { - } -} - -new SwitchLabel(); diff --git a/samples/inputs/switches/layout/.prettierrc b/samples/inputs/switches/layout/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/switches/layout/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/switches/label/ReadMe.md b/samples/inputs/switches/layout/ReadMe.md similarity index 86% rename from samples/inputs/switches/label/ReadMe.md rename to samples/inputs/switches/layout/ReadMe.md index f386ce693c..12f35d129a 100644 --- a/samples/inputs/switches/label/ReadMe.md +++ b/samples/inputs/switches/layout/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of Web Components application with example of Label feature using [Switches](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. +This folder contains implementation of Web Components application with example of Layout feature using [Switches](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of Web Components application with example o View Code - + Run Sample - + Run Sample @@ -33,7 +33,7 @@ To set up this project locally, execute these commands: git clone https://github.com/IgniteUI/igniteui-wc-examples.git git checkout master cd ./igniteui-wc-examples -cd ./samples/inputs/switches/label +cd ./samples/inputs/switches/layout ``` open above folder in VS Code or type: diff --git a/samples/inputs/switches/layout/index.html b/samples/inputs/switches/layout/index.html new file mode 100644 index 0000000000..70950e8a81 --- /dev/null +++ b/samples/inputs/switches/layout/index.html @@ -0,0 +1,42 @@ + + + + + Switch Layout + + + + + + + + + + +
+
+
+
+ Label Before + + Power + +
+
+ Label After + + Power + +
+
+
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/switches/layout/package.json b/samples/inputs/switches/layout/package.json new file mode 100644 index 0000000000..ae37e17b0f --- /dev/null +++ b/samples/inputs/switches/layout/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-switch-layout", + "version": "1.0.0", + "description": "This project provides example of Switch Layout using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/switches/layout/sandbox.config.json b/samples/inputs/switches/layout/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/switches/layout/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/switches/layout/src/index.css b/samples/inputs/switches/layout/src/index.css new file mode 100644 index 0000000000..3b71591b7c --- /dev/null +++ b/samples/inputs/switches/layout/src/index.css @@ -0,0 +1,29 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} + +.variants { + --variant-gap: 60px; + --label-gap: 30px; + + display: flex; + align-items: center; + gap: var(--variant-gap); + + & .variants__item { + display: flex; + align-items: center; + gap: var(--label-gap); + } + + & .variants__label { + font: 500 14px / 24px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.1px; + color: var(--ig-gray-600); + } +} diff --git a/samples/inputs/switches/layout/src/index.ts b/samples/inputs/switches/layout/src/index.ts new file mode 100644 index 0000000000..3c33c3e3a4 --- /dev/null +++ b/samples/inputs/switches/layout/src/index.ts @@ -0,0 +1,11 @@ +import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +defineComponents(IgcSwitchComponent); +export class SwitchLayout { + constructor() { + } +} + +new SwitchLayout(); diff --git a/samples/inputs/switches/layout/tsconfig.json b/samples/inputs/switches/layout/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/switches/layout/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/switches/layout/webpack.config.js b/samples/inputs/switches/layout/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/switches/layout/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/switches/overview/index.html b/samples/inputs/switches/overview/index.html index 2d3017128a..402704fee0 100644 --- a/samples/inputs/switches/overview/index.html +++ b/samples/inputs/switches/overview/index.html @@ -14,8 +14,34 @@
-
- Switch +
+
+
Notifications
+
+ + + Push notifications + Deliver alerts to this device + + +
+
+ + + Weekly digest + Summary email every Monday + + +
+
+ + + SMS alerts + Unavailable on your plan + + +
+
@@ -26,4 +52,4 @@ - \ No newline at end of file + diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json index 5ae3b6a0c9..487a68e103 100644 --- a/samples/inputs/switches/overview/package.json +++ b/samples/inputs/switches/overview/package.json @@ -1,7 +1,7 @@ { - "name": "wc-switch-sample1", + "name": "wc-switch-overview", "version": "1.0.0", - "description": "This project provides example of Switch Sample1 using IgniteUI for Web Components", + "description": "This project provides example of Switch Overview using IgniteUI for Web Components", "main": "src/index.ts", "scripts": { "build": "npm run build:prod", @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/switches/overview/src/index.css b/samples/inputs/switches/overview/src/index.css index 1f53b8aa05..27ad3b9ae8 100644 --- a/samples/inputs/switches/overview/src/index.css +++ b/samples/inputs/switches/overview/src/index.css @@ -1,2 +1,59 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} + +.notifications { + inline-size: 100%; + max-inline-size: 384px; + background: var(--ig-surface-500); + border-radius: 4px; + overflow: hidden; + + & .notifications__title { + margin: 0; + padding: 16px; + font: 400 10px / 16px "Titillium Web", sans-serif; + letter-spacing: 1.5px; + text-transform: uppercase; + color: var(--ig-primary-500); + } + + & .notifications__row { + padding-block: 12px; + padding-inline: 16px; + + & igc-switch { + display: block; + inline-size: 100%; + + &::part(base) { + inline-size: 100%; + justify-content: space-between; + gap: 16px; + } + } + } +} + +.option { + display: flex; + flex-direction: column; + gap: 2px; + text-align: start; + white-space: normal; + + & .option__label { + font-size: 16px; + color: var(--ig-gray-900); + } + + & .option__hint { + font-size: 13px; + color: var(--ig-gray-700); + } +} diff --git a/samples/inputs/switches/overview/src/index.ts b/samples/inputs/switches/overview/src/index.ts index 6503a14df3..f1e621b777 100644 --- a/samples/inputs/switches/overview/src/index.ts +++ b/samples/inputs/switches/overview/src/index.ts @@ -1,5 +1,6 @@ -import {defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; defineComponents(IgcSwitchComponent); export class SwitchOverview { diff --git a/samples/inputs/switches/selected/.prettierrc b/samples/inputs/switches/selected/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/switches/selected/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/switches/checking/ReadMe.md b/samples/inputs/switches/selected/ReadMe.md similarity index 91% rename from samples/inputs/switches/checking/ReadMe.md rename to samples/inputs/switches/selected/ReadMe.md index 2332336e45..0aa5034dbd 100644 --- a/samples/inputs/switches/checking/ReadMe.md +++ b/samples/inputs/switches/selected/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of Web Components application with example of Checking feature using [Switches](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. +This folder contains implementation of Web Components application with example of Selected feature using [Switches](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of Web Components application with example o View Code - + Run Sample - + Run Sample @@ -33,7 +33,7 @@ To set up this project locally, execute these commands: git clone https://github.com/IgniteUI/igniteui-wc-examples.git git checkout master cd ./igniteui-wc-examples -cd ./samples/inputs/switches/checking +cd ./samples/inputs/switches/selected ``` open above folder in VS Code or type: diff --git a/samples/inputs/switches/selected/index.html b/samples/inputs/switches/selected/index.html new file mode 100644 index 0000000000..5b71c0501e --- /dev/null +++ b/samples/inputs/switches/selected/index.html @@ -0,0 +1,45 @@ + + + + + Switch Selected + + + + + + + + + + +
+
+
+ On + + Power + + + Power + + + Off + + Power + + + Power + +
+
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/switches/selected/package.json b/samples/inputs/switches/selected/package.json new file mode 100644 index 0000000000..e96a64309c --- /dev/null +++ b/samples/inputs/switches/selected/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-switch-selected", + "version": "1.0.0", + "description": "This project provides example of Switch Selected using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/switches/selected/sandbox.config.json b/samples/inputs/switches/selected/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/switches/selected/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/switches/selected/src/index.css b/samples/inputs/switches/selected/src/index.css new file mode 100644 index 0000000000..32f67af851 --- /dev/null +++ b/samples/inputs/switches/selected/src/index.css @@ -0,0 +1,26 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} + +.states { + display: grid; + grid-template-columns: repeat(3, auto); + align-items: center; + gap: 32px; + + & .states__row { + text-align: end; + font: 500 14px / 24px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.1px; + color: var(--ig-gray-600); + } + + & .states__disabled { + margin-inline-start: 16px; + } +} diff --git a/samples/inputs/switches/selected/src/index.ts b/samples/inputs/switches/selected/src/index.ts new file mode 100644 index 0000000000..3543d96c74 --- /dev/null +++ b/samples/inputs/switches/selected/src/index.ts @@ -0,0 +1,11 @@ +import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +defineComponents(IgcSwitchComponent); +export class SwitchSelected { + constructor() { + } +} + +new SwitchSelected(); diff --git a/samples/inputs/switches/selected/tsconfig.json b/samples/inputs/switches/selected/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/switches/selected/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/switches/selected/webpack.config.js b/samples/inputs/switches/selected/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/switches/selected/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/switches/styling/index.html b/samples/inputs/switches/styling/index.html index 197d66a352..1085231f13 100644 --- a/samples/inputs/switches/styling/index.html +++ b/samples/inputs/switches/styling/index.html @@ -2,7 +2,7 @@ - Switch Checking + Switch Styling @@ -14,8 +14,19 @@
-
- Label +
+ +
+ Two-factor authentication + Extra sign-in verification +
+ + + Authenticator app + Security key + Backup codes + +
@@ -26,4 +37,4 @@ - \ No newline at end of file + diff --git a/samples/inputs/switches/styling/package.json b/samples/inputs/switches/styling/package.json index 09a03fbd0a..f60c1296e4 100644 --- a/samples/inputs/switches/styling/package.json +++ b/samples/inputs/switches/styling/package.json @@ -1,7 +1,7 @@ { - "name": "wc-switch-checked", + "name": "wc-switch-styling", "version": "1.0.0", - "description": "This project provides example of Switch Checked using IgniteUI for Web Components", + "description": "This project provides example of Switch Styling using IgniteUI for Web Components", "main": "src/index.ts", "scripts": { "build": "npm run build:prod", @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/switches/styling/src/SwitchStyle.css b/samples/inputs/switches/styling/src/SwitchStyle.css deleted file mode 100644 index 45c23a0f48..0000000000 --- a/samples/inputs/switches/styling/src/SwitchStyle.css +++ /dev/null @@ -1,7 +0,0 @@ -igc-switch { - --thumb-on-color: white; - --thumb-off-color: var(--ig-success-500); - --track-on-color: var(--ig-success-500); /* Background color when checked */ - --track-off-color: white; /* Background color when unchecked */ - --track-on-hover-color: var(--ig-success-500); /* Background hover color when checked */ -} diff --git a/samples/inputs/switches/styling/src/index.css b/samples/inputs/switches/styling/src/index.css index 1f53b8aa05..66e5527723 100644 --- a/samples/inputs/switches/styling/src/index.css +++ b/samples/inputs/switches/styling/src/index.css @@ -1,2 +1,100 @@ /* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} + +.security { + display: block; + inline-size: 100%; + max-inline-size: 348px; + background: var(--ig-surface-500); + border: 1px solid var(--ig-gray-300); + border-radius: 16px; + box-shadow: 0 1px 3px rgb(0 0 0 / 12%); + overflow: hidden; + + &::part(header) { + padding: 16px; + padding-inline-end: 6px; + gap: 16px; + } + + &[open]::part(header) { + border-block-end: 1px solid var(--ig-gray-300); + } + + &::part(indicator) { + transform: none; + } + + &::part(content) { + padding-left: 5px; + } + + & igc-switch { + display: block; + inline-size: 60px; + block-size: 40px; + + &::part(base) { + inline-size: 60px; + block-size: 40px; + justify-content: center; + align-items: center; + overflow: visible; + } + + &::part(control) { + overflow: visible; + } + } + + & igc-radio-group { + display: flex; + flex-direction: column; + gap: 24px; + margin-inline-start: 0; + } + + & igc-radio { + font: 600 12px / 16px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.15px; + color: var(--ig-primary-900); + + &::part(label) { + padding-inline-start: 4px; + } + + &::part(control) { + transform: translateX(-4px); + --fill-color: var(--ig-primary-500); + --fill-color-border: var(--ig-primary-500); + --fill-color-hover: var(--ig-primary-500); + --fill-hover-border-color: var(--ig-primary-500); + } + } +} + +.option { + display: flex; + flex-direction: column; + gap: 2px; + text-align: start; + white-space: normal; + + & .option__label { + font: 600 16px / 24px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.15px; + color: var(--ig-gray-700); + } + + & .option__hint { + font: 500 14px / 24px "Aktiv Grotesk", sans-serif; + letter-spacing: 0.1px; + color: var(--ig-gray-600); + } +} diff --git a/samples/inputs/switches/styling/src/index.ts b/samples/inputs/switches/styling/src/index.ts index 971ed8e970..946d2cb982 100644 --- a/samples/inputs/switches/styling/src/index.ts +++ b/samples/inputs/switches/styling/src/index.ts @@ -1,10 +1,17 @@ -import {defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; +import { defineComponents, IgcSwitchComponent, IgcRadioComponent, IgcRadioGroupComponent, IgcExpansionPanelComponent } from 'igniteui-webcomponents'; import 'igniteui-webcomponents/themes/light/bootstrap.css'; -import './SwitchStyle.css' +import './index.css'; + +defineComponents(IgcSwitchComponent, IgcRadioComponent, IgcRadioGroupComponent, IgcExpansionPanelComponent); -defineComponents(IgcSwitchComponent); export class SwitchStyling { constructor() { + const panel = document.getElementById('security-panel') as IgcExpansionPanelComponent; + const securitySwitch = document.getElementById('security-switch') as IgcSwitchComponent; + + // a click on the switch bubbles up to the panel header, so only the open state has to be mirrored back + panel.addEventListener('igcOpened', () => (securitySwitch.checked = true)); + panel.addEventListener('igcClosed', () => (securitySwitch.checked = false)); } } diff --git a/samples/inputs/switches/tailwind-styling/.prettierrc b/samples/inputs/switches/tailwind-styling/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/inputs/switches/tailwind-styling/ReadMe.md b/samples/inputs/switches/tailwind-styling/ReadMe.md new file mode 100644 index 0000000000..7728c45214 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Tailwind Styling feature using [Switches](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/switches/tailwind-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/switches/tailwind-styling/index.html b/samples/inputs/switches/tailwind-styling/index.html new file mode 100644 index 0000000000..5608c7f8f9 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/index.html @@ -0,0 +1,46 @@ + + + + + Switch Tailwind Styling + + + + + + + + + + +
+
+
+
+ Dashboard + + + + Dark mode + + +
+
+
Revenue overview
+

+ $84,290 this month, up 12% from July.
+ Your top-performing channel is Direct, driving 41% of total revenue. +

+
+
+
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/inputs/switches/tailwind-styling/package.json b/samples/inputs/switches/tailwind-styling/package.json new file mode 100644 index 0000000000..a166d0195f --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/package.json @@ -0,0 +1,65 @@ +{ + "name": "wc-switch-tailwind-styling", + "version": "1.0.0", + "description": "This project provides example of Switch Tailwind Styling using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "postcss": "^8.5.6", + "tailwindcss": "^4.1.11", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@tailwindcss/postcss": "^4.1.11", + "@types/source-map": "^0.5.7", + "autoprefixer": "^10.4.21", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "postcss-loader": "^8.1.1", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/switches/tailwind-styling/postcss.config.mjs b/samples/inputs/switches/tailwind-styling/postcss.config.mjs new file mode 100644 index 0000000000..7e0ba624f1 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/postcss.config.mjs @@ -0,0 +1,5 @@ +export default { + plugins: { + "@tailwindcss/postcss": {}, + } +} diff --git a/samples/inputs/switches/tailwind-styling/sandbox.config.json b/samples/inputs/switches/tailwind-styling/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/switches/tailwind-styling/src/index.css b/samples/inputs/switches/tailwind-styling/src/index.css new file mode 100644 index 0000000000..b4b10e8ca9 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/src/index.css @@ -0,0 +1,11 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +@import "tailwindcss"; + +@custom-variant dark (&:where(.dark, .dark *)); + +.container.sample { + display: flex; + place-content: center; + place-items: center; +} diff --git a/samples/inputs/switches/tailwind-styling/src/index.ts b/samples/inputs/switches/tailwind-styling/src/index.ts new file mode 100644 index 0000000000..f3fc1f4169 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/src/index.ts @@ -0,0 +1,23 @@ +import { defineComponents, IgcSwitchComponent, IgcIconComponent, registerIconFromText } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; +import './index.css'; + +defineComponents(IgcSwitchComponent, IgcIconComponent); + +const darkModeIcon = + ''; + +export class SwitchTailwindStyling { + constructor() { + registerIconFromText('dark_mode', darkModeIcon, 'material'); + + const card = document.getElementById('dashboard-card') as HTMLElement; + const modeSwitch = document.getElementById('dark-mode-switch') as IgcSwitchComponent; + + modeSwitch.addEventListener('igcChange', () => { + card.classList.toggle('dark', modeSwitch.checked); + }); + } +} + +new SwitchTailwindStyling(); diff --git a/samples/inputs/switches/tailwind-styling/tsconfig.json b/samples/inputs/switches/tailwind-styling/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/switches/tailwind-styling/webpack.config.js b/samples/inputs/switches/tailwind-styling/webpack.config.js new file mode 100644 index 0000000000..78b737c6da --- /dev/null +++ b/samples/inputs/switches/tailwind-styling/webpack.config.js @@ -0,0 +1,118 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { + test: /\.css$/, + sideEffects: true, + use: [ + 'style-loader', + { + loader: 'css-loader', + options: { importLoaders: 1 } + }, + 'postcss-loader' + ] + }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json index e65871ac66..8279d1195a 100644 --- a/samples/inputs/textarea/form-integration/package.json +++ b/samples/inputs/textarea/form-integration/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json index 013cd40908..dd3a19524b 100644 --- a/samples/inputs/textarea/overview/package.json +++ b/samples/inputs/textarea/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json index 47af70c5b7..9665c9ec7c 100644 --- a/samples/inputs/textarea/resize/package.json +++ b/samples/inputs/textarea/resize/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json index da5eecd020..0f507783a4 100644 --- a/samples/inputs/textarea/slots/package.json +++ b/samples/inputs/textarea/slots/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json index 7f5ee4b2b7..a6a17ea8aa 100644 --- a/samples/inputs/textarea/styling/package.json +++ b/samples/inputs/textarea/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.0.0" }, diff --git a/samples/inputs/tooltip/advanced/package.json b/samples/inputs/tooltip/advanced/package.json index 6d976148e2..1482496784 100644 --- a/samples/inputs/tooltip/advanced/package.json +++ b/samples/inputs/tooltip/advanced/package.json @@ -23,10 +23,10 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/tooltip/overview/package.json b/samples/inputs/tooltip/overview/package.json index b3fa493632..179a490097 100644 --- a/samples/inputs/tooltip/overview/package.json +++ b/samples/inputs/tooltip/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/tooltip/placement/package.json b/samples/inputs/tooltip/placement/package.json index b3fa493632..179a490097 100644 --- a/samples/inputs/tooltip/placement/package.json +++ b/samples/inputs/tooltip/placement/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/tooltip/rich/package.json b/samples/inputs/tooltip/rich/package.json index b3fa493632..179a490097 100644 --- a/samples/inputs/tooltip/rich/package.json +++ b/samples/inputs/tooltip/rich/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/tooltip/styling/package.json b/samples/inputs/tooltip/styling/package.json index b3fa493632..179a490097 100644 --- a/samples/inputs/tooltip/styling/package.json +++ b/samples/inputs/tooltip/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/inputs/tooltip/triggers/package.json b/samples/inputs/tooltip/triggers/package.json index b3fa493632..179a490097 100644 --- a/samples/inputs/tooltip/triggers/package.json +++ b/samples/inputs/tooltip/triggers/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/interactions/chat/features/package.json b/samples/interactions/chat/features/package.json index d19815adb3..4bbf18ec27 100644 --- a/samples/interactions/chat/features/package.json +++ b/samples/interactions/chat/features/package.json @@ -24,8 +24,8 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "dompurify": "^3.2.6", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "marked": "^18.0.0", "marked-shiki": "^1.2.0", diff --git a/samples/interactions/chat/overview/package.json b/samples/interactions/chat/overview/package.json index b4a5e99520..dbcfe7a871 100644 --- a/samples/interactions/chat/overview/package.json +++ b/samples/interactions/chat/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/interactions/chat/styling/package.json b/samples/interactions/chat/styling/package.json index 9d00f6ed61..0c00f6345f 100644 --- a/samples/interactions/chat/styling/package.json +++ b/samples/interactions/chat/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/interactions/query-builder/overview/package.json b/samples/interactions/query-builder/overview/package.json index 084e554470..49fde9bff3 100644 --- a/samples/interactions/query-builder/overview/package.json +++ b/samples/interactions/query-builder/overview/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/interactions/query-builder/template/package.json b/samples/interactions/query-builder/template/package.json index 084e554470..49fde9bff3 100644 --- a/samples/interactions/query-builder/template/package.json +++ b/samples/interactions/query-builder/template/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "7.1.0", - "igniteui-webcomponents-grids": "^7.2.0", + "igniteui-webcomponents-grids": "^7.3.0-rc.1", "igniteui-webcomponents-inputs": "7.1.0", "igniteui-webcomponents-layouts": "7.1.0", "lit-html": "^3.3.1", diff --git a/samples/layouts/accordion/customization/index.html b/samples/layouts/accordion/customization/index.html index 170640a537..c81b528bb8 100644 --- a/samples/layouts/accordion/customization/index.html +++ b/samples/layouts/accordion/customization/index.html @@ -10,47 +10,64 @@
-
- - - Categories -
- Bike - Motorcycle - Car - Taxi - Public Transport -
- - - Cost: $200 to $800 - - - - Rating - - - - - - - - - - - - - - - - - Time - - - - - - +
+
+ + + Transportation + Choose how you want to travel +

Select one or more transportation options for your trip.

+
+ Bike + Motorcycle + Car + Taxi + Public Transport +
+ + + + Budget: $200 - $800 + Set the price range +

Adjust the minimum and maximum cost for available options.

+
+ $200 + $800 +
+ + + + + Minimum Rating + Filter by review score +

Choose the lowest rating you want to include in the results.

+ + + + + + + + + + + + + + + + + + Arrival Time + Set the latest arrival time +

Pick the latest acceptable arrival time for your trip.

+ + + + + + +
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json index ab6dfdc055..4b44efe562 100644 --- a/samples/layouts/accordion/customization/package.json +++ b/samples/layouts/accordion/customization/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/accordion/customization/src/AccordionCustomization.css b/samples/layouts/accordion/customization/src/AccordionCustomization.css deleted file mode 100644 index b58a76ca66..0000000000 --- a/samples/layouts/accordion/customization/src/AccordionCustomization.css +++ /dev/null @@ -1,35 +0,0 @@ -igc-accordion { - width: 100%; -} - -.sample-wrapper { - overflow-y: auto; - max-height: 530px; - margin: 8px; -} - -igc-range-slider { - margin: 24px; -} - -.categories-container { - display: flex; - flex-flow: column nowrap; -} - -igc-checkbox, -igc-radio { - margin: 4px 0; -} - -igc-expansion-panel { - border: 1px solid rgba(174, 174, 174, 0.25); -} - -igc-rating { - flex-direction: row; -} - -.size-small { - --ig-size: var(--ig-size-small); -} diff --git a/samples/layouts/accordion/customization/src/index.css b/samples/layouts/accordion/customization/src/index.css index 1f53b8aa05..af3552c32b 100644 --- a/samples/layouts/accordion/customization/src/index.css +++ b/samples/layouts/accordion/customization/src/index.css @@ -1,2 +1,66 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +.accordion-sample { + width: 100%; + height: 100%; + overflow-y: auto; +} + +.accordion-content { + width: min(760px, 100%); + margin: 0 auto; + padding: 24px; + box-sizing: border-box; +} + +.accordion-sample igc-accordion { + display: block; + border: 1px solid var(--ig-gray-300); + border-radius: 4px; +} + +.panel-description { + margin: 0 0 16px; + color: var(--ig-gray-700); +} + +.categories-container { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 8px 24px; + max-width: 520px; +} + +.category-option, +.rating-option { + margin: 4px 0; +} + +.range-summary { + display: flex; + justify-content: space-between; + max-width: 560px; + margin-bottom: 4px; + font-weight: 600; +} + +.cost-slider { + max-width: 560px; + margin: 8px 0 0; +} + +.rating-options { + display: grid; + gap: 8px; + max-width: 360px; +} + +.rating-control { + flex-direction: row; +} + +.time-input { + max-width: 260px; +} + +.size-small { + --ig-size: var(--ig-size-small); +} diff --git a/samples/layouts/accordion/customization/src/index.ts b/samples/layouts/accordion/customization/src/index.ts index 7c9831c19d..ef7357d865 100644 --- a/samples/layouts/accordion/customization/src/index.ts +++ b/samples/layouts/accordion/customization/src/index.ts @@ -3,6 +3,8 @@ import { IgcAccordionComponent, IgcCheckboxComponent, IgcDateTimeInputComponent, + IgcExpansionPanelComponent, + IgcIconComponent, IgcRadioComponent, IgcRadioGroupComponent, IgcRangeSliderComponent, @@ -10,10 +12,10 @@ import { registerIconFromText } from "igniteui-webcomponents"; import "igniteui-webcomponents/themes/light/bootstrap.css"; -import "./AccordionCustomization.css"; +import "./index.css"; -defineComponents(IgcAccordionComponent, IgcCheckboxComponent, IgcRangeSliderComponent, IgcRadioGroupComponent, IgcRadioComponent, IgcRatingComponent, IgcDateTimeInputComponent); -export class AccordionOverview { +defineComponents(IgcAccordionComponent, IgcCheckboxComponent, IgcDateTimeInputComponent, IgcExpansionPanelComponent, IgcIconComponent, IgcRadioComponent, IgcRadioGroupComponent, IgcRangeSliderComponent, IgcRatingComponent); +export class AccordionCustomization { private categories = [ { checked: false, type: "Bike" }, { checked: false, type: "Motorcycle" }, @@ -32,7 +34,7 @@ export class AccordionOverview { } private checkCategory = (ev: CustomEvent) => { - const type = (ev.target as IgcCheckboxComponent).textContent; + const type = (ev.target as IgcCheckboxComponent).dataset.type; const item = this.categories.find((c) => c.type === type); if (item) { @@ -45,12 +47,12 @@ export class AccordionOverview { let checkedItems = ""; this.categories.forEach((item) => { if (item.checked) { - checkedItems += checkedItems ? ", " + item.type : "Categories: " + item.type; + checkedItems += checkedItems ? ", " + item.type : "Transportation: " + item.type; } }); const categoriesTitle = document.querySelector("span#categories") as HTMLElement; - categoriesTitle.textContent = checkedItems || "Categories"; + categoriesTitle.textContent = checkedItems || "Transportation"; } private changeSliderRange = (ev: CustomEvent) => { @@ -59,12 +61,14 @@ export class AccordionOverview { lowerSpan!.textContent = ev.detail.lower; upperSpan!.textContent = ev.detail.upper; + document.querySelector("span#lowerCostSummary")!.textContent = `$${ev.detail.lower}`; + document.querySelector("span#upperCostSummary")!.textContent = `$${ev.detail.upper}`; }; private checkRating = (ev: CustomEvent) => { const rating = (ev.target as IgcRadioComponent).querySelector("igc-rating")!.label; const ratingTitle = document.querySelector("span#rating") as HTMLElement; - ratingTitle.textContent = "Rating: " + rating; + ratingTitle.textContent = "Minimum Rating: " + rating; }; private hanldeTimeInput = (ev: CustomEvent) => { @@ -73,13 +77,13 @@ export class AccordionOverview { return; } const timeTitle = document.querySelector("span#timeTitle") as HTMLElement; - timeTitle.textContent = "Time: " + dateTimeInput.label + " " + dateTimeInput.value.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }); + timeTitle.textContent = "Arrival Time: " + dateTimeInput.value.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }); }; private clearTime = () => { document.querySelector("igc-date-time-input")!.clear(); const timeTitle = document.querySelector("span#timeTitle") as HTMLElement; - timeTitle.textContent = "Time"; + timeTitle.textContent = "Arrival Time"; }; registerIcons() { @@ -93,4 +97,4 @@ export class AccordionOverview { } } -new AccordionOverview(); +new AccordionCustomization(); diff --git a/samples/layouts/accordion/nested-scenario/index.html b/samples/layouts/accordion/nested-scenario/index.html index e2310b1e29..44ff3c50a7 100644 --- a/samples/layouts/accordion/nested-scenario/index.html +++ b/samples/layouts/accordion/nested-scenario/index.html @@ -10,51 +10,51 @@
- Single Expand -
- - - Common questions about renewal. - - - What happens if I don't renew my subscription? - Any unlicensed or trial versions of Ignite UI for Angular, React and Web Components will now include this watermark. - - - If I don't renew my subscription will I still have access to previous versions of Infragistics products? - Any version of Infragistics software which you have downloaded can continue to be used perpetually. Access to download any new or - previous versions through our customer portal and package feeds will require maintaining an active subscription by continuing - to renew it. - - - Will I be automatically charged for my renewal/ Can I be automatically charged for renewal? - Any new subscriptions purchased online, via our eCommerce system, will renew automatically. Subscription renewal can be canceled, - at any time, before the next automatic renewal date. Subscriptions purchased directly from Infragistics or Infragistics' partners are - subject to the renewal terms that were agreed upon as part of that purchase. - - - - - What has changed about subscription and pricing model? - We have moved to a subscription-based pricing model for all our developer tools. This makes it easier - for you to manage your license subscriptions and allows us to provide a better level of service for you. We - updated our pricing and packages to provide you with flexible options and the best value. This includes Ignite UI - (formerly Ignite UI for JavaScript) which includes all of our JavaScript framework components for web development, - including: Angular, ASP.NET (Core and MVC), Blazor, JQuery, React and Web Components), as well as Infragistics Professional, - Infragistics Ultimate, our Ultimate UI products. We also offer multi-year subscriptions options with a built-in discount, - so you can see the value up front. With these updates we are confident that we are providing the best platforms and the best - price. - - - Who will the updated changes impact? - The license updates will impact all new and current customers using Ignite UI, Infragistics Professional and - Infragistics Ultimate. Specifically, we have also made updates to our product and packaging for Ignite UI for JavaScript, - Ignite UI for Angular, Ignite UI for React and Ignite UI for Web components. For more information, please refer to this - blog: Announcement: Changes to Ignite UI Product & Packaging The pricing has been updated for all products and packages. - So, all new or additional licenses will be sold based on our new pricing and packages. All existing license agreements will - be honored and renewed based upon the current agreement. - - +
+
+
+ Single Expand +
+ + + + Workspace Settings + Nested account, access, and billing options + + + + Profile + Name, photo, and contact details +

Update the public information shown to other workspace members.

+ + + + Security + Password and sign-in preferences +

Review active sessions, change your password, and configure sign-in requirements.

+ + + + Notifications + Email and product updates +

Choose the messages you receive for comments, assignments, and releases.

+ + + + + + Team Access + Members, roles, and permissions +

Invite teammates, assign roles, and review workspace permissions.

+ + + + Billing + Plan, invoices, and payment method +

Manage subscription details, billing contacts, and invoice delivery.

+ + +
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json index ab6dfdc055..4b44efe562 100644 --- a/samples/layouts/accordion/nested-scenario/package.json +++ b/samples/layouts/accordion/nested-scenario/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/accordion/nested-scenario/src/AccordionNestedScenario.css b/samples/layouts/accordion/nested-scenario/src/AccordionNestedScenario.css deleted file mode 100644 index 2eb281b0e4..0000000000 --- a/samples/layouts/accordion/nested-scenario/src/AccordionNestedScenario.css +++ /dev/null @@ -1,17 +0,0 @@ -igc-accordion { - width: 100%; -} - -.sample-wrapper { - overflow-y: auto; - max-height: 470px; - margin: 8px; -} - -igc-switch { - padding: 16px; -} - -igc-expansion-panel { - border: 1px solid rgba(174, 174, 174, 0.25); -} diff --git a/samples/layouts/accordion/nested-scenario/src/index.css b/samples/layouts/accordion/nested-scenario/src/index.css index 1f53b8aa05..091f1b043c 100644 --- a/samples/layouts/accordion/nested-scenario/src/index.css +++ b/samples/layouts/accordion/nested-scenario/src/index.css @@ -1,2 +1,24 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +.accordion-sample { + width: 100%; + height: 100%; + overflow-y: auto; +} + +.accordion-content { + width: min(760px, 100%); + margin: 0 auto; + padding: 24px; + box-sizing: border-box; +} + +.accordion-toolbar { + display: flex; + justify-content: flex-end; + margin-bottom: 12px; +} + +.accordion-sample igc-accordion { + display: block; + border: 1px solid var(--ig-gray-300); + border-radius: 4px; +} diff --git a/samples/layouts/accordion/nested-scenario/src/index.ts b/samples/layouts/accordion/nested-scenario/src/index.ts index 56c719dfe5..8cc35ed7c3 100644 --- a/samples/layouts/accordion/nested-scenario/src/index.ts +++ b/samples/layouts/accordion/nested-scenario/src/index.ts @@ -1,18 +1,21 @@ import { defineComponents, IgcAccordionComponent, IgcExpansionPanelComponent, IgcSwitchComponent } from "igniteui-webcomponents"; import "igniteui-webcomponents/themes/light/bootstrap.css"; -import "./AccordionNestedScenario.css"; +import "./index.css"; -defineComponents(IgcAccordionComponent, IgcSwitchComponent); +defineComponents(IgcAccordionComponent, IgcExpansionPanelComponent, IgcSwitchComponent); export class AccordionNestedScenario { private accordion: IgcAccordionComponent; + private nestedAccordion: IgcAccordionComponent; private switch: IgcSwitchComponent; constructor() { this.accordion = document.getElementById("accordion") as IgcAccordionComponent; + this.nestedAccordion = document.getElementById("nestedAccordion") as IgcAccordionComponent; this.switch = document.getElementById("switch") as IgcSwitchComponent; this.switch.addEventListener("igcChange", (ev: CustomEvent) => { this.accordion.singleExpand = ev.detail.checked; + this.nestedAccordion.singleExpand = ev.detail.checked; }); } } diff --git a/samples/layouts/accordion/overview/index.html b/samples/layouts/accordion/overview/index.html index ecadd4543b..d3789c645f 100644 --- a/samples/layouts/accordion/overview/index.html +++ b/samples/layouts/accordion/overview/index.html @@ -10,46 +10,30 @@
- Single Expand -
- - - What has changed about subscription and pricing model? - We have moved to a subscription-based pricing model for all our developer tools. This makes it easier - for you to manage your license subscriptions and allows us to provide a better level of service for you. We - updated our pricing and packages to provide you with flexible options and the best value. This includes Ignite UI - (formerly Ignite UI for JavaScript) which includes all of our JavaScript framework components for web development, - including: Angular, ASP.NET (Core and MVC), Blazor, JQuery, React and Web Components), as well as Infragistics Professional, - Infragistics Ultimate, our Ultimate UI products. We also offer multi-year subscriptions options with a built-in discount, - so you can see the value up front. With these updates we are confident that we are providing the best platforms and the best - price. - - - Who will the updated changes impact? - The license updates will impact all new and current customers using Ignite UI, Infragistics Professional and - Infragistics Ultimate. Specifically, we have also made updates to our product and packaging for Ignite UI for JavaScript, - Ignite UI for Angular, Ignite UI for React and Ignite UI for Web components. For more information, please refer to this - blog: Announcement: Changes to Ignite UI Product & Packaging The pricing has been updated for all products and packages. - So, all new or additional licenses will be sold based on our new pricing and packages. All existing license agreements will - be honored and renewed based upon the current agreement. - - - What is the difference between your old model and your current subscription model for Ignite UI? - For Ignite UI customers, we are moving away from NPM for licensed packages. The current NPM packages will be replaced with - packages that include a “Trial Version” watermark. Licensed packages for Ignite UI will be available from our cloud hosted ProGet - server. For more information, please refer to this article: Moving from Trial to Licensed Ignite UI NPM Packages - - - What happens if I don't renew my subscription? - Any unlicensed or trial versions of Ignite UI for Angular, React and Web Components will now include this watermark. - - - If I don't renew my subscription will I still have access to previous versions of Infragistics products? - Any version of Infragistics software which you have downloaded can continue to be used perpetually. Access to download any new or - previous versions through our customer portal and package feeds will require maintaining an active subscription by continuing - to renew it. - - +
+
+
+ Single Expand +
+ + + + Account + Profile and security settings +

Update your profile details, password, and sign-in preferences.

+ + + Notifications + Email and product updates +

Choose which notifications you receive and how often they are delivered.

+ + + Billing + Payment and invoice settings +

Manage payment methods, billing contacts, and invoice delivery options.

+ + +
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json index ab6dfdc055..4b44efe562 100644 --- a/samples/layouts/accordion/overview/package.json +++ b/samples/layouts/accordion/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/accordion/overview/src/AccordionOverview.css b/samples/layouts/accordion/overview/src/AccordionOverview.css deleted file mode 100644 index 816b7feede..0000000000 --- a/samples/layouts/accordion/overview/src/AccordionOverview.css +++ /dev/null @@ -1,17 +0,0 @@ -igc-accordion { - width: 100%; -} - -.sample-wrapper { - overflow-y: auto; - max-height: 380px; - margin: 8px; -} - -igc-switch { - padding: 16px; -} - -igc-expansion-panel { - border: 1px solid rgba(174, 174, 174, 0.25); -} diff --git a/samples/layouts/accordion/overview/src/index.css b/samples/layouts/accordion/overview/src/index.css index 1f53b8aa05..f6a5352f94 100644 --- a/samples/layouts/accordion/overview/src/index.css +++ b/samples/layouts/accordion/overview/src/index.css @@ -1,2 +1,24 @@ -/* shared styles are loaded from: */ -/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file +.accordion-sample { + width: 100%; + height: 100%; + overflow-y: auto; +} + +.accordion-content { + width: min(720px, 100%); + margin: 0 auto; + padding: 24px; + box-sizing: border-box; +} + +.accordion-toolbar { + display: flex; + justify-content: flex-end; + margin-bottom: 12px; +} + +.accordion-sample igc-accordion { + display: block; + border: 1px solid var(--ig-gray-300); + border-radius: 4px; +} diff --git a/samples/layouts/accordion/overview/src/index.ts b/samples/layouts/accordion/overview/src/index.ts index c569fd6de7..0a5bb5c6ce 100644 --- a/samples/layouts/accordion/overview/src/index.ts +++ b/samples/layouts/accordion/overview/src/index.ts @@ -1,8 +1,13 @@ -import { defineComponents, IgcAccordionComponent, IgcExpansionPanelComponent, IgcSwitchComponent } from "igniteui-webcomponents"; +import { + defineComponents, + IgcAccordionComponent, + IgcExpansionPanelComponent, + IgcSwitchComponent, +} from "igniteui-webcomponents"; import "igniteui-webcomponents/themes/light/bootstrap.css"; -import "./AccordionOverview.css"; +import "./index.css"; -defineComponents(IgcAccordionComponent, IgcSwitchComponent); +defineComponents(IgcAccordionComponent, IgcExpansionPanelComponent, IgcSwitchComponent); export class AccordionOverview { private accordion: IgcAccordionComponent; private switch: IgcSwitchComponent; diff --git a/samples/layouts/accordion/programmatic-expansion/.prettierrc b/samples/layouts/accordion/programmatic-expansion/.prettierrc new file mode 100644 index 0000000000..cb0498d36a --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} diff --git a/samples/layouts/accordion/programmatic-expansion/ReadMe.md b/samples/layouts/accordion/programmatic-expansion/ReadMe.md new file mode 100644 index 0000000000..321fe9e01f --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Programmatic Expansion feature using [Accordion](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/accordion/programmatic-expansion +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/layouts/accordion/programmatic-expansion/index.html b/samples/layouts/accordion/programmatic-expansion/index.html new file mode 100644 index 0000000000..9cb78eb8c4 --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/index.html @@ -0,0 +1,47 @@ + + + + Accordion Programmatic Expansion + + + + + + + +
+
+
+
+ Show All + Hide All +
+ + + + Billing + Invoices and payment settings +

Review invoices, update payment methods, and manage billing contacts.

+ + + + Security + Password and access controls +

Configure password rules, multi-factor authentication, and recovery options.

+ + + + Notifications + Product updates and account alerts +

Choose which product updates and account alerts are sent to your team.

+ + +
+
+
+ + + <% if (false) { %><% } %> + + + diff --git a/samples/layouts/accordion/programmatic-expansion/package.json b/samples/layouts/accordion/programmatic-expansion/package.json new file mode 100644 index 0000000000..93248f7172 --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-accordion-programmatic-expansion", + "version": "1.0.0", + "description": "This project provides example of programmatic expansion with accordion using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "^7.2.0", + "lit": "^3.2.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/accordion/programmatic-expansion/sandbox.config.json b/samples/layouts/accordion/programmatic-expansion/sandbox.config.json new file mode 100644 index 0000000000..13f76c3c4c --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + diff --git a/samples/layouts/accordion/programmatic-expansion/src/index.css b/samples/layouts/accordion/programmatic-expansion/src/index.css new file mode 100644 index 0000000000..0d434aede3 --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/src/index.css @@ -0,0 +1,29 @@ +.accordion-sample { + width: 100%; + height: 100%; + overflow-y: auto; +} + +.accordion-content { + width: min(720px, 100%); + margin: 0 auto; + padding: 24px; + box-sizing: border-box; +} + +.accordion-toolbar { + display: flex; + justify-content: flex-end; + gap: 8px; + margin-bottom: 12px; +} + +.action-button { + min-width: 96px; +} + +.accordion-sample igc-accordion { + display: block; + border: 1px solid var(--ig-gray-300); + border-radius: 4px; +} diff --git a/samples/layouts/accordion/programmatic-expansion/src/index.ts b/samples/layouts/accordion/programmatic-expansion/src/index.ts new file mode 100644 index 0000000000..4129b3ec14 --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/src/index.ts @@ -0,0 +1,27 @@ +import { + defineComponents, + IgcAccordionComponent, + IgcButtonComponent, + IgcExpansionPanelComponent, +} from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; + +defineComponents(IgcAccordionComponent, IgcButtonComponent, IgcExpansionPanelComponent); + +export class AccordionProgrammaticExpansion { + private accordion: IgcAccordionComponent; + private showAllButton: IgcButtonComponent; + private hideAllButton: IgcButtonComponent; + + constructor() { + this.accordion = document.getElementById("accordion") as IgcAccordionComponent; + this.showAllButton = document.getElementById("showAll") as IgcButtonComponent; + this.hideAllButton = document.getElementById("hideAll") as IgcButtonComponent; + + this.showAllButton.addEventListener("click", () => this.accordion.showAll()); + this.hideAllButton.addEventListener("click", () => this.accordion.hideAll()); + } +} + +new AccordionProgrammaticExpansion(); diff --git a/samples/layouts/accordion/programmatic-expansion/tsconfig.json b/samples/layouts/accordion/programmatic-expansion/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/layouts/accordion/programmatic-expansion/webpack.config.js b/samples/layouts/accordion/programmatic-expansion/webpack.config.js new file mode 100644 index 0000000000..5d9bb4bf55 --- /dev/null +++ b/samples/layouts/accordion/programmatic-expansion/webpack.config.js @@ -0,0 +1,108 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; + diff --git a/samples/layouts/accordion/styling/.prettierrc b/samples/layouts/accordion/styling/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/accordion/styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/accordion/styling/ReadMe.md b/samples/layouts/accordion/styling/ReadMe.md new file mode 100644 index 0000000000..402e07947d --- /dev/null +++ b/samples/layouts/accordion/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Overview feature using [Accordion](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/accordion/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/layouts/accordion/styling/index.html b/samples/layouts/accordion/styling/index.html new file mode 100644 index 0000000000..05e740149d --- /dev/null +++ b/samples/layouts/accordion/styling/index.html @@ -0,0 +1,41 @@ + + + + Accordion Styling + + + + + + + +
+
+
+ + + Getting Started + Setup and onboarding +

Find installation steps, project setup guidance, and resources for building your first application.

+ + + + Billing + Invoices and payment methods +

Review invoices, update payment methods, and manage billing contacts for your account.

+ + + + Security + Access and authentication +

Configure password rules, multi-factor authentication, and recovery options for your team.

+ + +
+
+
+ + + <% if (false) { %><% } %> + + diff --git a/samples/layouts/accordion/styling/package.json b/samples/layouts/accordion/styling/package.json new file mode 100644 index 0000000000..2a8dd2e082 --- /dev/null +++ b/samples/layouts/accordion/styling/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-accordion-styling", + "version": "1.0.0", + "description": "This project provides an Accordion styling example using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "^7.2.0", + "lit": "^3.2.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/accordion/styling/sandbox.config.json b/samples/layouts/accordion/styling/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/accordion/styling/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/accordion/styling/src/index.css b/samples/layouts/accordion/styling/src/index.css new file mode 100644 index 0000000000..543269784c --- /dev/null +++ b/samples/layouts/accordion/styling/src/index.css @@ -0,0 +1,50 @@ +.accordion-sample { + width: 100%; + height: 100%; + overflow-y: auto; +} + +.accordion-content { + width: min(720px, 100%); + margin: 0 auto; + padding: 24px; + box-sizing: border-box; +} + +.accordion-sample igc-accordion { + display: block; + border: 1px solid var(--ig-gray-300); + border-radius: 4px; +} + +.accordion-sample igc-expansion-panel { + background-color: var(--ig-gray-50); + color: var(--ig-gray-900); + border-radius: 4px; +} + +.accordion-sample igc-expansion-panel::part(header) { + background-color: var(--ig-gray-100); +} + +.accordion-sample igc-expansion-panel[open]::part(header) { + background-color: var(--ig-primary-50); +} + +.accordion-sample igc-expansion-panel::part(indicator) { + color: var(--ig-primary-500); +} + +.accordion-sample igc-expansion-panel::part(title) { + color: var(--ig-gray-900); + font-weight: 600; +} + +.accordion-sample igc-expansion-panel[open]::part(title), +.accordion-sample igc-expansion-panel[open]::part(subtitle) { + color: var(--ig-primary-700); +} + +.accordion-sample igc-expansion-panel::part(content) { + color: var(--ig-gray-700); +} diff --git a/samples/layouts/accordion/styling/src/index.ts b/samples/layouts/accordion/styling/src/index.ts new file mode 100644 index 0000000000..ab1847a61a --- /dev/null +++ b/samples/layouts/accordion/styling/src/index.ts @@ -0,0 +1,9 @@ +import { + defineComponents, + IgcAccordionComponent, + IgcExpansionPanelComponent, +} from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; + +defineComponents(IgcAccordionComponent, IgcExpansionPanelComponent); diff --git a/samples/layouts/accordion/styling/tsconfig.json b/samples/layouts/accordion/styling/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/accordion/styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/accordion/styling/webpack.config.js b/samples/layouts/accordion/styling/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/accordion/styling/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/accordion/tailwind-styling/.prettierrc b/samples/layouts/accordion/tailwind-styling/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/accordion/tailwind-styling/ReadMe.md b/samples/layouts/accordion/tailwind-styling/ReadMe.md new file mode 100644 index 0000000000..402e07947d --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Overview feature using [Accordion](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/accordion/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/layouts/accordion/tailwind-styling/index.html b/samples/layouts/accordion/tailwind-styling/index.html new file mode 100644 index 0000000000..928681c9a6 --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/index.html @@ -0,0 +1,41 @@ + + + + Accordion Tailwind Styling + + + + + + + +
+
+
+ + + Getting Started + Setup and onboarding +

Find installation steps, project setup guidance, and resources for building your first application.

+ + + + Billing + Invoices and payment methods +

Review invoices, update payment methods, and manage billing contacts for your account.

+ + + + Security + Access and authentication +

Configure password rules, multi-factor authentication, and recovery options for your team.

+ + +
+
+
+ + + <% if (false) { %><% } %> + + diff --git a/samples/layouts/accordion/tailwind-styling/package.json b/samples/layouts/accordion/tailwind-styling/package.json new file mode 100644 index 0000000000..18d7bcc198 --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/package.json @@ -0,0 +1,64 @@ +{ + "name": "wc-accordion-tailwind-styling", + "version": "1.0.0", + "description": "This project provides an Accordion Tailwind styling example using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "^7.2.0", + "lit": "^3.2.0", + "lit-html": "^3.3.1", + "postcss": "^8.5.6", + "tailwindcss": "^4.1.11", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@tailwindcss/postcss": "^4.1.11", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "postcss-loader": "^8.1.1", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/accordion/tailwind-styling/postcss.config.mjs b/samples/layouts/accordion/tailwind-styling/postcss.config.mjs new file mode 100644 index 0000000000..c2ddf74822 --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/postcss.config.mjs @@ -0,0 +1,5 @@ +export default { + plugins: { + "@tailwindcss/postcss": {}, + }, +}; diff --git a/samples/layouts/accordion/tailwind-styling/sandbox.config.json b/samples/layouts/accordion/tailwind-styling/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/accordion/tailwind-styling/src/index.css b/samples/layouts/accordion/tailwind-styling/src/index.css new file mode 100644 index 0000000000..0ea3ab0fba --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/src/index.css @@ -0,0 +1,9 @@ +@import "tailwindcss/theme.css" layer(theme); +@import "tailwindcss/utilities.css" layer(utilities); +@source "./index.html"; + +.accordion-tailwind-sample { + width: 100%; + height: 100%; + overflow-y: auto; +} diff --git a/samples/layouts/accordion/tailwind-styling/src/index.ts b/samples/layouts/accordion/tailwind-styling/src/index.ts new file mode 100644 index 0000000000..ab1847a61a --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/src/index.ts @@ -0,0 +1,9 @@ +import { + defineComponents, + IgcAccordionComponent, + IgcExpansionPanelComponent, +} from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; + +defineComponents(IgcAccordionComponent, IgcExpansionPanelComponent); diff --git a/samples/layouts/accordion/tailwind-styling/tsconfig.json b/samples/layouts/accordion/tailwind-styling/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/accordion/tailwind-styling/webpack.config.js b/samples/layouts/accordion/tailwind-styling/webpack.config.js new file mode 100644 index 0000000000..78b737c6da --- /dev/null +++ b/samples/layouts/accordion/tailwind-styling/webpack.config.js @@ -0,0 +1,118 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { + test: /\.css$/, + sideEffects: true, + use: [ + 'style-loader', + { + loader: 'css-loader', + options: { importLoaders: 1 } + }, + 'postcss-loader' + ] + }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json index 439bd948c8..ab342a9cfb 100644 --- a/samples/layouts/avatar/image/package.json +++ b/samples/layouts/avatar/image/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/avatar/overview/package.json b/samples/layouts/avatar/overview/package.json index 935ba12bf8..12df04c883 100644 --- a/samples/layouts/avatar/overview/package.json +++ b/samples/layouts/avatar/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/avatar/overview/src/index.css b/samples/layouts/avatar/overview/src/index.css index 9407c4b19a..8c31e65714 100644 --- a/samples/layouts/avatar/overview/src/index.css +++ b/samples/layouts/avatar/overview/src/index.css @@ -30,11 +30,14 @@ } .avatar-stack igc-avatar + igc-avatar { - margin-inline-start: -1.5rem; + /* Proportional to the avatar's own rendered size (--size, set internally + by the theme) rather than a fixed length, since themes disagree widely + on how big a "large" avatar actually is. */ + margin-inline-start: calc(var(--size) * -0.27); } .avatar-stack igc-avatar::part(base) { - box-shadow: 0 0 0 0.375rem var(--ig-surface-500); + box-shadow: 0 0 0 calc(var(--size) * 0.07) var(--ig-surface-500); } .avatar-stack igc-avatar:last-child { diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json index e5027b7679..d526b55d92 100644 --- a/samples/layouts/avatar/shape/package.json +++ b/samples/layouts/avatar/shape/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json index 9ba5af00cb..bb2465004c 100644 --- a/samples/layouts/avatar/size/package.json +++ b/samples/layouts/avatar/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/avatar/styling/package.json b/samples/layouts/avatar/styling/package.json index bada9f4721..7127be7a18 100644 --- a/samples/layouts/avatar/styling/package.json +++ b/samples/layouts/avatar/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/avatar/tailwind-styling/package.json b/samples/layouts/avatar/tailwind-styling/package.json index 58ca1d46df..91362fca1f 100644 --- a/samples/layouts/avatar/tailwind-styling/package.json +++ b/samples/layouts/avatar/tailwind-styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "postcss": "^8.5.6", "tslib": "^2.8.1" diff --git a/samples/layouts/avatar/variants/package.json b/samples/layouts/avatar/variants/package.json index 6e2d725401..c0bffa1bb4 100644 --- a/samples/layouts/avatar/variants/package.json +++ b/samples/layouts/avatar/variants/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json index b91540f3e9..554943d054 100644 --- a/samples/layouts/card/horizontal/package.json +++ b/samples/layouts/card/horizontal/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/card/integration/package.json b/samples/layouts/card/integration/package.json index 6fdaff5152..033ea75203 100644 --- a/samples/layouts/card/integration/package.json +++ b/samples/layouts/card/integration/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json index 889752a018..c44fad156b 100644 --- a/samples/layouts/card/overview/package.json +++ b/samples/layouts/card/overview/package.json @@ -24,8 +24,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json index 35af56fda2..f888d84868 100644 --- a/samples/layouts/card/semi-horizontal/package.json +++ b/samples/layouts/card/semi-horizontal/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json index 8f0192afda..7cd702f6f9 100644 --- a/samples/layouts/card/styling/package.json +++ b/samples/layouts/card/styling/package.json @@ -24,8 +24,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/carousel/animations/index.html b/samples/layouts/carousel/animations/index.html index f9d1e3880b..e6ceac4a47 100644 --- a/samples/layouts/carousel/animations/index.html +++ b/samples/layouts/carousel/animations/index.html @@ -3,96 +3,66 @@ Carousel Animations - - + -
- Animation type - - Slide - Fade - None + Animation + + Slide + Fade + None
- Vertical alignment + Vertical
- + -
- - - Ignite UI for Angular - - -

30+ Material-based Angular components to code speedy web apps faster.

- - - - - - - Visit Page - - - -
+
+
+ 01 +

Slide transition

+

Moves content horizontally or vertically to preserve directional context.

+
Best for sequential browsing320ms
+
+ +
-
- - - Ignite UI for Javascript - - -

A complete JavaScript UI library empowering you to build data-rich responsive web apps.

- - - - - - - Visit Page - - - -
+
+
+ 02 +

Fade transition

+

Cross-fades between slides when the relationship between items is looser.

+
Best for featured content240ms
+
+ +
-
- - - Ultimate UI for ASP.NET - - -

Build full-featured business apps with the most versatile set of ASP.NET AJAX UI controls.

- - - - - - - Visit Page - - - -
+
+
+ 03 +

No transition

+

Updates the active slide immediately for reduced motion or dense workflows.

+
Best for direct state changes0ms
+
+ +
<% if (false) { %><% } %> - diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json index 5ca8679f6c..c35762292f 100644 --- a/samples/layouts/carousel/animations/package.json +++ b/samples/layouts/carousel/animations/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.6.3" }, diff --git a/samples/layouts/carousel/animations/src/index.css b/samples/layouts/carousel/animations/src/index.css index bc46e47af4..a2744d8819 100644 --- a/samples/layouts/carousel/animations/src/index.css +++ b/samples/layouts/carousel/animations/src/index.css @@ -1,48 +1,196 @@ /* shared styles are loaded from: */ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ .carousel-wrapper { - height: 600px; - width: 90%; - margin: 20px auto; display: flex; + width: min(860px, calc(100% - 32px)); flex-direction: column; - justify-content: space-between; + gap: 16px; + margin: 16px auto 0; } .action-wrapper { - height: 40px; - width: 500px; display: flex; - justify-content: space-between; - margin-bottom: 10px; + align-items: center; + justify-content: flex-end; + gap: 24px; } .action { display: flex; align-items: center; + gap: 8px; +} + +.action-label { + color: var(--ig-gray-700); +} + +igc-select { + width: 150px; + --ig-size: var(--ig-size-small); +} + +igc-switch { + --ig-size: var(--ig-size-small); +} + +igc-carousel { + height: 360px; + overflow: hidden; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + background: var(--ig-surface-500); +} + +igc-carousel::part(previous), +igc-carousel::part(next) { + width: 40px; + height: 40px; + transition: opacity 120ms ease-in-out; +} + +igc-carousel.is-orientation-changing::part(previous), +igc-carousel.is-orientation-changing::part(next) { + opacity: 0; + pointer-events: none; +} + +igc-carousel::part(previous) { + left: 16px; +} + +igc-carousel::part(next) { + right: 16px; +} + +igc-carousel[vertical]::part(previous), +igc-carousel[vertical]::part(next) { + left: auto; + right: 16px; + transform: none; } .slide-wrapper { - display: flex; + position: relative; + display: grid; + box-sizing: border-box; + place-items: center; + width: 100%; + height: 100%; + margin: 0; + padding: 56px 84px; + overflow: hidden; + background: + linear-gradient(135deg, color-mix(in srgb, var(--ig-primary-500) 8%, transparent), transparent 46%), + linear-gradient(315deg, color-mix(in srgb, var(--ig-secondary-500) 10%, transparent), transparent 42%), + var(--ig-gray-100); +} + +.slide-content { + position: relative; + z-index: 1; + width: min(460px, calc(100% - 128px)); + max-width: 460px; + color: var(--ig-gray-900); +} + +.slide-label { + display: block; + margin-bottom: 12px; + color: var(--ig-primary-500); + font-size: 12px; + font-weight: 700; +} + +.slide-content h3 { + margin: 0; + font-size: 32px; + line-height: 1.15; +} + +.slide-content p { + margin: 12px 0 0; + color: var(--ig-gray-700); + font-size: 18px; + line-height: 1.45; +} + +.slide-details { + display: inline-flex; align-items: center; - justify-content: center; - padding: 10px; + gap: 16px; + margin-top: 28px; + padding: 10px 14px; + border: 1px solid var(--ig-gray-300); + border-radius: 999px; + background: color-mix(in srgb, var(--ig-surface-500) 72%, transparent); } -igc-carousel { - border: 0.5px solid #dde0e4; +.slide-details span { + color: var(--ig-gray-700); } -igc-select { - width: 150px; - margin-left: 10px; - --ig-size: var(--ig-size-small); +.slide-details strong { + color: var(--ig-gray-900); } -igc-card { - border: none; +.slide-preview { + position: absolute; + z-index: 0; + right: 84px; + top: 50%; + display: grid; + width: 120px; + height: 220px; + grid-template-columns: repeat(3, 1fr); + align-items: center; + gap: 14px; + transform: translateY(-50%); +} + +.slide-preview span { + display: block; + border-radius: 8px; + background: color-mix(in srgb, var(--ig-primary-500) 20%, transparent); + box-shadow: 0 10px 24px rgb(0 0 0 / 0.12); +} + +.slide-preview span:nth-child(1) { + height: 120px; + opacity: 0.55; +} + +.slide-preview span:nth-child(2) { + height: 180px; + background: var(--ig-primary-300); } -igc-card-header { - padding: 8px 16px; -} \ No newline at end of file +.slide-preview span:nth-child(3) { + height: 92px; + opacity: 0.75; +} + +@media (max-width: 640px) { + .action-wrapper { + align-items: flex-start; + flex-direction: column; + gap: 12px; + } + + .slide-wrapper { + grid-template-columns: 1fr; + gap: 28px; + padding: 32px 64px; + } + + .slide-preview { + position: static; + width: 100%; + height: 120px; + transform: none; + } + + .slide-content h3 { + font-size: 28px; + } +} diff --git a/samples/layouts/carousel/animations/src/index.ts b/samples/layouts/carousel/animations/src/index.ts index 2b68f19863..1157bb5dd4 100644 --- a/samples/layouts/carousel/animations/src/index.ts +++ b/samples/layouts/carousel/animations/src/index.ts @@ -1,28 +1,34 @@ -import { defineComponents, IgcButtonComponent, IgcCardComponent, IgcCarouselComponent, IgcSelectComponent, IgcSwitchComponent } from "igniteui-webcomponents"; +import { + defineComponents, + IgcCarouselComponent, + IgcSelectComponent, + IgcSwitchComponent, +} from "igniteui-webcomponents"; import "igniteui-webcomponents/themes/light/bootstrap.css"; import "./index.css"; -defineComponents(IgcCarouselComponent, IgcSelectComponent, IgcCardComponent, IgcButtonComponent, IgcSwitchComponent); +defineComponents(IgcCarouselComponent, IgcSelectComponent, IgcSwitchComponent); -export class CarouselAnimations { - private carousel: IgcCarouselComponent; - private select: IgcSelectComponent; - private switch: IgcSwitchComponent; +const carousel = document.querySelector("igc-carousel") as IgcCarouselComponent; +const select = document.querySelector("igc-select") as IgcSelectComponent; +const verticalSwitch = document.querySelector("igc-switch") as IgcSwitchComponent; +let orientationTimer: number | undefined; - constructor() { - this.carousel = document.querySelector('igc-carousel') as IgcCarouselComponent; - this.select = document.querySelector('igc-select') as IgcSelectComponent; - this.switch = document.querySelector('igc-switch') as IgcSwitchComponent; +select.addEventListener("igcChange", (event: CustomEvent<{ value: "slide" | "fade" | "none" }>) => { + carousel.animationType = event.detail.value; +}); - this.select.addEventListener("igcChange", (e) => { - const animation = e.detail.value as 'slide' | 'fade' | 'none'; - this.carousel.animationType = animation; - }); +verticalSwitch.addEventListener("igcChange", (event: CustomEvent<{ checked: boolean }>) => { + const isVertical = event.detail.checked; - this.switch.addEventListener("igcChange", (e) => { - this.carousel.vertical = e.detail.checked; - }); - } -} + if (orientationTimer !== undefined) { + window.clearTimeout(orientationTimer); + } -new CarouselAnimations(); + carousel.classList.add("is-orientation-changing"); + + orientationTimer = window.setTimeout(() => { + carousel.vertical = isVertical; + window.requestAnimationFrame(() => carousel.classList.remove("is-orientation-changing")); + }, 120); +}); diff --git a/samples/layouts/carousel/components/index.html b/samples/layouts/carousel/components/index.html index b2e2b7d14e..677c7902e4 100644 --- a/samples/layouts/carousel/components/index.html +++ b/samples/layouts/carousel/components/index.html @@ -3,48 +3,83 @@ Carousel With Components - - + -
- -
- -
- - - - - + +
+ +
+ Featured route +

Coastal weekend

+

Browse curated travel ideas and search directly from the active slide.

+
+ + - Sign In +
+ 3 stops + Sea view + Weekend +
+ Explore -
+ + - -
- -
- - - - Search + +
+
+
+ City guide +

Museum night pass

+

Reserve a late gallery visit and keep the event details visible in the active slide.

+
+
+ +
6:30 PM - 10:00 PMNorth wing galleries
+
+ Send event reminder + Notify Me +
+ +
+ + +
+ +
+ Seasonal offer +

Resort day access

+

Build a compact offer configuration that lets users review inclusions before applying a code.

+
+
+
Day pass$89
+ Pool access and spa credit included +
+
Lunch add-on+$18
+ + Apply Code -
+ +
<% if (false) { %><% } %> - diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json index 943d48106d..c059cb954f 100644 --- a/samples/layouts/carousel/components/package.json +++ b/samples/layouts/carousel/components/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.6.3" }, diff --git a/samples/layouts/carousel/components/src/index.css b/samples/layouts/carousel/components/src/index.css index f082c8e000..085a361ded 100644 --- a/samples/layouts/carousel/components/src/index.css +++ b/samples/layouts/carousel/components/src/index.css @@ -1,28 +1,340 @@ /* shared styles are loaded from: */ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ - .carousel-container { - padding: 16px; + width: min(760px, 100%); + margin: 16px auto 0; } igc-carousel { - margin-inline: auto; - max-width: 75%; - height: 500px; + height: 440px; + overflow: hidden; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + background: var(--ig-surface-500); +} + +igc-carousel::part(previous), +igc-carousel::part(next) { + width: 40px; + height: 40px; +} + +igc-carousel::part(previous) { + left: 16px; +} + +igc-carousel::part(next) { + right: 16px; +} + +igc-carousel::part(indicators) { + background: transparent; } igc-carousel-slide { - display: flex; - justify-content: center; - align-items: center; + display: grid; + box-sizing: border-box; + height: 100%; + padding-bottom: 48px; + place-items: center; +} + +igc-carousel-slide.slide-frame { + background: var(--ig-gray-100); +} + +.slide-shell { + display: grid; + grid-template-columns: minmax(0, 390px) 120px; + width: fit-content; + height: auto; + align-items: center; + justify-content: center; + gap: 28px; + margin: 0 auto; + padding: 24px 0; +} + +igc-carousel-slide.slide-coast { + background: + linear-gradient(135deg, color-mix(in srgb, var(--ig-primary-500) 12%, transparent), transparent 45%), + var(--ig-gray-100); +} + +igc-carousel-slide.slide-city { + background: + linear-gradient(135deg, color-mix(in srgb, var(--ig-secondary-500) 12%, transparent), transparent 45%), + var(--ig-gray-100); +} + +igc-carousel-slide.slide-resort { + padding-bottom: 76px; + background: + linear-gradient(135deg, color-mix(in srgb, var(--ig-success-500) 12%, transparent), transparent 45%), + var(--ig-gray-100); +} + +.feature-card { + display: grid; + gap: 14px; + padding: 22px 24px; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + background: color-mix(in srgb, var(--ig-surface-500) 86%, transparent); + box-shadow: 0 14px 34px rgb(0 0 0 / 0.14); +} + +.slide-label { + color: var(--ig-primary-500); + font-size: 12px; + font-weight: 700; +} + +.feature-copy { + display: grid; + gap: 8px; +} + +.feature-copy h3 { + margin: 0; + color: var(--ig-gray-900); + font-size: 24px; + line-height: 1.2; +} + +.feature-copy p { + margin: 0 0 8px; + color: var(--ig-gray-700); + line-height: 1.45; +} + +.feature-card igc-button { + justify-self: start; +} + +.chip-row { + display: flex; + flex-wrap: wrap; + gap: 8px; +} + +.chip-row span { + padding: 6px 10px; + border: 1px solid var(--ig-gray-300); + border-radius: 999px; + color: var(--ig-gray-700); + background: var(--ig-surface-500); + font-size: 14px; +} + +.route-visual { + display: grid; + width: 120px; + height: 180px; + grid-template-columns: repeat(3, 1fr); + align-items: end; + gap: 8px; +} + +.route-visual span { + display: block; + border-radius: 8px; + background: color-mix(in srgb, var(--ig-surface-500) 72%, transparent); + box-shadow: 0 10px 24px rgb(0 0 0 / 0.12); +} + +.route-visual span:nth-child(1) { + height: 46%; + opacity: 0.75; +} + +.route-visual span:nth-child(2) { + height: 82%; +} + +.route-visual span:nth-child(3) { + height: 62%; + opacity: 0.9; } -igc-carousel-slide div { - text-align: center; - max-width: 40%; - margin-inline: auto; +.event-card { + gap: 10px; + padding: 18px 22px; } -igc-carousel-slide div * { - margin-block: 8px; -} \ No newline at end of file +.event-summary { + display: flex; + align-items: center; + gap: 12px; + padding: 10px 12px; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + background: var(--ig-surface-500); +} + +.event-date { + display: grid; + width: 46px; + padding: 4px 0; + place-items: center; + border-radius: 6px; + color: var(--ig-primary-500); + background: color-mix(in srgb, var(--ig-primary-500) 16%, transparent); + font-size: 10px; + font-weight: 700; + line-height: 1.1; +} + +.event-date strong { + color: var(--ig-gray-900); + font-size: 22px; +} + +.event-details { + display: grid; + gap: 3px; + color: var(--ig-gray-700); + font-size: 14px; +} + +.event-details strong { + color: var(--ig-gray-900); + font-size: 15px; +} + +.event-visual { + position: relative; + width: 120px; + height: 180px; +} + +.ticket-stack { + position: absolute; + top: 10px; + left: 20px; + width: 96px; + height: 144px; +} + +.ticket { + position: absolute; + display: grid; + width: 96px; + height: 144px; + border-radius: 10px; + background: color-mix(in srgb, var(--ig-surface-500) 74%, transparent); + box-shadow: 0 10px 24px rgb(0 0 0 / 0.12); +} + +.ticket--back { + top: 12px; + left: -20px; + opacity: 0.56; + transform: rotate(-8deg); +} + +.ticket--front { + inset: 0; + grid-template-rows: 1fr auto 1fr; + padding: 18px; + transform: rotate(5deg); +} + +.ticket--front span { + display: block; + height: 8px; + border-radius: 999px; + background: var(--ig-primary-300); +} + +.ticket--front span:nth-child(2) { + width: 72%; + background: var(--ig-primary-500); +} + +.ticket--front span:nth-child(3) { + align-self: end; + width: 54%; + background: var(--ig-gray-300); +} + +.offer-summary { + display: grid; + gap: 4px; + color: var(--ig-gray-700); + font-size: 14px; +} + +.offer-card { + gap: 8px; + padding: 16px 22px; +} + +.offer-summary > div { + display: flex; + align-items: baseline; + justify-content: space-between; +} + +.offer-summary strong { + color: var(--ig-gray-900); + font-size: 24px; +} + +.addon-row { + display: flex; + align-items: center; + justify-content: space-between; + padding: 9px 12px; + border-radius: 8px; + color: var(--ig-gray-700); + background: var(--ig-gray-100); + font-size: 14px; +} + +.addon-row strong { + color: var(--ig-gray-900); +} + +.amenity-visual { + display: grid; + width: 120px; + height: 180px; + align-content: center; + gap: 12px; +} + +.amenity-visual span { + display: block; + height: 44px; + border-radius: 12px; + background: color-mix(in srgb, var(--ig-surface-500) 74%, transparent); + box-shadow: 0 10px 24px rgb(0 0 0 / 0.12); +} + +.amenity-visual span:nth-child(1) { + width: 78%; +} + +.amenity-visual span:nth-child(2) { + width: 100%; + background: color-mix(in srgb, var(--ig-surface-500) 90%, transparent); +} + +.amenity-visual span:nth-child(3) { + width: 62%; + justify-self: end; +} + +@media (max-width: 720px) { + .slide-shell { + grid-template-columns: 1fr; + padding: 32px 64px; + } + + .feature-visual, + .event-visual, + .amenity-visual { + display: none; + } +} diff --git a/samples/layouts/carousel/components/src/index.ts b/samples/layouts/carousel/components/src/index.ts index 6a428fc31c..ae79b57837 100644 --- a/samples/layouts/carousel/components/src/index.ts +++ b/samples/layouts/carousel/components/src/index.ts @@ -1,33 +1,34 @@ -import { defineComponents, IgcButtonComponent, IgcCarouselComponent, IgcIconComponent, IgcInputComponent, registerIconFromText } from "igniteui-webcomponents"; +import { + defineComponents, + IgcButtonComponent, + IgcCarouselComponent, + IgcCheckboxComponent, + IgcIconComponent, + IgcInputComponent, + registerIconFromText, +} from "igniteui-webcomponents"; import "igniteui-webcomponents/themes/light/bootstrap.css"; import "./index.css"; -defineComponents(IgcCarouselComponent, IgcInputComponent, IgcButtonComponent, IgcIconComponent); +defineComponents( + IgcCarouselComponent, + IgcCheckboxComponent, + IgcInputComponent, + IgcButtonComponent, + IgcIconComponent +); const icons = [ - { - name: "person", - iconText: - '' - }, - { - name: "password", - iconText: - '' - }, - { - name: "search", - iconText: - '' - } + { + name: "password", + iconText: + '', + }, + { + name: "search", + iconText: + '', + }, ]; -export class CarouselComponents { - constructor() { - icons.forEach((icon) => { - registerIconFromText(icon.name, icon.iconText); - }); - } -} - -new CarouselComponents(); +icons.forEach((icon) => registerIconFromText(icon.name, icon.iconText)); diff --git a/samples/layouts/carousel/configuration/.prettierrc b/samples/layouts/carousel/configuration/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/carousel/configuration/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/carousel/configuration/index.html b/samples/layouts/carousel/configuration/index.html new file mode 100644 index 0000000000..0a628ffed5 --- /dev/null +++ b/samples/layouts/carousel/configuration/index.html @@ -0,0 +1,50 @@ + + + + Carousel Configuration + + + + + + + + + + +
+
+
+ Hide navigation + Hide indicators + Disable loop +
+ + +
+ 01 +

Coastal route

+

A compact visual slide for checking navigation and indicators.

+
+ + +
+ 02 +

City guide

+

A second slide makes loop behavior easy to verify.

+
+ + +
+ 03 +

Resort access

+

Use the controls to compare the Carousel configuration states.

+
+ + +
+
+ + <% if (false) { %><% } %> + + diff --git a/samples/layouts/carousel/configuration/package.json b/samples/layouts/carousel/configuration/package.json new file mode 100644 index 0000000000..24ef218c05 --- /dev/null +++ b/samples/layouts/carousel/configuration/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-carousel-configuration", + "version": "1.0.0", + "description": "This project provides a Carousel configuration example using Ignite UI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "^7.3.0", + "lit": "^3.2.0", + "lit-html": "^3.3.1", + "tslib": "^2.6.3" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/carousel/configuration/sandbox.config.json b/samples/layouts/carousel/configuration/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/carousel/configuration/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/carousel/configuration/src/index.css b/samples/layouts/carousel/configuration/src/index.css new file mode 100644 index 0000000000..61cc70dac2 --- /dev/null +++ b/samples/layouts/carousel/configuration/src/index.css @@ -0,0 +1,90 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.configuration-sample { + display: grid; + width: min(860px, calc(100% - 32px)); + gap: 16px; + margin: 16px auto 0; +} + +.configuration-controls { + display: grid; + grid-template-columns: repeat(3, max-content); + align-items: center; + justify-content: end; + gap: 16px; +} + +igc-switch { + --ig-size: var(--ig-size-small); +} + +igc-carousel { + height: 340px; + overflow: hidden; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + background: var(--ig-surface-500); +} + +igc-carousel::part(previous), +igc-carousel::part(next) { + width: 40px; + height: 40px; +} + +igc-carousel::part(previous) { + left: 16px; +} + +igc-carousel::part(next) { + right: 16px; +} + +igc-carousel-slide { + display: grid; + height: 100%; + place-items: center; + background: + linear-gradient(135deg, color-mix(in srgb, var(--ig-primary-500) 12%, transparent), transparent 42%), + linear-gradient(315deg, color-mix(in srgb, var(--ig-secondary-500) 12%, transparent), transparent 42%), + var(--ig-gray-100); +} + +.slide-card { + display: grid; + width: min(420px, 100%); + gap: 10px; + margin: 0; + padding: 28px; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + color: var(--ig-gray-900); + background: color-mix(in srgb, var(--ig-surface-500) 88%, transparent); + box-shadow: 0 14px 34px rgb(0 0 0 / 0.14); +} + +.slide-card span { + color: var(--ig-primary-500); + font-size: 12px; + font-weight: 700; +} + +.slide-card h3 { + margin: 0; + font-size: 28px; + line-height: 1.2; +} + +.slide-card p { + margin: 0; + color: var(--ig-gray-700); + line-height: 1.45; +} + +@media (max-width: 760px) { + .configuration-controls { + grid-template-columns: repeat(2, minmax(0, 1fr)); + justify-content: stretch; + } +} diff --git a/samples/layouts/carousel/configuration/src/index.ts b/samples/layouts/carousel/configuration/src/index.ts new file mode 100644 index 0000000000..834d719a97 --- /dev/null +++ b/samples/layouts/carousel/configuration/src/index.ts @@ -0,0 +1,24 @@ +import { defineComponents, IgcCarouselComponent, IgcSwitchComponent } from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; + +defineComponents(IgcCarouselComponent, IgcSwitchComponent); + +const carousel = document.querySelector("#carousel") as IgcCarouselComponent; + +const configureSwitch = (id: string, update: (checked: boolean) => void) => { + const control = document.querySelector(`#${id}`) as IgcSwitchComponent; + control.addEventListener("igcChange", (event: CustomEvent) => update(event.detail.checked)); +}; + +configureSwitch("hide-navigation", (checked) => { + carousel.hideNavigation = checked; +}); + +configureSwitch("hide-indicators", (checked) => { + carousel.hideIndicators = checked; +}); + +configureSwitch("disable-loop", (checked) => { + carousel.disableLoop = checked; +}); diff --git a/samples/layouts/carousel/configuration/tsconfig.json b/samples/layouts/carousel/configuration/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/carousel/configuration/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/carousel/configuration/webpack.config.js b/samples/layouts/carousel/configuration/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/carousel/configuration/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json index 10f0e60599..96e80087bc 100644 --- a/samples/layouts/carousel/overview/package.json +++ b/samples/layouts/carousel/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.6.3" }, diff --git a/samples/layouts/carousel/overview/src/index.css b/samples/layouts/carousel/overview/src/index.css index fa929e24ce..8d70157b84 100644 --- a/samples/layouts/carousel/overview/src/index.css +++ b/samples/layouts/carousel/overview/src/index.css @@ -6,6 +6,7 @@ .image-container { display: flex; + height: 100%; align-items: center; justify-content: center; } @@ -27,4 +28,4 @@ igc-carousel-slide::part(base) { align-items: center; max-width: 75%; margin-inline: auto; -} \ No newline at end of file +} diff --git a/samples/layouts/carousel/styling/.prettierrc b/samples/layouts/carousel/styling/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/carousel/styling/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/carousel/styling/index.html b/samples/layouts/carousel/styling/index.html new file mode 100644 index 0000000000..1d01f048bb --- /dev/null +++ b/samples/layouts/carousel/styling/index.html @@ -0,0 +1,48 @@ + + + + Carousel Styling + + + + + + + + +
+
+ + + + + +
+ Wonderful coast +
01

Coastal retreat

A quiet route along cliffs, beach towns, and open water.

+
+ + + + +
+ Cultural district +
02

Cultural district

Museums, galleries, and historic streets in one walkable plan.

+
+ + + + +
+ Golden beaches +
03

Golden beaches

A sunny itinerary built around swimming, dining, and sunsets.

+
+ + + +
+
+ + <% if (false) { %><% } %> + + diff --git a/samples/inputs/switches/label/package.json b/samples/layouts/carousel/styling/package.json similarity index 94% rename from samples/inputs/switches/label/package.json rename to samples/layouts/carousel/styling/package.json index 02513db0ed..48f3339e55 100644 --- a/samples/inputs/switches/label/package.json +++ b/samples/layouts/carousel/styling/package.json @@ -1,7 +1,7 @@ { - "name": "wc-switch-label", + "name": "wc-carousel-styling", "version": "1.0.0", - "description": "This project provides example of Switch Label using IgniteUI for Web Components", + "description": "This project provides a Carousel styling example using Ignite UI for Web Components", "main": "src/index.ts", "scripts": { "build": "npm run build:prod", @@ -26,7 +26,7 @@ "igniteui-webcomponents": "^7.3.0", "lit": "^3.2.0", "lit-html": "^3.3.1", - "tslib": "^2.8.1" + "tslib": "^2.6.3" }, "devDependencies": { "@babel/cli": "^7.28.3", diff --git a/samples/layouts/carousel/styling/sandbox.config.json b/samples/layouts/carousel/styling/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/carousel/styling/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/carousel/styling/src/index.css b/samples/layouts/carousel/styling/src/index.css new file mode 100644 index 0000000000..d6592a6f5a --- /dev/null +++ b/samples/layouts/carousel/styling/src/index.css @@ -0,0 +1,106 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.styled-carousel { + width: min(860px, 100%); + height: 430px; + margin: 16px auto 0; + border: 1px solid var(--ig-gray-300); + border-radius: 8px; + overflow: hidden; + background: var(--ig-surface-500); +} + +.styled-carousel::part(indicators) { + gap: 8px; + padding: 6px 10px; + border-radius: 999px; + background: rgba(255, 255, 255, 0.82); + box-shadow: 0 6px 16px rgba(11, 31, 53, 0.16); +} + +.styled-carousel::part(previous), +.styled-carousel::part(next) { + display: grid; + width: 40px; + height: 40px; + place-items: center; + border-radius: 50%; + color: var(--ig-gray-800); + background: rgba(255, 255, 255, 0.88); + box-shadow: 0 6px 16px rgba(11, 31, 53, 0.22); +} + +.carousel-navigation-button { + display: inline-grid; + width: 20px; + height: 20px; + place-items: center; + line-height: 1; +} + +.carousel-navigation-button igc-icon { + width: 20px; + height: 20px; + color: inherit; +} + +.carousel-indicator { + display: block; + width: 9px; + height: 9px; + border: 2px solid var(--ig-gray-600); + border-radius: 50%; + background: transparent; +} + +.carousel-indicator-active { + border-color: var(--ig-primary-500); + background: var(--ig-primary-500); +} + +.slide-card { + position: relative; + display: grid; + width: 100%; + height: 100%; + margin: 0; + overflow: hidden; +} + +.slide-image { + width: 100%; + height: 100%; + object-fit: cover; +} + +.slide-content { + position: absolute; + inset: auto 56px 44px 56px; + max-width: 380px; + padding: 20px 24px; + border-radius: 8px; + color: var(--ig-gray-900); + background: rgba(255, 255, 255, 0.88); + box-shadow: 0 14px 34px rgba(11, 31, 53, 0.18); +} + +.slide-label { + display: block; + margin-bottom: 8px; + color: var(--ig-primary-600); + font-size: 12px; + font-weight: 700; + letter-spacing: 0; +} + +.slide-content h3 { + margin: 0; + font-size: 24px; + line-height: 1.2; +} + +.slide-content p { + margin: 8px 0 0; + color: var(--ig-gray-700); + line-height: 1.45; +} diff --git a/samples/layouts/carousel/styling/src/index.ts b/samples/layouts/carousel/styling/src/index.ts new file mode 100644 index 0000000000..34b75bdf5c --- /dev/null +++ b/samples/layouts/carousel/styling/src/index.ts @@ -0,0 +1,19 @@ +import { + defineComponents, + IgcCarouselComponent, + IgcIconComponent, + registerIconFromText, +} from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; + +defineComponents(IgcCarouselComponent, IgcIconComponent); + +registerIconFromText( + "chevron-left", + '' +); +registerIconFromText( + "chevron-right", + '' +); diff --git a/samples/layouts/carousel/styling/tsconfig.json b/samples/layouts/carousel/styling/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/carousel/styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/carousel/styling/webpack.config.js b/samples/layouts/carousel/styling/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/carousel/styling/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/carousel/tailwind-styling/.prettierrc b/samples/layouts/carousel/tailwind-styling/.prettierrc new file mode 100644 index 0000000000..ca4ad0c3c9 --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/.prettierrc @@ -0,0 +1,9 @@ +{ + "singleQuote": true, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "arrowParens": "avoid", + "printWidth": 120, + "tabWidth": 4 +} diff --git a/samples/layouts/carousel/tailwind-styling/index.html b/samples/layouts/carousel/tailwind-styling/index.html new file mode 100644 index 0000000000..96872fba4f --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/index.html @@ -0,0 +1,63 @@ + + + + Carousel Tailwind Styling + + + + + + + + +
+
+ + + + + +
+ Scenic travel destination +
+
01 / ITINERARY

Scenic getaway

A flexible travel plan built around memorable views and time to explore.

+
3 days8 stopsFlexible dates
+
Scenic routeFlexible pace
+ View itinerary +
+
+ + + + +
+ Mountain trail ride +
+
02 / ITINERARY

Mountain trail ride

A high-energy route through rugged terrain, with technical descents and open trail views.

+
1 day12 kmAdvanced
+
Mountain bikeTrail ride
+ View itinerary +
+
+ + + + +
+ Weekend escape +
+
03 / ITINERARY

Weekend escape

A short break with unhurried moments, fresh perspectives, and room to recharge.

+
Weekend5 highlightsYear round
+
UnwindGo at your pace
+ View itinerary +
+
+ + + +
+
+ + <% if (false) { %><% } %> + + diff --git a/samples/layouts/carousel/tailwind-styling/package.json b/samples/layouts/carousel/tailwind-styling/package.json new file mode 100644 index 0000000000..1cf14e0ea5 --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/package.json @@ -0,0 +1,64 @@ +{ + "name": "wc-carousel-tailwind-styling", + "version": "1.0.0", + "description": "This project provides a Carousel Tailwind styling example using Ignite UI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color", + "build:prod": "webpack --env NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env legacy=true --mode development --config ./webpack.config.js --progress --color", + "build:prod:legacy": "webpack --env NODE_ENV=production --env legacy=true --mode production --config ./webpack.config.js --progress --color --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env NODE_ENV=production --env legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "^7.3.0", + "lit": "^3.2.0", + "lit-html": "^3.3.1", + "postcss": "^8.5.6", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@tailwindcss/postcss": "^4.1.14", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "postcss-loader": "^8.1.1", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tailwindcss": "^4.1.14", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/carousel/tailwind-styling/postcss.config.mjs b/samples/layouts/carousel/tailwind-styling/postcss.config.mjs new file mode 100644 index 0000000000..9b544e33d6 --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/postcss.config.mjs @@ -0,0 +1,5 @@ +export default { + plugins: { + "@tailwindcss/postcss": {} + } +}; diff --git a/samples/layouts/carousel/tailwind-styling/sandbox.config.json b/samples/layouts/carousel/tailwind-styling/sandbox.config.json new file mode 100644 index 0000000000..7943263c8b --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/sandbox.config.json @@ -0,0 +1,6 @@ +{ + "infiniteLoopProtection": true, + "hardReloadOnChange": false, + "view": "browser", + "template": "node" +} diff --git a/samples/layouts/carousel/tailwind-styling/src/index.css b/samples/layouts/carousel/tailwind-styling/src/index.css new file mode 100644 index 0000000000..7894cb0d6a --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/src/index.css @@ -0,0 +1,31 @@ +@import "tailwindcss/theme.css" layer(theme); +@import "tailwindcss/utilities.css" layer(utilities); +@source "../index.html"; + +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ +.styled-carousel::part(indicators) { + gap: 8px; + padding: 6px 10px; + border-radius: 999px; + background: rgba(255, 255, 255, 0.82); + box-shadow: 0 6px 16px rgba(11, 31, 53, 0.16); +} + +.styled-carousel::part(previous), +.styled-carousel::part(next) { + display: grid; + width: 40px; + height: 40px; + place-items: center; + border-radius: 50%; + color: var(--ig-gray-800); + background: rgba(255, 255, 255, 0.88); + box-shadow: 0 6px 16px rgba(11, 31, 53, 0.22); +} + +.carousel-navigation-button igc-icon { + width: 20px; + height: 20px; + color: inherit; +} diff --git a/samples/layouts/carousel/tailwind-styling/src/index.ts b/samples/layouts/carousel/tailwind-styling/src/index.ts new file mode 100644 index 0000000000..1d36398b7a --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/src/index.ts @@ -0,0 +1,20 @@ +import { + defineComponents, + IgcButtonComponent, + IgcCarouselComponent, + IgcIconComponent, + registerIconFromText, +} from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; + +defineComponents(IgcButtonComponent, IgcCarouselComponent, IgcIconComponent); + +registerIconFromText( + "chevron-left", + '' +); +registerIconFromText( + "chevron-right", + '' +); diff --git a/samples/layouts/carousel/tailwind-styling/tailwind.config.cjs b/samples/layouts/carousel/tailwind-styling/tailwind.config.cjs new file mode 100644 index 0000000000..f742e55471 --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/tailwind.config.cjs @@ -0,0 +1,6 @@ +module.exports = { + content: ["./index.html", "./src/**/*.{ts,js}"], + corePlugins: { + preflight: false, + }, +}; diff --git a/samples/layouts/carousel/tailwind-styling/tsconfig.json b/samples/layouts/carousel/tailwind-styling/tsconfig.json new file mode 100644 index 0000000000..7c639d7f0c --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} diff --git a/samples/layouts/carousel/tailwind-styling/webpack.config.js b/samples/layouts/carousel/tailwind-styling/webpack.config.js new file mode 100644 index 0000000000..32bef0e16e --- /dev/null +++ b/samples/layouts/carousel/tailwind-styling/webpack.config.js @@ -0,0 +1,121 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = env?.NODE_ENV || process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!env?.legacy && !(env.legacy == 'false'); + console.log('>> webpack nodeEnv=' + nodeEnv); + console.log('>> webpack isProd=' + isProd); + console.log('>> webpack isLegacy=' + isLegacy); + const presets = [ + ['@babel/preset-env', { + useBuiltIns: 'usage', + corejs: 3, + targets: { + browsers: isLegacy ? ['defaults'] : [ + 'last 2 Chrome versions', + 'last 2 Safari versions', + 'last 2 iOS versions', + 'last 2 Firefox versions', + 'last 2 Edge versions' + ] + } + }], + '@babel/preset-typescript' + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist') + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { + test: /\.css$/, + sideEffects: true, + use: [ + 'style-loader', + { + loader: 'css-loader', + options: { importLoaders: 1 } + }, + 'postcss-loader' + ] + }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', + options: { + compact: isProd ? true : false, + presets: presets, + plugins: [ + '@babel/plugin-transform-class-static-block', + '@babel/plugin-transform-class-properties', + '@babel/plugin-transform-runtime' + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, + loader: 'babel-loader', + options: { + compact: isProd ? true : false, + presets: presets, + plugins: [ + '@babel/plugin-transform-class-static-block', + '@babel/plugin-transform-class-properties', + '@babel/plugin-transform-runtime' + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json index da94204133..2051c3a194 100644 --- a/samples/layouts/carousel/thumbnail/package.json +++ b/samples/layouts/carousel/thumbnail/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.6.3" }, diff --git a/samples/layouts/carousel/thumbnail/src/index.css b/samples/layouts/carousel/thumbnail/src/index.css index fa467ec05d..56d777920a 100644 --- a/samples/layouts/carousel/thumbnail/src/index.css +++ b/samples/layouts/carousel/thumbnail/src/index.css @@ -1,7 +1,8 @@ /* shared styles are loaded from: */ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ igc-carousel { - margin-inline: auto; + height: 420px; + margin: 16px auto 0; max-width: 75%; } @@ -9,7 +10,13 @@ igc-carousel::part(indicators) { border-radius: 2px; } +igc-carousel-slide img { + width: 100%; + height: 100%; + object-fit: cover; +} + .blurred { filter: blur(2px); opacity: 0.5; -} \ No newline at end of file +} diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json index 60d22951f4..dc4a711aae 100644 --- a/samples/layouts/divider/dashed/package.json +++ b/samples/layouts/divider/dashed/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json index 4bd141a138..5ca7730f54 100644 --- a/samples/layouts/divider/middle/package.json +++ b/samples/layouts/divider/middle/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json index 60d22951f4..dc4a711aae 100644 --- a/samples/layouts/divider/overview/package.json +++ b/samples/layouts/divider/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json index 60d22951f4..dc4a711aae 100644 --- a/samples/layouts/divider/select/package.json +++ b/samples/layouts/divider/select/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json index 4bd141a138..5ca7730f54 100644 --- a/samples/layouts/divider/vertical/package.json +++ b/samples/layouts/divider/vertical/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/add-content-runtime/package.json b/samples/layouts/dock-manager/add-content-runtime/package.json index adff245d40..def5a35d76 100644 --- a/samples/layouts/dock-manager/add-content-runtime/package.json +++ b/samples/layouts/dock-manager/add-content-runtime/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/contained-in-boundaries/package.json b/samples/layouts/dock-manager/contained-in-boundaries/package.json index 905cb4f2f6..3c3788494e 100644 --- a/samples/layouts/dock-manager/contained-in-boundaries/package.json +++ b/samples/layouts/dock-manager/contained-in-boundaries/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json index 891f30334d..5dc43f6f0f 100644 --- a/samples/layouts/dock-manager/customize-buttons/package.json +++ b/samples/layouts/dock-manager/customize-buttons/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json index d5802dba6c..360dc10a12 100644 --- a/samples/layouts/dock-manager/embedding-frames/package.json +++ b/samples/layouts/dock-manager/embedding-frames/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "igniteui-webcomponents-core": "7.1.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" diff --git a/samples/layouts/dock-manager/focus-panes/package.json b/samples/layouts/dock-manager/focus-panes/package.json index adff245d40..def5a35d76 100644 --- a/samples/layouts/dock-manager/focus-panes/package.json +++ b/samples/layouts/dock-manager/focus-panes/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/hide-pane-headers/package.json b/samples/layouts/dock-manager/hide-pane-headers/package.json index adff245d40..def5a35d76 100644 --- a/samples/layouts/dock-manager/hide-pane-headers/package.json +++ b/samples/layouts/dock-manager/hide-pane-headers/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json index 3c3cc2abe5..2c88eaed9f 100644 --- a/samples/layouts/dock-manager/hiding-panes/package.json +++ b/samples/layouts/dock-manager/hiding-panes/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "igniteui-webcomponents-core": "7.1.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json index bcd0e26db4..a08a527cac 100644 --- a/samples/layouts/dock-manager/overview/package.json +++ b/samples/layouts/dock-manager/overview/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "igniteui-webcomponents-core": "7.1.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" diff --git a/samples/layouts/dock-manager/proximity-dock/package.json b/samples/layouts/dock-manager/proximity-dock/package.json index b9c0f7f8d0..f7045acb9b 100644 --- a/samples/layouts/dock-manager/proximity-dock/package.json +++ b/samples/layouts/dock-manager/proximity-dock/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/split-pane-fixed-size/package.json b/samples/layouts/dock-manager/split-pane-fixed-size/package.json index 7f101ef5d4..0467b281a7 100644 --- a/samples/layouts/dock-manager/split-pane-fixed-size/package.json +++ b/samples/layouts/dock-manager/split-pane-fixed-size/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json index b836375497..6db50ee6ca 100644 --- a/samples/layouts/dock-manager/styling/package.json +++ b/samples/layouts/dock-manager/styling/package.json @@ -24,8 +24,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", - "igniteui-webcomponents": "^7.3.0", + "igniteui-dockmanager": "~2.2.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-core": "7.1.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" diff --git a/samples/layouts/dock-manager/toggle-inner-dock/package.json b/samples/layouts/dock-manager/toggle-inner-dock/package.json index 817b5c7e24..5c6f25adc7 100644 --- a/samples/layouts/dock-manager/toggle-inner-dock/package.json +++ b/samples/layouts/dock-manager/toggle-inner-dock/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json index e86708c879..4705a877d0 100644 --- a/samples/layouts/dock-manager/updating-panes/package.json +++ b/samples/layouts/dock-manager/updating-panes/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^2.1.1", + "igniteui-dockmanager": "~2.2.0", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-gauges": "7.1.0", diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json index 1d66681fdf..e5eae749f8 100644 --- a/samples/layouts/expansion-panel/component-customization/package.json +++ b/samples/layouts/expansion-panel/component-customization/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json index b9550bb392..8c0252a37c 100644 --- a/samples/layouts/expansion-panel/properties-and-events/package.json +++ b/samples/layouts/expansion-panel/properties-and-events/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json index 31b088c190..7fe6aaf3ac 100644 --- a/samples/layouts/expansion-panel/styling/package.json +++ b/samples/layouts/expansion-panel/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json index ab6dfdc055..4b44efe562 100644 --- a/samples/layouts/expansion-panel/usage/package.json +++ b/samples/layouts/expansion-panel/usage/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json index d3385bf108..e6b0460890 100644 --- a/samples/layouts/icon/sizing/package.json +++ b/samples/layouts/icon/sizing/package.json @@ -26,8 +26,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json index d3385bf108..e6b0460890 100644 --- a/samples/layouts/icon/styling/package.json +++ b/samples/layouts/icon/styling/package.json @@ -26,8 +26,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/splitter/base/package.json b/samples/layouts/splitter/base/package.json index d3385bf108..e6b0460890 100644 --- a/samples/layouts/splitter/base/package.json +++ b/samples/layouts/splitter/base/package.json @@ -26,8 +26,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/splitter/nested/package.json b/samples/layouts/splitter/nested/package.json index d3385bf108..e6b0460890 100644 --- a/samples/layouts/splitter/nested/package.json +++ b/samples/layouts/splitter/nested/package.json @@ -26,8 +26,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/splitter/styling/package.json b/samples/layouts/splitter/styling/package.json index d3385bf108..e6b0460890 100644 --- a/samples/layouts/splitter/styling/package.json +++ b/samples/layouts/splitter/styling/package.json @@ -26,8 +26,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json index 113fac30aa..1910bf566e 100644 --- a/samples/layouts/stepper/animations/package.json +++ b/samples/layouts/stepper/animations/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json index afded60ab7..39fda2e08f 100644 --- a/samples/layouts/stepper/linear/package.json +++ b/samples/layouts/stepper/linear/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json index 07db6530fe..746ccbf6e8 100644 --- a/samples/layouts/stepper/orientation/package.json +++ b/samples/layouts/stepper/orientation/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/stepper/overview/package.json b/samples/layouts/stepper/overview/package.json index dd816586b6..2b48b9f2de 100644 --- a/samples/layouts/stepper/overview/package.json +++ b/samples/layouts/stepper/overview/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/stepper/step-height/package.json b/samples/layouts/stepper/step-height/package.json index 6e5ab77de0..ec5bf3c275 100644 --- a/samples/layouts/stepper/step-height/package.json +++ b/samples/layouts/stepper/step-height/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json index 3759b743ff..062102024a 100644 --- a/samples/layouts/stepper/steptypes/package.json +++ b/samples/layouts/stepper/steptypes/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/stepper/styling/package.json b/samples/layouts/stepper/styling/package.json index 7de9638e48..722a1e958f 100644 --- a/samples/layouts/stepper/styling/package.json +++ b/samples/layouts/stepper/styling/package.json @@ -23,9 +23,9 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "install": "^0.13.0", - "lit": "^3.2.0", + "lit": "^3.3.0", "lit-html": "^3.3.1", "npm": "^8.19.2", "tslib": "^2.0.0" diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json index d7050fc1f8..feb6efafb8 100644 --- a/samples/layouts/tabs/alignment/package.json +++ b/samples/layouts/tabs/alignment/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json index 590e162d08..ce266f63f6 100644 --- a/samples/layouts/tabs/overview/package.json +++ b/samples/layouts/tabs/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json index b30a1ebe0c..7920fc40e7 100644 --- a/samples/layouts/tabs/prefix-suffix/package.json +++ b/samples/layouts/tabs/prefix-suffix/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json index a26dd872e6..fe961fcab5 100644 --- a/samples/layouts/tabs/scrolling/package.json +++ b/samples/layouts/tabs/scrolling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tabs/styling/package.json b/samples/layouts/tabs/styling/package.json index 283ca1c209..6647e94e98 100644 --- a/samples/layouts/tabs/styling/package.json +++ b/samples/layouts/tabs/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tailwind/styling/package.json b/samples/layouts/tailwind/styling/package.json index e8be007f48..9a01ff0237 100644 --- a/samples/layouts/tailwind/styling/package.json +++ b/samples/layouts/tailwind/styling/package.json @@ -24,8 +24,8 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-theming": "^25.0.0", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "postcss": "^8.5.6", "tailwindcss": "^4.1.11", diff --git a/samples/layouts/tile-manager/actions/package.json b/samples/layouts/tile-manager/actions/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/actions/package.json +++ b/samples/layouts/tile-manager/actions/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tile-manager/columngap/package.json b/samples/layouts/tile-manager/columngap/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/columngap/package.json +++ b/samples/layouts/tile-manager/columngap/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tile-manager/dragndrop/package.json b/samples/layouts/tile-manager/dragndrop/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/dragndrop/package.json +++ b/samples/layouts/tile-manager/dragndrop/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tile-manager/layout/package.json b/samples/layouts/tile-manager/layout/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/layout/package.json +++ b/samples/layouts/tile-manager/layout/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tile-manager/overview/package.json b/samples/layouts/tile-manager/overview/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/overview/package.json +++ b/samples/layouts/tile-manager/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tile-manager/resize/package.json b/samples/layouts/tile-manager/resize/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/resize/package.json +++ b/samples/layouts/tile-manager/resize/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/tile-manager/styling/package.json b/samples/layouts/tile-manager/styling/package.json index a6fadd553e..b865fa840b 100644 --- a/samples/layouts/tile-manager/styling/package.json +++ b/samples/layouts/tile-manager/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/virtual-scroll/horizontal/.prettierrc b/samples/layouts/virtual-scroll/horizontal/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/horizontal/ReadMe.md b/samples/layouts/virtual-scroll/horizontal/ReadMe.md new file mode 100644 index 0000000000..25c75ceabc --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Horizontal feature using [Virtual Scroll](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/virtual-scroll/horizontal +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/switches/checking/index.html b/samples/layouts/virtual-scroll/horizontal/index.html similarity index 77% rename from samples/inputs/switches/checking/index.html rename to samples/layouts/virtual-scroll/horizontal/index.html index 197d66a352..5a6d19db92 100644 --- a/samples/inputs/switches/checking/index.html +++ b/samples/layouts/virtual-scroll/horizontal/index.html @@ -2,7 +2,7 @@ - Switch Checking + Virtual Scroll Horizontal @@ -14,8 +14,8 @@
-
- Label +
+
@@ -26,4 +26,4 @@ - \ No newline at end of file + diff --git a/samples/layouts/virtual-scroll/horizontal/package.json b/samples/layouts/virtual-scroll/horizontal/package.json new file mode 100644 index 0000000000..91398d8f8e --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-virtual-scroll-horizontal", + "version": "1.0.0", + "description": "This project provides example of Virtual Scroll Horizontal using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/virtual-scroll/horizontal/sandbox.config.json b/samples/layouts/virtual-scroll/horizontal/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/horizontal/src/EmployeeData.ts b/samples/layouts/virtual-scroll/horizontal/src/EmployeeData.ts new file mode 100644 index 0000000000..cc0f0ea228 --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/src/EmployeeData.ts @@ -0,0 +1,46 @@ +export type DepartmentVariant = "primary" | "info" | "success" | "warning" | "danger"; + +export interface Employee { + id: number; + name: string; + initials: string; + email: string; + department: string; + variant: DepartmentVariant; + bio: string | null; +} + +const DEPARTMENTS = ["Engineering", "Design", "Marketing", "Sales", "HR", "Finance", "Legal", "Operations"]; +const VARIANTS: DepartmentVariant[] = ["primary", "info", "success", "warning", "danger"]; + +const FIRST_NAMES = ["Alice", "Bob", "Carol", "David", "Eve", "Frank", "Grace", "Henry", "Iris", "Jack", "Karen", "Leo", "Mia", "Noah", "Olivia", "Paul"]; + +const LAST_NAMES = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Wilson", "Moore", "Taylor", "Anderson", "Thomas", "Jackson"]; + +const BIOS = [ + "Leads a cross-functional team across three time zones and owns the quarterly delivery plan.", + "Specializes in scalable service architecture.", + "Passionate about accessible, pixel-perfect user interfaces and design systems that scale across products.", + "Drives product strategy and stakeholder alignment.", + "Champions data-driven decision making, runs the weekly metrics review and mentors new analysts." +]; + +export function createEmployee(index: number): Employee { + const first = FIRST_NAMES[index % FIRST_NAMES.length]; + const last = LAST_NAMES[Math.floor(index / FIRST_NAMES.length) % LAST_NAMES.length]; + const departmentIndex = index % DEPARTMENTS.length; + + return { + id: index + 1, + name: `${first} ${last}`, + initials: `${first[0]}${last[0]}`, + email: `${first.toLowerCase()}.${last.toLowerCase()}${index + 1}@example.com`, + department: DEPARTMENTS[departmentIndex], + variant: VARIANTS[departmentIndex % VARIANTS.length], + bio: index % 3 === 0 ? BIOS[index % BIOS.length] : null + }; +} + +export function generateEmployees(count: number, startIndex = 0): Employee[] { + return Array.from({ length: count }, (_, i) => createEmployee(startIndex + i)); +} diff --git a/samples/layouts/virtual-scroll/horizontal/src/index.css b/samples/layouts/virtual-scroll/horizontal/src/index.css new file mode 100644 index 0000000000..748ffa5655 --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/src/index.css @@ -0,0 +1,23 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.cards { + block-size: 200px; +} + +/* Items are measured by their border box, so the spacing between cards is + padding on the item wrapper rather than a margin. */ +.cards__item { + box-sizing: border-box; + inline-size: 220px; + block-size: 100%; + padding: 8px; + + & igc-card { + block-size: 100%; + } +} + +.cards__item--wide { + inline-size: 320px; +} diff --git a/samples/layouts/virtual-scroll/horizontal/src/index.ts b/samples/layouts/virtual-scroll/horizontal/src/index.ts new file mode 100644 index 0000000000..edf74776bd --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/src/index.ts @@ -0,0 +1,34 @@ +import { defineComponents, IgcAvatarComponent, IgcCardComponent, IgcChipComponent, IgcVirtualScrollComponent } from "igniteui-webcomponents"; +import type { VirtualScrollItemContext } from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import { html } from "lit"; +import { Employee, generateEmployees } from "./EmployeeData"; +import "./index.css"; + +defineComponents(IgcVirtualScrollComponent, IgcCardComponent, IgcAvatarComponent, IgcChipComponent); + +export class VirtualScrollHorizontal { + private employees: Employee[] = generateEmployees(10_000); + + constructor() { + const virtualScroll = document.getElementById("virtualScroll") as IgcVirtualScrollComponent; + + virtualScroll.itemTemplate = (ctx: VirtualScrollItemContext) => html` +
+ + + +

${ctx.value.name}

+
${ctx.value.bio ? ctx.value.email : `#${ctx.value.id}`}
+ + + ${ctx.value.department} + + +
+ `; + virtualScroll.data = this.employees; + } +} + +new VirtualScrollHorizontal(); diff --git a/samples/layouts/virtual-scroll/horizontal/tsconfig.json b/samples/layouts/virtual-scroll/horizontal/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/horizontal/webpack.config.js b/samples/layouts/virtual-scroll/horizontal/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/virtual-scroll/horizontal/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/virtual-scroll/infinite-scroll/.prettierrc b/samples/layouts/virtual-scroll/infinite-scroll/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/infinite-scroll/ReadMe.md b/samples/layouts/virtual-scroll/infinite-scroll/ReadMe.md new file mode 100644 index 0000000000..8c7d44d468 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Infinite Scroll feature using [Virtual Scroll](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/virtual-scroll/infinite-scroll +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/layouts/virtual-scroll/infinite-scroll/index.html b/samples/layouts/virtual-scroll/infinite-scroll/index.html new file mode 100644 index 0000000000..def2cfb418 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/index.html @@ -0,0 +1,35 @@ + + + + + Virtual Scroll Infinite Scroll + + + + + + + + + + +
+
+ + + +
+ +
+ +
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/layouts/virtual-scroll/infinite-scroll/package.json b/samples/layouts/virtual-scroll/infinite-scroll/package.json new file mode 100644 index 0000000000..dca9440606 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-virtual-scroll-infinite-scroll", + "version": "1.0.0", + "description": "This project provides example of Virtual Scroll Infinite Scroll using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/virtual-scroll/infinite-scroll/sandbox.config.json b/samples/layouts/virtual-scroll/infinite-scroll/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/infinite-scroll/src/EmployeeData.ts b/samples/layouts/virtual-scroll/infinite-scroll/src/EmployeeData.ts new file mode 100644 index 0000000000..cc0f0ea228 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/src/EmployeeData.ts @@ -0,0 +1,46 @@ +export type DepartmentVariant = "primary" | "info" | "success" | "warning" | "danger"; + +export interface Employee { + id: number; + name: string; + initials: string; + email: string; + department: string; + variant: DepartmentVariant; + bio: string | null; +} + +const DEPARTMENTS = ["Engineering", "Design", "Marketing", "Sales", "HR", "Finance", "Legal", "Operations"]; +const VARIANTS: DepartmentVariant[] = ["primary", "info", "success", "warning", "danger"]; + +const FIRST_NAMES = ["Alice", "Bob", "Carol", "David", "Eve", "Frank", "Grace", "Henry", "Iris", "Jack", "Karen", "Leo", "Mia", "Noah", "Olivia", "Paul"]; + +const LAST_NAMES = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Wilson", "Moore", "Taylor", "Anderson", "Thomas", "Jackson"]; + +const BIOS = [ + "Leads a cross-functional team across three time zones and owns the quarterly delivery plan.", + "Specializes in scalable service architecture.", + "Passionate about accessible, pixel-perfect user interfaces and design systems that scale across products.", + "Drives product strategy and stakeholder alignment.", + "Champions data-driven decision making, runs the weekly metrics review and mentors new analysts." +]; + +export function createEmployee(index: number): Employee { + const first = FIRST_NAMES[index % FIRST_NAMES.length]; + const last = LAST_NAMES[Math.floor(index / FIRST_NAMES.length) % LAST_NAMES.length]; + const departmentIndex = index % DEPARTMENTS.length; + + return { + id: index + 1, + name: `${first} ${last}`, + initials: `${first[0]}${last[0]}`, + email: `${first.toLowerCase()}.${last.toLowerCase()}${index + 1}@example.com`, + department: DEPARTMENTS[departmentIndex], + variant: VARIANTS[departmentIndex % VARIANTS.length], + bio: index % 3 === 0 ? BIOS[index % BIOS.length] : null + }; +} + +export function generateEmployees(count: number, startIndex = 0): Employee[] { + return Array.from({ length: count }, (_, i) => createEmployee(startIndex + i)); +} diff --git a/samples/layouts/virtual-scroll/infinite-scroll/src/index.css b/samples/layouts/virtual-scroll/infinite-scroll/src/index.css new file mode 100644 index 0000000000..962eb1b7d3 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/src/index.css @@ -0,0 +1,16 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.employees__viewport { + block-size: 440px; +} + +/* Reserve the space for the progress bar so the list does not shift or overflow while loading. */ +.employees__status { + block-size: 4px; + overflow: hidden; +} + +.employees__status igc-linear-progress { + --ig-linear-bar-track-height: 4px; +} diff --git a/samples/layouts/virtual-scroll/infinite-scroll/src/index.ts b/samples/layouts/virtual-scroll/infinite-scroll/src/index.ts new file mode 100644 index 0000000000..ec47659f61 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/src/index.ts @@ -0,0 +1,69 @@ +import { defineComponents, IgcAvatarComponent, IgcChipComponent, IgcLinearProgressComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcVirtualScrollComponent } from "igniteui-webcomponents"; +import type { VirtualScrollDataRequest, VirtualScrollItemContext } from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import { html } from "lit"; +import { Employee, generateEmployees } from "./EmployeeData"; +import "./index.css"; + +defineComponents(IgcVirtualScrollComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcAvatarComponent, IgcChipComponent, IgcLinearProgressComponent); + +/** The size of the whole remote collection. */ +const TOTAL_COUNT = 1_000; +const PAGE_SIZE = 50; + +export class VirtualScrollInfiniteScroll { + private employees: Employee[] = []; + private loading = false; + private virtualScroll: IgcVirtualScrollComponent; + + constructor() { + this.virtualScroll = document.getElementById("virtualScroll") as IgcVirtualScrollComponent; + + this.virtualScroll.itemTemplate = (ctx: VirtualScrollItemContext) => html` + + + #${ctx.value.id} ${ctx.value.name} + ${ctx.value.email} + ${ctx.value.department} + + `; + this.virtualScroll.addEventListener("igcDataRequest", (event: CustomEvent) => this.loadMore(event.detail)); + + // Load the first page up front: an empty list has no rendered window to run out of, + // so it does not request data. + this.setData(generateEmployees(PAGE_SIZE)); + } + + /** + * `igcDataRequest` is emitted when the rendered window nears the end of `data`. + * Only one request is emitted at a time: the next one follows the next `data` change. + */ + private loadMore(request: VirtualScrollDataRequest): void { + if (this.loading || request.startIndex >= TOTAL_COUNT) { + return; + } + + this.setLoading(true); + const count = Math.min(Math.max(request.count, PAGE_SIZE), TOTAL_COUNT - request.startIndex); + + // Simulates a request to a remote service. + setTimeout(() => { + // Assign a new array: `data` is compared by reference. + this.setData([...this.employees, ...generateEmployees(count, request.startIndex)]); + this.setLoading(false); + }, 800); + } + + private setData(employees: Employee[]): void { + this.employees = employees; + this.virtualScroll.data = employees; + document.getElementById("status")!.textContent = `Loaded ${employees.length} of ${TOTAL_COUNT} employees`; + } + + private setLoading(loading: boolean): void { + this.loading = loading; + (document.getElementById("progress") as IgcLinearProgressComponent).hidden = !loading; + } +} + +new VirtualScrollInfiniteScroll(); diff --git a/samples/layouts/virtual-scroll/infinite-scroll/tsconfig.json b/samples/layouts/virtual-scroll/infinite-scroll/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/infinite-scroll/webpack.config.js b/samples/layouts/virtual-scroll/infinite-scroll/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/virtual-scroll/infinite-scroll/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/virtual-scroll/overview/.prettierrc b/samples/layouts/virtual-scroll/overview/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/overview/ReadMe.md b/samples/layouts/virtual-scroll/overview/ReadMe.md new file mode 100644 index 0000000000..020eae4f6c --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Overview feature using [Virtual Scroll](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/virtual-scroll/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/switches/label/index.html b/samples/layouts/virtual-scroll/overview/index.html similarity index 68% rename from samples/inputs/switches/label/index.html rename to samples/layouts/virtual-scroll/overview/index.html index 06c08425d6..125da9028c 100644 --- a/samples/inputs/switches/label/index.html +++ b/samples/layouts/virtual-scroll/overview/index.html @@ -2,7 +2,7 @@ - Switch Label + Virtual Scroll Overview @@ -14,12 +14,11 @@
-
- Label -
- Label - -
+
+ + Employees () + +
@@ -30,4 +29,4 @@ - \ No newline at end of file + diff --git a/samples/layouts/virtual-scroll/overview/package.json b/samples/layouts/virtual-scroll/overview/package.json new file mode 100644 index 0000000000..c9f6c2420f --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-virtual-scroll-overview", + "version": "1.0.0", + "description": "This project provides example of Virtual Scroll Overview using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/virtual-scroll/overview/sandbox.config.json b/samples/layouts/virtual-scroll/overview/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/overview/src/EmployeeData.ts b/samples/layouts/virtual-scroll/overview/src/EmployeeData.ts new file mode 100644 index 0000000000..cc0f0ea228 --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/src/EmployeeData.ts @@ -0,0 +1,46 @@ +export type DepartmentVariant = "primary" | "info" | "success" | "warning" | "danger"; + +export interface Employee { + id: number; + name: string; + initials: string; + email: string; + department: string; + variant: DepartmentVariant; + bio: string | null; +} + +const DEPARTMENTS = ["Engineering", "Design", "Marketing", "Sales", "HR", "Finance", "Legal", "Operations"]; +const VARIANTS: DepartmentVariant[] = ["primary", "info", "success", "warning", "danger"]; + +const FIRST_NAMES = ["Alice", "Bob", "Carol", "David", "Eve", "Frank", "Grace", "Henry", "Iris", "Jack", "Karen", "Leo", "Mia", "Noah", "Olivia", "Paul"]; + +const LAST_NAMES = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Wilson", "Moore", "Taylor", "Anderson", "Thomas", "Jackson"]; + +const BIOS = [ + "Leads a cross-functional team across three time zones and owns the quarterly delivery plan.", + "Specializes in scalable service architecture.", + "Passionate about accessible, pixel-perfect user interfaces and design systems that scale across products.", + "Drives product strategy and stakeholder alignment.", + "Champions data-driven decision making, runs the weekly metrics review and mentors new analysts." +]; + +export function createEmployee(index: number): Employee { + const first = FIRST_NAMES[index % FIRST_NAMES.length]; + const last = LAST_NAMES[Math.floor(index / FIRST_NAMES.length) % LAST_NAMES.length]; + const departmentIndex = index % DEPARTMENTS.length; + + return { + id: index + 1, + name: `${first} ${last}`, + initials: `${first[0]}${last[0]}`, + email: `${first.toLowerCase()}.${last.toLowerCase()}${index + 1}@example.com`, + department: DEPARTMENTS[departmentIndex], + variant: VARIANTS[departmentIndex % VARIANTS.length], + bio: index % 3 === 0 ? BIOS[index % BIOS.length] : null + }; +} + +export function generateEmployees(count: number, startIndex = 0): Employee[] { + return Array.from({ length: count }, (_, i) => createEmployee(startIndex + i)); +} diff --git a/samples/layouts/virtual-scroll/overview/src/index.css b/samples/layouts/virtual-scroll/overview/src/index.css new file mode 100644 index 0000000000..cdf32b3741 --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/src/index.css @@ -0,0 +1,6 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.employees__viewport { + block-size: 480px; +} diff --git a/samples/layouts/virtual-scroll/overview/src/index.ts b/samples/layouts/virtual-scroll/overview/src/index.ts new file mode 100644 index 0000000000..f26cb1cd88 --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/src/index.ts @@ -0,0 +1,29 @@ +import { defineComponents, IgcAvatarComponent, IgcChipComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcVirtualScrollComponent } from "igniteui-webcomponents"; +import type { VirtualScrollItemContext } from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import { html } from "lit"; +import { Employee, generateEmployees } from "./EmployeeData"; +import "./index.css"; + +defineComponents(IgcVirtualScrollComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcAvatarComponent, IgcChipComponent); + +export class VirtualScrollOverview { + private employees: Employee[] = generateEmployees(100_000); + + constructor() { + const virtualScroll = document.getElementById("virtualScroll") as IgcVirtualScrollComponent; + document.getElementById("count")!.textContent = String(this.employees.length); + + virtualScroll.itemTemplate = (ctx: VirtualScrollItemContext) => html` + + + ${ctx.value.name} + ${ctx.value.email} + ${ctx.value.department} + + `; + virtualScroll.data = this.employees; + } +} + +new VirtualScrollOverview(); diff --git a/samples/layouts/virtual-scroll/overview/tsconfig.json b/samples/layouts/virtual-scroll/overview/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/overview/webpack.config.js b/samples/layouts/virtual-scroll/overview/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/virtual-scroll/overview/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/virtual-scroll/scroll-to-index/.prettierrc b/samples/layouts/virtual-scroll/scroll-to-index/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/scroll-to-index/ReadMe.md b/samples/layouts/virtual-scroll/scroll-to-index/ReadMe.md new file mode 100644 index 0000000000..c832012179 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Scroll to Index feature using [Virtual Scroll](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/virtual-scroll/scroll-to-index +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/layouts/virtual-scroll/scroll-to-index/index.html b/samples/layouts/virtual-scroll/scroll-to-index/index.html new file mode 100644 index 0000000000..1a64361577 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/index.html @@ -0,0 +1,48 @@ + + + + + Virtual Scroll Scroll to Index + + + + + + + + + + +
+
+
+ + + start + center + end + nearest + +
+ Go + First + Middle + Last + Random +
+
+ + Employees () + + +
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/layouts/virtual-scroll/scroll-to-index/package.json b/samples/layouts/virtual-scroll/scroll-to-index/package.json new file mode 100644 index 0000000000..e7ea651290 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-virtual-scroll-scroll-to-index", + "version": "1.0.0", + "description": "This project provides example of Virtual Scroll Scroll to Index using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/virtual-scroll/scroll-to-index/sandbox.config.json b/samples/layouts/virtual-scroll/scroll-to-index/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/scroll-to-index/src/EmployeeData.ts b/samples/layouts/virtual-scroll/scroll-to-index/src/EmployeeData.ts new file mode 100644 index 0000000000..cc0f0ea228 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/src/EmployeeData.ts @@ -0,0 +1,46 @@ +export type DepartmentVariant = "primary" | "info" | "success" | "warning" | "danger"; + +export interface Employee { + id: number; + name: string; + initials: string; + email: string; + department: string; + variant: DepartmentVariant; + bio: string | null; +} + +const DEPARTMENTS = ["Engineering", "Design", "Marketing", "Sales", "HR", "Finance", "Legal", "Operations"]; +const VARIANTS: DepartmentVariant[] = ["primary", "info", "success", "warning", "danger"]; + +const FIRST_NAMES = ["Alice", "Bob", "Carol", "David", "Eve", "Frank", "Grace", "Henry", "Iris", "Jack", "Karen", "Leo", "Mia", "Noah", "Olivia", "Paul"]; + +const LAST_NAMES = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Wilson", "Moore", "Taylor", "Anderson", "Thomas", "Jackson"]; + +const BIOS = [ + "Leads a cross-functional team across three time zones and owns the quarterly delivery plan.", + "Specializes in scalable service architecture.", + "Passionate about accessible, pixel-perfect user interfaces and design systems that scale across products.", + "Drives product strategy and stakeholder alignment.", + "Champions data-driven decision making, runs the weekly metrics review and mentors new analysts." +]; + +export function createEmployee(index: number): Employee { + const first = FIRST_NAMES[index % FIRST_NAMES.length]; + const last = LAST_NAMES[Math.floor(index / FIRST_NAMES.length) % LAST_NAMES.length]; + const departmentIndex = index % DEPARTMENTS.length; + + return { + id: index + 1, + name: `${first} ${last}`, + initials: `${first[0]}${last[0]}`, + email: `${first.toLowerCase()}.${last.toLowerCase()}${index + 1}@example.com`, + department: DEPARTMENTS[departmentIndex], + variant: VARIANTS[departmentIndex % VARIANTS.length], + bio: index % 3 === 0 ? BIOS[index % BIOS.length] : null + }; +} + +export function generateEmployees(count: number, startIndex = 0): Employee[] { + return Array.from({ length: count }, (_, i) => createEmployee(startIndex + i)); +} diff --git a/samples/layouts/virtual-scroll/scroll-to-index/src/index.css b/samples/layouts/virtual-scroll/scroll-to-index/src/index.css new file mode 100644 index 0000000000..857d878e48 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/src/index.css @@ -0,0 +1,38 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.employees__viewport { + block-size: 400px; +} + +.toolbar { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 16px; + margin-block-end: 16px; +} + +.toolbar__index { + inline-size: 140px; +} + +.toolbar__actions { + display: flex; + flex-wrap: wrap; + gap: 8px; +} + +.employees__item--highlighted { + animation: highlight 1.5s ease-out; +} + +@keyframes highlight { + from { + box-shadow: inset 0 0 0 3px var(--ig-warn-500); + } + + to { + box-shadow: inset 0 0 0 3px transparent; + } +} diff --git a/samples/layouts/virtual-scroll/scroll-to-index/src/index.ts b/samples/layouts/virtual-scroll/scroll-to-index/src/index.ts new file mode 100644 index 0000000000..cfd40b225a --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/src/index.ts @@ -0,0 +1,66 @@ +import { defineComponents, IgcAvatarComponent, IgcButtonComponent, IgcChipComponent, IgcInputComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcRadioComponent, IgcRadioGroupComponent, IgcVirtualScrollComponent } from "igniteui-webcomponents"; +import type { VirtualScrollItemContext } from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import { html } from "lit"; +import { Employee, generateEmployees } from "./EmployeeData"; +import "./index.css"; + +defineComponents(IgcVirtualScrollComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcAvatarComponent, IgcChipComponent, IgcInputComponent, IgcRadioGroupComponent, IgcRadioComponent, IgcButtonComponent); + +export class VirtualScrollScrollToIndex { + private employees: Employee[] = generateEmployees(100_000); + private virtualScroll: IgcVirtualScrollComponent; + private targetIndex: IgcInputComponent; + private alignment: IgcRadioGroupComponent; + + constructor() { + this.virtualScroll = document.getElementById("virtualScroll") as IgcVirtualScrollComponent; + this.targetIndex = document.getElementById("targetIndex") as IgcInputComponent; + this.alignment = document.getElementById("alignment") as IgcRadioGroupComponent; + this.targetIndex.max = this.employees.length - 1; + document.getElementById("count")!.textContent = String(this.employees.length); + + this.virtualScroll.itemTemplate = (ctx: VirtualScrollItemContext) => html` + + + #${ctx.index} ${ctx.value.name} + ${ctx.value.email} + ${ctx.value.department} + + `; + this.virtualScroll.data = this.employees; + + const last = this.employees.length - 1; + document.getElementById("go")!.addEventListener("click", () => this.goTo(Number(this.targetIndex.value))); + document.getElementById("first")!.addEventListener("click", () => this.goTo(0)); + document.getElementById("middle")!.addEventListener("click", () => this.goTo(last / 2)); + document.getElementById("last")!.addEventListener("click", () => this.goTo(last)); + document.getElementById("random")!.addEventListener("click", () => this.goTo(Math.random() * last)); + } + + private async goTo(index: number): Promise { + const target = Math.min(Math.max(Math.trunc(index) || 0, 0), this.employees.length - 1); + const block = (this.alignment.value || "start") as ScrollLogicalPosition; + this.targetIndex.value = String(target); + + // Items that have not been rendered only have an estimated size, so the + // first jump lands near the target. The promise resolves once the + // component has measured the landing area and corrected the offset. + await this.virtualScroll.scrollToIndex(target, { block }); + this.highlight(target); + } + + private highlight(index: number): void { + const item = this.virtualScroll.querySelector(`[data-vs-index="${index}"]`); + if (!item) { + return; + } + + // Restart the animation when the same item is highlighted again. + item.classList.remove("employees__item--highlighted"); + void item.offsetWidth; + item.classList.add("employees__item--highlighted"); + } +} + +new VirtualScrollScrollToIndex(); diff --git a/samples/layouts/virtual-scroll/scroll-to-index/tsconfig.json b/samples/layouts/virtual-scroll/scroll-to-index/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/scroll-to-index/webpack.config.js b/samples/layouts/virtual-scroll/scroll-to-index/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/virtual-scroll/scroll-to-index/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/layouts/virtual-scroll/variable-size/.prettierrc b/samples/layouts/virtual-scroll/variable-size/.prettierrc new file mode 100644 index 0000000000..15a7c7c6cf --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/.prettierrc @@ -0,0 +1,11 @@ +{ + "printWidth": 250, + "tabWidth": 4, + "useTabs": false, + "semi": true, + "singleQuote": false, + "trailingComma": "none", + "bracketSpacing": true, + "jsxBracketSameLine": false, + "fluid": false +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/variable-size/ReadMe.md b/samples/layouts/virtual-scroll/variable-size/ReadMe.md new file mode 100644 index 0000000000..d47ee20e2e --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of Web Components application with example of Variable Item Size feature using [Virtual Scroll](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/layouts/virtual-scroll/variable-size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/layouts/virtual-scroll/variable-size/index.html b/samples/layouts/virtual-scroll/variable-size/index.html new file mode 100644 index 0000000000..a79de77f55 --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/index.html @@ -0,0 +1,32 @@ + + + + + Virtual Scroll Variable Item Size + + + + + + + + + + +
+
+ + Team directory () + + +
+
+ + + <% if (false) { %> + + <% } %> + + + + diff --git a/samples/layouts/virtual-scroll/variable-size/package.json b/samples/layouts/virtual-scroll/variable-size/package.json new file mode 100644 index 0000000000..1298f37c1a --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/package.json @@ -0,0 +1,60 @@ +{ + "name": "wc-virtual-scroll-variable-size", + "version": "1.0.0", + "description": "This project provides example of Virtual Scroll Variable Item Size using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/layouts/virtual-scroll/variable-size/sandbox.config.json b/samples/layouts/virtual-scroll/variable-size/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/variable-size/src/EmployeeData.ts b/samples/layouts/virtual-scroll/variable-size/src/EmployeeData.ts new file mode 100644 index 0000000000..cc0f0ea228 --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/src/EmployeeData.ts @@ -0,0 +1,46 @@ +export type DepartmentVariant = "primary" | "info" | "success" | "warning" | "danger"; + +export interface Employee { + id: number; + name: string; + initials: string; + email: string; + department: string; + variant: DepartmentVariant; + bio: string | null; +} + +const DEPARTMENTS = ["Engineering", "Design", "Marketing", "Sales", "HR", "Finance", "Legal", "Operations"]; +const VARIANTS: DepartmentVariant[] = ["primary", "info", "success", "warning", "danger"]; + +const FIRST_NAMES = ["Alice", "Bob", "Carol", "David", "Eve", "Frank", "Grace", "Henry", "Iris", "Jack", "Karen", "Leo", "Mia", "Noah", "Olivia", "Paul"]; + +const LAST_NAMES = ["Smith", "Johnson", "Williams", "Brown", "Jones", "Garcia", "Miller", "Davis", "Wilson", "Moore", "Taylor", "Anderson", "Thomas", "Jackson"]; + +const BIOS = [ + "Leads a cross-functional team across three time zones and owns the quarterly delivery plan.", + "Specializes in scalable service architecture.", + "Passionate about accessible, pixel-perfect user interfaces and design systems that scale across products.", + "Drives product strategy and stakeholder alignment.", + "Champions data-driven decision making, runs the weekly metrics review and mentors new analysts." +]; + +export function createEmployee(index: number): Employee { + const first = FIRST_NAMES[index % FIRST_NAMES.length]; + const last = LAST_NAMES[Math.floor(index / FIRST_NAMES.length) % LAST_NAMES.length]; + const departmentIndex = index % DEPARTMENTS.length; + + return { + id: index + 1, + name: `${first} ${last}`, + initials: `${first[0]}${last[0]}`, + email: `${first.toLowerCase()}.${last.toLowerCase()}${index + 1}@example.com`, + department: DEPARTMENTS[departmentIndex], + variant: VARIANTS[departmentIndex % VARIANTS.length], + bio: index % 3 === 0 ? BIOS[index % BIOS.length] : null + }; +} + +export function generateEmployees(count: number, startIndex = 0): Employee[] { + return Array.from({ length: count }, (_, i) => createEmployee(startIndex + i)); +} diff --git a/samples/layouts/virtual-scroll/variable-size/src/index.css b/samples/layouts/virtual-scroll/variable-size/src/index.css new file mode 100644 index 0000000000..cdd1fc0eb6 --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/src/index.css @@ -0,0 +1,13 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ + +.employees__viewport { + block-size: 480px; +} + +.employees__bio { + display: block; + padding-block-start: 4px; + white-space: normal; + color: var(--ig-gray-700); +} diff --git a/samples/layouts/virtual-scroll/variable-size/src/index.ts b/samples/layouts/virtual-scroll/variable-size/src/index.ts new file mode 100644 index 0000000000..41ad5d886c --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/src/index.ts @@ -0,0 +1,32 @@ +import { defineComponents, IgcAvatarComponent, IgcChipComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcVirtualScrollComponent } from "igniteui-webcomponents"; +import type { VirtualScrollItemContext } from "igniteui-webcomponents"; +import "igniteui-webcomponents/themes/light/bootstrap.css"; +import { html, nothing } from "lit"; +import { Employee, generateEmployees } from "./EmployeeData"; +import "./index.css"; + +defineComponents(IgcVirtualScrollComponent, IgcListComponent, IgcListHeaderComponent, IgcListItemComponent, IgcAvatarComponent, IgcChipComponent); + +export class VirtualScrollVariableSize { + private employees: Employee[] = generateEmployees(10_000); + + constructor() { + const virtualScroll = document.getElementById("virtualScroll") as IgcVirtualScrollComponent; + document.getElementById("count")!.textContent = String(this.employees.length); + + // Every third employee has a bio, so the items have different heights. + // Each rendered item is measured and its size replaces the estimate. + virtualScroll.itemTemplate = (ctx: VirtualScrollItemContext) => html` + + + ${ctx.value.name} + ${ctx.value.email} + ${ctx.value.bio ? html`${ctx.value.bio}` : nothing} + ${ctx.value.department} + + `; + virtualScroll.data = this.employees; + } +} + +new VirtualScrollVariableSize(); diff --git a/samples/layouts/virtual-scroll/variable-size/tsconfig.json b/samples/layouts/virtual-scroll/variable-size/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/layouts/virtual-scroll/variable-size/webpack.config.js b/samples/layouts/virtual-scroll/variable-size/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/layouts/virtual-scroll/variable-size/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json index f525e33a95..5a1e7feec8 100644 --- a/samples/maps/geo-map/display-all-imagery/package.json +++ b/samples/maps/geo-map/display-all-imagery/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/maps/geo-map/display-azure-imagery/package.json b/samples/maps/geo-map/display-azure-imagery/package.json index 53c9501bdb..7780218e4e 100644 --- a/samples/maps/geo-map/display-azure-imagery/package.json +++ b/samples/maps/geo-map/display-azure-imagery/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json index 5ee55bd7d5..d21f589fe3 100644 --- a/samples/maps/geo-map/display-bing-imagery/package.json +++ b/samples/maps/geo-map/display-bing-imagery/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", + "igniteui-webcomponents": "~7.4.1", "igniteui-webcomponents-charts": "7.1.0", "igniteui-webcomponents-core": "7.1.0", "igniteui-webcomponents-maps": "7.1.0", diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json index dd3bc72d75..aca59970ff 100644 --- a/samples/menus/nav-bar/overview/package.json +++ b/samples/menus/nav-bar/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json index 96b0908e57..6c90d1ec3a 100644 --- a/samples/menus/nav-bar/styling/package.json +++ b/samples/menus/nav-bar/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json index 6065b121b5..cac66bd1d9 100644 --- a/samples/menus/nav-drawer/add-drawer-items/package.json +++ b/samples/menus/nav-drawer/add-drawer-items/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json index 2fd08a0339..f8c149e9ed 100644 --- a/samples/menus/nav-drawer/add-mini/package.json +++ b/samples/menus/nav-drawer/add-mini/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json index a81743b683..222db94cb0 100644 --- a/samples/menus/nav-drawer/add-positions-navbar/package.json +++ b/samples/menus/nav-drawer/add-positions-navbar/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json index 62d7e8018d..d4584a0a9a 100644 --- a/samples/menus/nav-drawer/styling/package.json +++ b/samples/menus/nav-drawer/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json index 55e5008f44..0e57d1a421 100644 --- a/samples/notifications/banner/banner-advanced-sample/package.json +++ b/samples/notifications/banner/banner-advanced-sample/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json index 98afb46b97..f10fd9598c 100644 --- a/samples/notifications/banner/banner-sample-1/package.json +++ b/samples/notifications/banner/banner-sample-1/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json index c710a0149b..68de12f4a5 100644 --- a/samples/notifications/banner/banner-sample-2/package.json +++ b/samples/notifications/banner/banner-sample-2/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json index 34666e9972..d36f94613d 100644 --- a/samples/notifications/banner/banner-styling/package.json +++ b/samples/notifications/banner/banner-styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json index 742f7dd8e1..1e9cc17866 100644 --- a/samples/notifications/dialog/closing-variations/package.json +++ b/samples/notifications/dialog/closing-variations/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json index a01a39b276..809b7b7035 100644 --- a/samples/notifications/dialog/form/package.json +++ b/samples/notifications/dialog/form/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json index 2a0fec4bd4..8ad1616478 100644 --- a/samples/notifications/dialog/overview/package.json +++ b/samples/notifications/dialog/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json index 0a7fb8ebb3..4806da1d95 100644 --- a/samples/notifications/dialog/styling/package.json +++ b/samples/notifications/dialog/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json index b3fa493632..179a490097 100644 --- a/samples/notifications/snackbar/action-text/package.json +++ b/samples/notifications/snackbar/action-text/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json index b3fa493632..179a490097 100644 --- a/samples/notifications/snackbar/display-time/package.json +++ b/samples/notifications/snackbar/display-time/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json index b3fa493632..179a490097 100644 --- a/samples/notifications/snackbar/overview/package.json +++ b/samples/notifications/snackbar/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json index b3fa493632..179a490097 100644 --- a/samples/notifications/snackbar/styling/package.json +++ b/samples/notifications/snackbar/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/notifications/toast/overview/package.json +++ b/samples/notifications/toast/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/notifications/toast/properties/package.json +++ b/samples/notifications/toast/properties/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json index 5f33e7fdd5..a99d1ea97d 100644 --- a/samples/notifications/toast/styling/package.json +++ b/samples/notifications/toast/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json index 9231a31bba..549c45479d 100644 --- a/samples/scheduling/calendar/disabled-dates/package.json +++ b/samples/scheduling/calendar/disabled-dates/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json index 4627b7ee6f..5e9b479c09 100644 --- a/samples/scheduling/calendar/formatting/package.json +++ b/samples/scheduling/calendar/formatting/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json index c170b3f597..04eda5b75c 100644 --- a/samples/scheduling/calendar/header/package.json +++ b/samples/scheduling/calendar/header/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json index 7cf0a7d133..2175d9da2d 100644 --- a/samples/scheduling/calendar/multiple-months/package.json +++ b/samples/scheduling/calendar/multiple-months/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json index d15ef3ba19..751e530b70 100644 --- a/samples/scheduling/calendar/multiple-selection/package.json +++ b/samples/scheduling/calendar/multiple-selection/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json index 92d3b4db00..10732a7055 100644 --- a/samples/scheduling/calendar/overview/package.json +++ b/samples/scheduling/calendar/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json index 52fb7e640d..25a2b05e42 100644 --- a/samples/scheduling/calendar/range-selection/package.json +++ b/samples/scheduling/calendar/range-selection/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json index 89db778d2b..bffa549ef3 100644 --- a/samples/scheduling/calendar/size/package.json +++ b/samples/scheduling/calendar/size/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json index 0046d4f8b2..8dff69b3d6 100644 --- a/samples/scheduling/calendar/special-dates/package.json +++ b/samples/scheduling/calendar/special-dates/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json index 7a55ca01d7..2d31e35f2f 100644 --- a/samples/scheduling/calendar/styling/package.json +++ b/samples/scheduling/calendar/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json index 6be88e5e15..3e33eb8f59 100644 --- a/samples/scheduling/calendar/week-numbers/package.json +++ b/samples/scheduling/calendar/week-numbers/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json index 5eba861a7a..d4349d22ff 100644 --- a/samples/scheduling/date-picker/dialog-mode/package.json +++ b/samples/scheduling/date-picker/dialog-mode/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json index 42f6b10979..1a16d9448b 100644 --- a/samples/scheduling/date-picker/form/package.json +++ b/samples/scheduling/date-picker/form/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json index f676bef350..cfeb1cbf7d 100644 --- a/samples/scheduling/date-picker/format/package.json +++ b/samples/scheduling/date-picker/format/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json index b6eaa0fdcc..ea094d51d2 100644 --- a/samples/scheduling/date-picker/overview/package.json +++ b/samples/scheduling/date-picker/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json index c84f3ce036..bd816ea9b2 100644 --- a/samples/scheduling/date-picker/styling/package.json +++ b/samples/scheduling/date-picker/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-range-picker/custom-ranges/package.json b/samples/scheduling/date-range-picker/custom-ranges/package.json index b6eaa0fdcc..ea094d51d2 100644 --- a/samples/scheduling/date-range-picker/custom-ranges/package.json +++ b/samples/scheduling/date-range-picker/custom-ranges/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-range-picker/form/package.json b/samples/scheduling/date-range-picker/form/package.json index b6eaa0fdcc..ea094d51d2 100644 --- a/samples/scheduling/date-range-picker/form/package.json +++ b/samples/scheduling/date-range-picker/form/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-range-picker/overview/package.json b/samples/scheduling/date-range-picker/overview/package.json index b6eaa0fdcc..ea094d51d2 100644 --- a/samples/scheduling/date-range-picker/overview/package.json +++ b/samples/scheduling/date-range-picker/overview/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-range-picker/slots/package.json b/samples/scheduling/date-range-picker/slots/package.json index b6eaa0fdcc..ea094d51d2 100644 --- a/samples/scheduling/date-range-picker/slots/package.json +++ b/samples/scheduling/date-range-picker/slots/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/scheduling/date-range-picker/styling/package.json b/samples/scheduling/date-range-picker/styling/package.json index b6eaa0fdcc..ea094d51d2 100644 --- a/samples/scheduling/date-range-picker/styling/package.json +++ b/samples/scheduling/date-range-picker/styling/package.json @@ -23,8 +23,8 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents": "^7.3.0", - "lit": "^3.2.0", + "igniteui-webcomponents": "~7.4.1", + "lit": "^3.3.0", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/scripts/update-ig.js b/scripts/update-ig.js index 67951adecb..45e6bc35ce 100644 --- a/scripts/update-ig.js +++ b/scripts/update-ig.js @@ -24,13 +24,13 @@ * `npm run update:ig`. */ -import fsp from 'node:fs/promises'; -import path from 'node:path'; -import { fileURLToPath } from 'node:url'; +import fsp from "node:fs/promises"; +import path from "node:path"; +import { fileURLToPath } from "node:url"; const __filename = fileURLToPath(import.meta.url); -const __dirname = path.dirname(__filename); -const REPO_ROOT = path.resolve(__dirname, '..'); +const __dirname = path.dirname(__filename); +const REPO_ROOT = path.resolve(__dirname, ".."); // Package version targets // @@ -41,149 +41,172 @@ const REPO_ROOT = path.resolve(__dirname, '..'); // { version: "7.0.0", name: "@infragistics/igniteui-webcomponents-core" } const packageUpgrades = [ - // IgniteUI packages — frequently updated - { name: 'igniteui-webcomponents-core', version: '7.1.0' }, - { name: 'igniteui-webcomponents-charts', version: '7.1.0' }, - { name: 'igniteui-webcomponents-excel', version: '7.1.0' }, - { name: 'igniteui-webcomponents-gauges', version: '7.1.0' }, - { name: 'igniteui-webcomponents-data-grids', version: '7.1.0' }, - { name: 'igniteui-webcomponents-inputs', version: '7.1.0' }, - { name: 'igniteui-webcomponents-layouts', version: '7.1.0' }, - { name: 'igniteui-webcomponents-maps', version: '7.1.0' }, - { name: 'igniteui-webcomponents-spreadsheet-chart-adapter', version: '7.1.0' }, - { name: 'igniteui-webcomponents-spreadsheet', version: '7.1.0' }, - { name: 'igniteui-webcomponents-datasources', version: '7.1.0' }, - { name: 'igniteui-webcomponents-dashboards', version: '7.1.0' }, - // IgniteUI packages — occasionally updated - { name: 'igniteui-i18n-resources', version: '^1.0.5' }, - { name: 'igniteui-grid-lite', version: '^0.7.1' }, - { name: 'igniteui-webcomponents-grids', version: '^7.2.0' }, - { name: 'igniteui-webcomponents', version: '^7.3.0' }, - { name: 'igniteui-dockmanager', version: '^2.1.1' }, - // Other packages kept in sync across sample package.json files - { name: 'webpack', version: '^5.101.3' }, - { name: 'webpack-cli', version: '^6.0.1' }, - { name: 'webpack-dev-server', version: '^5.2.2' }, - { name: 'lit', version: '^3.2.0' }, - { name: 'lit-html', version: '^3.3.1' }, + // IgniteUI packages — frequently updated + { name: "igniteui-webcomponents-core", version: "7.1.0" }, + { name: "igniteui-webcomponents-charts", version: "7.1.0" }, + { name: "igniteui-webcomponents-excel", version: "7.1.0" }, + { name: "igniteui-webcomponents-gauges", version: "7.1.0" }, + { name: "igniteui-webcomponents-data-grids", version: "7.1.0" }, + { name: "igniteui-webcomponents-inputs", version: "7.1.0" }, + { name: "igniteui-webcomponents-layouts", version: "7.1.0" }, + { name: "igniteui-webcomponents-maps", version: "7.1.0" }, + { + name: "igniteui-webcomponents-spreadsheet-chart-adapter", + version: "7.1.0", + }, + { name: "igniteui-webcomponents-spreadsheet", version: "7.1.0" }, + { name: "igniteui-webcomponents-datasources", version: "7.1.0" }, + { name: "igniteui-webcomponents-dashboards", version: "7.1.0" }, + // IgniteUI packages — occasionally updated + { name: "igniteui-i18n-resources", version: "^1.0.5" }, + { name: "igniteui-grid-lite", version: "~0.11.0" }, + { name: "igniteui-webcomponents-grids", version: "^7.3.0-rc.1" }, + { name: "igniteui-webcomponents", version: "~7.4.1" }, + { name: "igniteui-dockmanager", version: "~2.2.0" }, + // Other packages kept in sync across sample package.json files + { name: "webpack", version: "^5.101.3" }, + { name: "webpack-cli", version: "^6.0.1" }, + { name: "webpack-dev-server", version: "^5.2.2" }, + { name: "lit", version: "^3.3.0" }, + { name: "lit-html", version: "^3.3.1" }, ]; // Helpers function sortByKeys(obj) { - if (!obj || typeof obj !== 'object') return obj; - return Object.fromEntries(Object.entries(obj).sort(([a], [b]) => a.localeCompare(b))); + if (!obj || typeof obj !== "object") return obj; + return Object.fromEntries( + Object.entries(obj).sort(([a], [b]) => a.localeCompare(b)), + ); } /** Recursively find all package.json files under dir, skipping node_modules */ async function findPackageJsonFiles(dir, results = []) { - const entries = await fsp.readdir(dir, { withFileTypes: true }); - await Promise.all(entries.map(async entry => { - if (entry.name === 'node_modules') return; - const full = path.join(dir, entry.name); - if (entry.isDirectory()) { - await findPackageJsonFiles(full, results); - } else if (entry.name === 'package.json') { - results.push(full); - } - })); - return results; + const entries = await fsp.readdir(dir, { withFileTypes: true }); + await Promise.all( + entries.map(async (entry) => { + if (entry.name === "node_modules") return; + const full = path.join(dir, entry.name); + if (entry.isDirectory()) { + await findPackageJsonFiles(full, results); + } else if (entry.name === "package.json") { + results.push(full); + } + }), + ); + return results; } // Main async function run() { - // Step 1: clean sample node_modules - console.log('Cleaning node_modules from samples/...'); - const samplesRoot = path.join(REPO_ROOT, 'samples'); - let cleanCount = 0; - - async function cleanNodeModules(dir) { - const entries = await fsp.readdir(dir, { withFileTypes: true }); - await Promise.all(entries.map(async entry => { - const full = path.join(dir, entry.name); - if (entry.isDirectory()) { - if (entry.name === 'node_modules') { - await fsp.rm(full, { recursive: true, force: true }); - cleanCount++; - console.log(` removed: ${path.relative(REPO_ROOT, full)}`); - } else { - await cleanNodeModules(full); - } - } - })); - } - - try { - await fsp.access(samplesRoot); - await cleanNodeModules(samplesRoot); - } catch { - // samplesRoot does not exist — nothing to clean - } - console.log(`Removed ${cleanCount} node_modules director${cleanCount === 1 ? 'y' : 'ies'}.\n`); - - // Step 2: build package name → upgrade mapping - // Strip @infragistics/ prefix so we match both public npm and ProGet names - const mappings = {}; - for (const item of packageUpgrades) { - const id = item.name.replace('@infragistics/', ''); - mappings[id] = item; - } - - // Step 3: update package.json files - const targets = [ - path.join(REPO_ROOT, 'package.json'), - ...await findPackageJsonFiles(samplesRoot), - ]; - - console.log(`Processing ${targets.length} package.json file(s)...`); - let updatedCount = 0; - - await Promise.all(targets.map(async filePath => { - let original; - try { - original = await fsp.readFile(filePath, 'utf8'); - } catch { - console.warn(` SKIP (unreadable): ${path.relative(REPO_ROOT, filePath)}`); - return; - } + // Step 1: clean sample node_modules + console.log("Cleaning node_modules from samples/..."); + const samplesRoot = path.join(REPO_ROOT, "samples"); + let cleanCount = 0; - let pkg; - try { - pkg = JSON.parse(original); - } catch { - console.warn(` SKIP (invalid JSON): ${path.relative(REPO_ROOT, filePath)}`); - return; + async function cleanNodeModules(dir) { + const entries = await fsp.readdir(dir, { withFileTypes: true }); + await Promise.all( + entries.map(async (entry) => { + const full = path.join(dir, entry.name); + if (entry.isDirectory()) { + if (entry.name === "node_modules") { + await fsp.rm(full, { recursive: true, force: true }); + cleanCount++; + console.log(` removed: ${path.relative(REPO_ROOT, full)}`); + } else { + await cleanNodeModules(full); + } } - - let changed = false; - - for (const section of ['dependencies', 'devDependencies', 'peerDependencies']) { - if (!pkg[section]) continue; - for (const [pkgName, currentVersion] of Object.entries(pkg[section])) { - const id = pkgName.replace('@infragistics/', ''); - const upgrade = mappings[id]; - if (upgrade && currentVersion !== upgrade.version) { - pkg[section][pkgName] = upgrade.version; - changed = true; - } - } - // Sort keys alphabetically - const sorted = sortByKeys(pkg[section]); - if (JSON.stringify(sorted) !== JSON.stringify(pkg[section])) { - pkg[section] = sorted; - changed = true; - } + }), + ); + } + + try { + await fsp.access(samplesRoot); + await cleanNodeModules(samplesRoot); + } catch { + // samplesRoot does not exist — nothing to clean + } + console.log( + `Removed ${cleanCount} node_modules director${cleanCount === 1 ? "y" : "ies"}.\n`, + ); + + // Step 2: build package name → upgrade mapping + // Strip @infragistics/ prefix so we match both public npm and ProGet names + const mappings = {}; + for (const item of packageUpgrades) { + const id = item.name.replace("@infragistics/", ""); + mappings[id] = item; + } + + // Step 3: update package.json files + const targets = [ + path.join(REPO_ROOT, "package.json"), + ...(await findPackageJsonFiles(samplesRoot)), + ]; + + console.log(`Processing ${targets.length} package.json file(s)...`); + let updatedCount = 0; + + await Promise.all( + targets.map(async (filePath) => { + let original; + try { + original = await fsp.readFile(filePath, "utf8"); + } catch { + console.warn( + ` SKIP (unreadable): ${path.relative(REPO_ROOT, filePath)}`, + ); + return; + } + + let pkg; + try { + pkg = JSON.parse(original); + } catch { + console.warn( + ` SKIP (invalid JSON): ${path.relative(REPO_ROOT, filePath)}`, + ); + return; + } + + let changed = false; + + for (const section of [ + "dependencies", + "devDependencies", + "peerDependencies", + ]) { + if (!pkg[section]) continue; + for (const [pkgName, currentVersion] of Object.entries(pkg[section])) { + const id = pkgName.replace("@infragistics/", ""); + const upgrade = mappings[id]; + if (upgrade && currentVersion !== upgrade.version) { + pkg[section][pkgName] = upgrade.version; + changed = true; + } } - - if (changed) { - await fsp.writeFile(filePath, JSON.stringify(pkg, null, 2) + '\n'); - updatedCount++; - console.log(` updated: ${path.relative(REPO_ROOT, filePath)}`); + // Sort keys alphabetically + const sorted = sortByKeys(pkg[section]); + if (JSON.stringify(sorted) !== JSON.stringify(pkg[section])) { + pkg[section] = sorted; + changed = true; } - })); - - console.log(`\nDone. Updated ${updatedCount} of ${targets.length} package.json file(s).`); + } + + if (changed) { + await fsp.writeFile(filePath, JSON.stringify(pkg, null, 2) + "\n"); + updatedCount++; + console.log(` updated: ${path.relative(REPO_ROOT, filePath)}`); + } + }), + ); + + console.log( + `\nDone. Updated ${updatedCount} of ${targets.length} package.json file(s).`, + ); } run(); diff --git a/src/layouts/SampleLayout.astro b/src/layouts/SampleLayout.astro index c136586ecf..0b4b8af4c3 100644 --- a/src/layouts/SampleLayout.astro +++ b/src/layouts/SampleLayout.astro @@ -85,7 +85,7 @@ const { slug = '', title = 'Ignite UI | Web Components', styles = [] } = Astro.p - +
@@ -99,6 +99,10 @@ const { slug = '', title = 'Ignite UI | Web Components', styles = [] } = Astro.p diff --git a/src/utils/sample-theme.ts b/src/utils/sample-theme.ts new file mode 100644 index 0000000000..f4a3e62d3a --- /dev/null +++ b/src/utils/sample-theme.ts @@ -0,0 +1,183 @@ +/** + * sample-theme.ts + * + * Lets the docs site re-theme this samples browser while it is embedded in a + * docs `` iframe. + * + * The docs ThemingWidget dispatches `igd-theme-change`; the Sample widget + * bridges that to `postMessage({ type: 'igd-sample-theme', theme, mode })` on + * the frame, and re-posts the current selection on every iframe `load`. Here we + * validate the sender and re-point the Ignite UI theme stylesheets to match. + * + * Dormant unless a trusted docs host asks for a theme. + * + * A theme change has TWO halves + * ───────────────────────────── + * 1. CSS — every sample page carries `` elements for the + * themes it uses (emitted by [...slug].astro). Re-pointing their href swaps + * the `--ig-*` palette. We rewrite only the trailing `/.css` + * so any BASE_PATH prefix survives without this module knowing about it. + * + * 2. Shadow styles — `igniteui-webcomponents` picks each component's shadow + * stylesheet from `getTheme()`, which is memoised the first time a component + * connects. Swapping CSS therefore recolours but leaves material geometry on + * a page that asked for fluent. `configureTheme()` is the only public call + * that updates that memo *and* emits the event its ThemingController listens + * for, so it must run alongside the href swap. + * + * Known limitation: `igniteui-webcomponents-grids` reads `--ig-theme` once, in + * a constructor, into an internal ThemeToken that it does not export. Grid CSS + * re-points correctly, but whatever that token feeds (default row sizing and + * friends) keeps its load-time value until the page reloads. + */ + +type ThemeName = 'material' | 'fluent' | 'bootstrap' | 'indigo'; +type ThemeMode = 'light' | 'dark' | 'system'; +type ResolvedMode = 'light' | 'dark'; + +interface ThemeMessage { + type?: string; + event?: string; + theme?: string; + themeName?: string; + mode?: string; +} + +const MESSAGE_TYPE = 'igd-sample-theme'; +const DARK_QUERY = '(prefers-color-scheme: dark)'; +const THEMES: ThemeName[] = ['material', 'fluent', 'bootstrap', 'indigo']; + +let selected: { theme: ThemeName; mode: ThemeMode } | null = null; +let latestRequest = 0; +let listening = false; + +function isTrustedOrigin(origin: string): boolean { + if (origin === window.location.origin) return true; + + let hostname: string; + try { + hostname = new URL(origin).hostname; + } catch { + return false; + } + + if (hostname === 'localhost' || hostname === '127.0.0.1') return true; + return hostname === 'infragistics.com' || hostname.endsWith('.infragistics.com'); +} + +function parseMessage(data: unknown): { theme: ThemeName; mode: ThemeMode } | null { + if (!data || typeof data !== 'object') return null; + + const msg = data as ThemeMessage; + if (msg.type !== MESSAGE_TYPE && msg.event !== MESSAGE_TYPE) return null; + + const theme = (msg.theme ?? msg.themeName ?? '').toLowerCase() as ThemeName; + if (!THEMES.includes(theme)) return null; + + const rawMode = (msg.mode ?? 'light').toLowerCase(); + const mode: ThemeMode = rawMode === 'dark' || rawMode === 'system' ? rawMode : 'light'; + + return { theme, mode }; +} + +function resolveMode(mode: ThemeMode): ResolvedMode { + if (mode === 'light' || mode === 'dark') return mode; + return window.matchMedia?.(DARK_QUERY).matches ? 'dark' : 'light'; +} + +/** + * Point one theme at a different variant/theme and resolve once the new + * sheet has actually landed, so the caller can re-adopt shadow styles against + * CSS that is already live rather than mid-swap. + */ +function retarget(link: HTMLLinkElement, variant: ResolvedMode, theme: ThemeName): Promise { + // .../ig-themes///.css → ...//.css + const next = link.href.replace(/\/[^/]+\/[^/]+\.css(\?.*)?$/, `/${variant}/${theme}.css`); + + link.dataset.igThemeVariant = variant; + link.dataset.igThemeName = theme; + + // Already correct: no request is made, so no load event would ever fire. + if (link.href === next) return Promise.resolve(); + + return new Promise(resolve => { + const done = () => { + link.removeEventListener('load', done); + link.removeEventListener('error', done); + resolve(); + }; + link.addEventListener('load', done); + link.addEventListener('error', done); + link.href = next; + }); +} + +async function applyTheme(theme: ThemeName, mode: ThemeMode): Promise { + const resolved = resolveMode(mode); + const request = ++latestRequest; + + // Only the packages this sample actually themes have a link. A sample with no + // grid has nothing to re-point for grids, so there is nothing to create here. + const links = Array.from(document.querySelectorAll('link[data-ig-theme]')); + await Promise.all(links.map(link => retarget(link, resolved, theme))); + + // Drop stale responses so rapid switching can't land out of order. + if (request !== latestRequest) return; + + // Only a page that carries a theme link has shadow styles worth re-adopting: + // every sample here that imports no theme CSS draws from the charts / gauges / + // maps packages, which own no igniteui-webcomponents shadow theme. Guarding on + // that keeps a docs theme switch from pulling the igniteui-webcomponents chunk + // onto a page that would never otherwise load it. + if (links.length) { + try { + // Loaded on demand: for any sample using igc components this chunk is + // already in cache. + const { configureTheme } = await import('igniteui-webcomponents'); + if (request !== latestRequest) return; + configureTheme(theme, resolved); + } catch (err) { + console.warn(`[sample-theme] Could not re-adopt shadow styles for "${theme}":`, err); + } + } + + const root = document.documentElement; + root.setAttribute('data-igd-theme', theme); + root.setAttribute('data-igd-mode', resolved); + root.style.colorScheme = resolved; +} + +function onMessage(event: MessageEvent): void { + // Only the embedding docs page may drive the theme. + if (event.source !== window.parent || !isTrustedOrigin(event.origin)) return; + + const next = parseMessage(event.data); + if (!next) return; + if (selected && selected.theme === next.theme && selected.mode === next.mode) return; + + selected = next; + void applyTheme(next.theme, next.mode); +} + +function watchSystemMode(): void { + const query = window.matchMedia?.(DARK_QUERY); + if (!query) return; + + query.addEventListener('change', () => { + if (selected?.mode === 'system') void applyTheme(selected.theme, selected.mode); + }); +} + +/** + * Starts listening for theme messages from the embedding docs page. + * + * Must run while the document is still loading: the host re-posts on the iframe + * `load` event, which fires after module scripts execute, so no handshake is + * needed. + */ +export function initSampleThemeListener(): void { + if (listening || window.parent === window) return; + listening = true; + window.addEventListener('message', onMessage); + watchSystemMode(); +}