igniteui-webcomponents 5.0.2 → 5.1.1

package/components/carousel/themes/carousel-indicator.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:grid;grid-template-rows:minmax(0.75rem, auto);outline-style:none}[part~=indicator]{grid-row:1;grid-column:1;position:relative;display:flex;color:inherit;align-items:center;justify-content:center;cursor:pointer}`;
+//# sourceMappingURL=carousel-indicator.base.css.js.map

package/components/carousel/themes/carousel-indicator.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-indicator.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-indicator.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,khCAAkhC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:grid;grid-template-rows:minmax(0.75rem, auto);outline-style:none}[part~=indicator]{grid-row:1;grid-column:1;position:relative;display:flex;color:inherit;align-items:center;justify-content:center;cursor:pointer}`;\n"]}

package/components/carousel/themes/carousel-slide.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/carousel-slide.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part="base current"]{z-index:2;visibility:visible}[part="base previous"]{z-index:1;visibility:visible}`;
+//# sourceMappingURL=carousel-slide.base.css.js.map

package/components/carousel/themes/carousel-slide.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slide.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-slide.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,woCAAwoC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part=\"base current\"]{z-index:2;visibility:visible}[part=\"base previous\"]{z-index:1;visibility:visible}`;\n"]}

package/components/carousel/themes/carousel.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/carousel.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;height:100%;position:relative}:host section{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}[part~=indicators]{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;list-style:none;z-index:10;gap:.5rem;padding:.25rem .375rem}[part="label indicators"],[part="label indicators start"]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem}[part~=dot]{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .05s ease-out;padding:0;background:initial;cursor:pointer}[part~=dot]::after{content:"";position:absolute;border-radius:inherit;inset:.0625rem}[part~=navigation]{position:absolute;z-index:3;transition:all .15s ease-in}[part~=navigation] igc-icon{--ig-size: 1}igc-button::part(base){width:2.875rem;height:2.875rem;min-width:initial}:host(:not([vertical])),:host([dir=rtl][vertical]){--dir: calc(var(--ig-dir, 1) * 1)}:host([vertical]),:host([dir=rtl]:not([vertical])){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([vertical])) [part~=navigation]{inset-block-start:50%;transform:translateY(-50%)}:host(:not([vertical])) [part="navigation previous"]{inset-inline-start:0;margin-inline-start:1rem}:host(:not([vertical])) [part="navigation next"]{inset-inline-end:0;margin-inline-end:1rem}:host(:not([vertical])) [part="navigation next"],:host(:not([vertical])) [part="navigation previous"]{transform:scaleX(var(--dir)) translateY(-50%)}:host(:not([vertical])) [part~=indicators]{inset-inline-start:50%;inset-block-end:0;transform:translateX(calc(-50% * var(--dir)))}:host(:not([vertical])) [part="indicators start"],:host(:not([vertical])) [part="label indicators start"]{inset-block-end:unset;inset-block-start:0}:host([vertical]) [part~=navigation]{inset-inline-end:0;margin-inline-end:1rem}:host([vertical]) [part~=navigation] igc-icon{transform:rotate(90deg)}:host([vertical]) [part="navigation previous"]{inset-block-start:0;margin-block-start:1rem}:host([vertical]) [part="navigation next"]{inset-block-end:0;margin-block-end:1rem}:host([vertical]) [part~=indicators]{inset-inline-end:0;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem}:host([vertical]) [part="label indicators"]{margin-inline-end:1rem}:host([vertical]) [part="indicators start"],:host([vertical]) [part="label indicators start"]{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}:host([vertical]) [part="label indicators"],:host([vertical]) [part="label indicators start"]{padding:.25rem .375rem}`;
+//# sourceMappingURL=carousel.base.css.js.map

package/components/carousel/themes/carousel.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+2HAA+2H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;height:100%;position:relative}:host section{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}[part~=indicators]{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;list-style:none;z-index:10;gap:.5rem;padding:.25rem .375rem}[part=\"label indicators\"],[part=\"label indicators start\"]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem}[part~=dot]{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .05s ease-out;padding:0;background:initial;cursor:pointer}[part~=dot]::after{content:\"\";position:absolute;border-radius:inherit;inset:.0625rem}[part~=navigation]{position:absolute;z-index:3;transition:all .15s ease-in}[part~=navigation] igc-icon{--ig-size: 1}igc-button::part(base){width:2.875rem;height:2.875rem;min-width:initial}:host(:not([vertical])),:host([dir=rtl][vertical]){--dir: calc(var(--ig-dir, 1) * 1)}:host([vertical]),:host([dir=rtl]:not([vertical])){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([vertical])) [part~=navigation]{inset-block-start:50%;transform:translateY(-50%)}:host(:not([vertical])) [part=\"navigation previous\"]{inset-inline-start:0;margin-inline-start:1rem}:host(:not([vertical])) [part=\"navigation next\"]{inset-inline-end:0;margin-inline-end:1rem}:host(:not([vertical])) [part=\"navigation next\"],:host(:not([vertical])) [part=\"navigation previous\"]{transform:scaleX(var(--dir)) translateY(-50%)}:host(:not([vertical])) [part~=indicators]{inset-inline-start:50%;inset-block-end:0;transform:translateX(calc(-50% * var(--dir)))}:host(:not([vertical])) [part=\"indicators start\"],:host(:not([vertical])) [part=\"label indicators start\"]{inset-block-end:unset;inset-block-start:0}:host([vertical]) [part~=navigation]{inset-inline-end:0;margin-inline-end:1rem}:host([vertical]) [part~=navigation] igc-icon{transform:rotate(90deg)}:host([vertical]) [part=\"navigation previous\"]{inset-block-start:0;margin-block-start:1rem}:host([vertical]) [part=\"navigation next\"]{inset-block-end:0;margin-block-end:1rem}:host([vertical]) [part~=indicators]{inset-inline-end:0;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem}:host([vertical]) [part=\"label indicators\"]{margin-inline-end:1rem}:host([vertical]) [part=\"indicators start\"],:host([vertical]) [part=\"label indicators start\"]{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}:host([vertical]) [part=\"label indicators\"],:host([vertical]) [part=\"label indicators start\"]{padding:.25rem .375rem}`;\n"]}

package/components/carousel/themes/container.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/carousel/themes/container.js

@@ -0,0 +1,50 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/carousel.bootstrap.css.js';
+import { styles as fluentDark } from './dark/carousel.fluent.css.js';
+import { styles as indigoDark } from './dark/carousel.indigo.css.js';
+import { styles as materialDark } from './dark/carousel.material.css.js';
+import { styles as sharedDark } from './dark/carousel.shared.css.js';
+import { styles as bootstrapLight } from './light/carousel.bootstrap.css.js';
+import { styles as fluentLight } from './light/carousel.fluent.css.js';
+import { styles as indigoLight } from './light/carousel.indigo.css.js';
+import { styles as materialLight } from './light/carousel.material.css.js';
+import { styles as sharedLight } from './light/carousel.shared.css.js';
+import { styles as bootstrap } from './shared/carousel.bootstrap.css.js';
+import { styles as fluent } from './shared/carousel.fluent.css.js';
+import { styles as indigo } from './shared/carousel.indigo.css.js';
+const light = {
+    shared: css `
+    ${sharedLight}
+  `,
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    shared: css `
+    ${sharedDark}
+  `,
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=container.js.map

package/components/carousel/themes/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/carousel.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/carousel.fluent.css.js';\nimport { styles as indigoDark } from './dark/carousel.indigo.css.js';\nimport { styles as materialDark } from './dark/carousel.material.css.js';\nimport { styles as sharedDark } from './dark/carousel.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/carousel.bootstrap.css.js';\nimport { styles as fluentLight } from './light/carousel.fluent.css.js';\nimport { styles as indigoLight } from './light/carousel.indigo.css.js';\nimport { styles as materialLight } from './light/carousel.material.css.js';\nimport { styles as sharedLight } from './light/carousel.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/carousel.bootstrap.css.js';\nimport { styles as fluent } from './shared/carousel.fluent.css.js';\nimport { styles as indigo } from './shared/carousel.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/carousel/themes/dark/carousel.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/dark/carousel.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.bootstrap.css.js.map

package/components/carousel/themes/dark/carousel.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ueAAue,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/dark/carousel.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/dark/carousel.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-200) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-gray-400) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.fluent.css.js.map

package/components/carousel/themes/dark/carousel.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wnBAAwnB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-200) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-gray-400) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/dark/carousel.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/dark/carousel.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-400) h s l/0.5));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-500) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, hsl(from var(--ig-gray-200) h s l/1));--button-hover-border-color: var(--ig-carousel-button-hover-border-color, hsl(from var(--ig-gray-300) h s l/1));--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--indicator-dot-color: var(--ig-carousel-indicator-dot-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-primary-500) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-primary-400) h s l/1));--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.indigo.css.js.map

package/components/carousel/themes/dark/carousel.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8wDAA8wD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-400) h s l/0.5));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-500) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, hsl(from var(--ig-gray-200) h s l/1));--button-hover-border-color: var(--ig-carousel-button-hover-border-color, hsl(from var(--ig-gray-300) h s l/1));--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--indicator-dot-color: var(--ig-carousel-indicator-dot-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-primary-500) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-primary-400) h s l/1));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/dark/carousel.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/dark/carousel.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.material.css.js.map

package/components/carousel/themes/dark/carousel.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.material.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yDAAyD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/dark/carousel.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/dark/carousel.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-1));--slide-background: var(--ig-carousel-slide-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-background: var(--ig-carousel-button-background, hsl(from var(--ig-gray-50) h s l/1));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-50) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-700) h s l/1));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-secondary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-secondary-200) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, transparent);--button-hover-border-color: var(--ig-carousel-button-hover-border-color, transparent);--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, transparent);--indicator-dot-color: var(--ig-carousel-indicator-dot-color, transparent);--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, transparent);--indicator-background: var(--ig-carousel-indicator-background, hsl(from var(--ig-gray-50) h s l/1));--label-indicator-background: var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));--indicator-color: var(--ig-carousel-indicator-color, hsl(from var(--ig-gray-700) h s l/1));--indicator-border-color: var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/0.7));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-border-color: var(--ig-carousel-indicator-active-border-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem))}`;
+//# sourceMappingURL=carousel.shared.css.js.map

package/components/carousel/themes/dark/carousel.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k1EAAk1E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-1));--slide-background: var(--ig-carousel-slide-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-background: var(--ig-carousel-button-background, hsl(from var(--ig-gray-50) h s l/1));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-50) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-700) h s l/1));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-secondary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-secondary-200) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, transparent);--button-hover-border-color: var(--ig-carousel-button-hover-border-color, transparent);--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, transparent);--indicator-dot-color: var(--ig-carousel-indicator-dot-color, transparent);--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, transparent);--indicator-background: var(--ig-carousel-indicator-background, hsl(from var(--ig-gray-50) h s l/1));--label-indicator-background: var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));--indicator-color: var(--ig-carousel-indicator-color, hsl(from var(--ig-gray-700) h s l/1));--indicator-border-color: var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/0.7));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-border-color: var(--ig-carousel-indicator-active-border-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem))}`;\n"]}

package/components/carousel/themes/indicator-container.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/carousel/themes/indicator-container.js

@@ -0,0 +1,28 @@
+import { css } from 'lit';
+import { styles as bootstrap } from './shared/indicator-container/indicator-container.bootstrap.css.js';
+import { styles as fluent } from './shared/indicator-container/indicator-container.fluent.css.js';
+import { styles as indigo } from './shared/indicator-container/indicator-container.indigo.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap}
+  `,
+    fluent: css `
+    ${fluent}
+  `,
+    indigo: css `
+    ${indigo}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap}
+  `,
+    fluent: css `
+    ${fluent}
+  `,
+    indigo: css `
+    ${indigo}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=indicator-container.js.map

package/components/carousel/themes/indicator-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-container.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/indicator-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mEAAmE,CAAC;AACxG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAElG,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/indicator-container/indicator-container.bootstrap.css.js';\nimport { styles as fluent } from './shared/indicator-container/indicator-container.fluent.css.js';\nimport { styles as indigo } from './shared/indicator-container/indicator-container.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/carousel/themes/light/carousel.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/light/carousel.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-600) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.bootstrap.css.js.map

package/components/carousel/themes/light/carousel.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/light/carousel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ueAAue,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-600) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/light/carousel.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/light/carousel.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-300) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-600) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.fluent.css.js.map

package/components/carousel/themes/light/carousel.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/light/carousel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ynBAAynB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-300) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-600) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/light/carousel.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/light/carousel.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-200) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-600) h s l/1));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-400) h s l/0.5));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-500) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, hsl(from var(--ig-gray-400) h s l/1));--button-hover-border-color: var(--ig-carousel-button-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-dot-color: var(--ig-carousel-indicator-dot-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, hsl(from var(--ig-gray-600) h s l/1));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-primary-500) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-primary-400) h s l/1));--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.indigo.css.js.map

package/components/carousel/themes/light/carousel.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/light/carousel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kqDAAkqD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-200) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-600) h s l/1));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-400) h s l/0.5));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-500) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, hsl(from var(--ig-gray-400) h s l/1));--button-hover-border-color: var(--ig-carousel-button-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--indicator-dot-color: var(--ig-carousel-indicator-dot-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, hsl(from var(--ig-gray-600) h s l/1));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-primary-500) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-primary-400) h s l/1));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/light/carousel.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/light/carousel.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--navigation-border-radius: var(--border-radius)}`;
+//# sourceMappingURL=carousel.material.css.js.map

package/components/carousel/themes/light/carousel.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.material.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/light/carousel.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yDAAyD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/light/carousel.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/light/carousel.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-1));--slide-background: var(--ig-carousel-slide-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-background: var(--ig-carousel-button-background, hsl(from var(--ig-gray-50) h s l/1));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-50) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-700) h s l/1));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-secondary-600) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-secondary-600) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, transparent);--button-hover-border-color: var(--ig-carousel-button-hover-border-color, transparent);--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, transparent);--indicator-dot-color: var(--ig-carousel-indicator-dot-color, transparent);--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, transparent);--indicator-background: var(--ig-carousel-indicator-background, hsl(from var(--ig-gray-50) h s l/1));--label-indicator-background: var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));--indicator-color: var(--ig-carousel-indicator-color, hsl(from var(--ig-gray-700) h s l/1));--indicator-border-color: var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/0.7));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-border-color: var(--ig-carousel-indicator-active-border-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem))}`;
+//# sourceMappingURL=carousel.shared.css.js.map

package/components/carousel/themes/light/carousel.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/light/carousel.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k1EAAk1E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-1));--slide-background: var(--ig-carousel-slide-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-background: var(--ig-carousel-button-background, hsl(from var(--ig-gray-50) h s l/1));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-50) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-700) h s l/1));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-secondary-600) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-secondary-600) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, transparent);--button-hover-border-color: var(--ig-carousel-button-hover-border-color, transparent);--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, transparent);--indicator-dot-color: var(--ig-carousel-indicator-dot-color, transparent);--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, transparent);--indicator-background: var(--ig-carousel-indicator-background, hsl(from var(--ig-gray-50) h s l/1));--label-indicator-background: var(--ig-carousel-label-indicator-background, hsl(from var(--ig-gray-50) h s l/0.8));--indicator-color: var(--ig-carousel-indicator-color, hsl(from var(--ig-gray-700) h s l/1));--indicator-border-color: var(--ig-carousel-indicator-border-color, hsl(from var(--ig-gray-900) h s l/0.7));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-border-color: var(--ig-carousel-indicator-active-border-color, hsl(from var(--ig-gray-900) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.25rem), 2.25rem))}`;\n"]}

package/components/carousel/themes/shared/carousel.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/carousel.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-button::part(focused),igc-button::part(focused):hover{box-shadow:0 0 0 .25rem var(--button-focus-border-color);border-color:var(--button-border-color);color:var(--button-arrow-color)}:host igc-button::part(base):active{--active-foreground: var-get($theme, "button-hover-arrow-color")}`;
+//# sourceMappingURL=carousel.bootstrap.css.js.map

package/components/carousel/themes/shared/carousel.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/shared/carousel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kSAAkS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-button::part(focused),igc-button::part(focused):hover{box-shadow:0 0 0 .25rem var(--button-focus-border-color);border-color:var(--button-border-color);color:var(--button-arrow-color)}:host igc-button::part(base):active{--active-foreground: var-get($theme, \"button-hover-arrow-color\")}`;\n"]}

package/components/carousel/themes/shared/carousel.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/carousel.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{background:var(--slide-background)}igc-button::part(base){--icon-color: var-get($theme, "button-arrow-color");color:var(--button-arrow-color);background:var(--button-background);border:.0625rem solid var(--button-border-color);box-shadow:var(--button-elevation);border-radius:var(--navigation-border-radius)}igc-button::part(base):hover{--icon-color-hover: var-get($theme, "button-hover-arrow-color");color:var(--button-hover-arrow-color);background:var(--button-hover-background);border-color:var(--button-hover-border-color)}igc-button::part(focused),igc-button::part(focused):hover{border:.125rem solid var(--button-focus-border-color);color:var(--button-focus-border-color)}igc-button[disabled]::part(base){--disabled-icon-color: var-get($theme, "button-disabled-arrow-color");color:var(--button-disabled-arrow-color);background:var(--button-disabled-background);border-color:var(--button-disabled-border-color);box-shadow:none}[part~=indicators]{background:var(--indicator-background);box-shadow:var(--button-elevation);border-radius:var(--navigation-border-radius)}[part~=indicators] div:focus-visible{outline-style:none}[part="label indicators"],[part="label indicators start"]{box-shadow:none;border-radius:.25rem;color:var(--indicator-color);background:var(--label-indicator-background)}[part~=dot]{border:.125rem solid var(--indicator-border-color)}[part~=dot]::after{background:var(--indicator-dot-color)}[part~=dot]:hover{border-color:var(--indicator-active-border-color)}[part="dot active"]{border:.125rem solid var(--indicator-active-color)}[part="dot active"]::after{background:var(--indicator-active-color)}[part="dot active"]:hover{border-color:var(--indicator-active-color)}[part="dot active"]:hover::after{background:var(--indicator-active-color)}`;
+//# sourceMappingURL=carousel.common.css.js.map

package/components/carousel/themes/shared/carousel.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.common.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/shared/carousel.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8uDAA8uD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:var(--slide-background)}igc-button::part(base){--icon-color: var-get($theme, \"button-arrow-color\");color:var(--button-arrow-color);background:var(--button-background);border:.0625rem solid var(--button-border-color);box-shadow:var(--button-elevation);border-radius:var(--navigation-border-radius)}igc-button::part(base):hover{--icon-color-hover: var-get($theme, \"button-hover-arrow-color\");color:var(--button-hover-arrow-color);background:var(--button-hover-background);border-color:var(--button-hover-border-color)}igc-button::part(focused),igc-button::part(focused):hover{border:.125rem solid var(--button-focus-border-color);color:var(--button-focus-border-color)}igc-button[disabled]::part(base){--disabled-icon-color: var-get($theme, \"button-disabled-arrow-color\");color:var(--button-disabled-arrow-color);background:var(--button-disabled-background);border-color:var(--button-disabled-border-color);box-shadow:none}[part~=indicators]{background:var(--indicator-background);box-shadow:var(--button-elevation);border-radius:var(--navigation-border-radius)}[part~=indicators] div:focus-visible{outline-style:none}[part=\"label indicators\"],[part=\"label indicators start\"]{box-shadow:none;border-radius:.25rem;color:var(--indicator-color);background:var(--label-indicator-background)}[part~=dot]{border:.125rem solid var(--indicator-border-color)}[part~=dot]::after{background:var(--indicator-dot-color)}[part~=dot]:hover{border-color:var(--indicator-active-border-color)}[part=\"dot active\"]{border:.125rem solid var(--indicator-active-color)}[part=\"dot active\"]::after{background:var(--indicator-active-color)}[part=\"dot active\"]:hover{border-color:var(--indicator-active-color)}[part=\"dot active\"]:hover::after{background:var(--indicator-active-color)}`;\n"]}

package/components/carousel/themes/shared/carousel.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/carousel.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-button::part(focused),igc-button::part(focused):hover{border:none;color:var(--indicator-focus-color)}igc-button::part(focused)::after,igc-button::part(focused):hover::after{position:absolute;content:"";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2);box-shadow:0 0 0 .0625rem var(--button-focus-border-color)}[part="label indicators"],[part="label indicators start"]{border-radius:.125rem}`;
+//# sourceMappingURL=carousel.fluent.css.js.map

package/components/carousel/themes/shared/carousel.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/shared/carousel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qeAAqe,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-button::part(focused),igc-button::part(focused):hover{border:none;color:var(--indicator-focus-color)}igc-button::part(focused)::after,igc-button::part(focused):hover::after{position:absolute;content:\"\";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2);box-shadow:0 0 0 .0625rem var(--button-focus-border-color)}[part=\"label indicators\"],[part=\"label indicators start\"]{border-radius:.125rem}`;\n"]}

package/components/carousel/themes/shared/carousel.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/carousel.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-button::part(base){width:1.75rem;height:1.75rem;border-width:.125rem;padding:initial}igc-button::part(focused),igc-button::part(focused):hover{box-shadow:0 0 0 .1875rem var(--indicator-focus-color);color:var(--button-arrow-color)}[part~=navigation] igc-icon{--ig-size: 2}[part~=indicators]{gap:.25rem;padding:.375rem}[part="label indicators"],[part="label indicators start"]{padding:.25rem .375rem;min-width:1.75rem;border-radius:.125rem}[part~=dot]{width:1rem;height:1rem;border:none;transition:none}[part~=dot]::after{width:.5rem;height:.5rem;inset-block-start:50%;inset-inline-start:50%;transform:translateX(calc(-50% * var(--dir))) translateY(-50%)}[part~=dot]:hover{border:.125rem solid var(--indicator-hover-dot-color)}[part~=dot]:hover::after{background:var(--indicator-hover-dot-color)}[part="dot active"]{border:.125rem solid var(--indicator-active-dot-color);box-shadow:0 0 0 .1875rem var(--dot-shadow-color)}[part="dot active"]::after{background:var(--indicator-active-dot-color)}[part="dot active"]:hover{border-color:var(--indicator-active-hover-dot-color)}[part="dot active"]:hover::after{background:var(--indicator-active-hover-dot-color)}:host([vertical]) [part~=indicators]{padding:.375rem}:host([vertical]) [part="label indicators"],:host([vertical]) [part="label indicators start"]{padding:.25rem .375rem}:host([vertical]) [part~=indicators],:host([vertical]) [part="label indicators"]{margin-inline-end:1rem}:host([vertical]) [part="indicators start"],:host([vertical]) [part="label indicators start"]{margin-inline-start:1rem}:host([vertical]) [part~=dot]::after{transform:translateX(calc(50% * var(--dir))) translateY(-50%)}igc-carousel-indicator{min-width:1rem;min-height:1rem}`;
+//# sourceMappingURL=carousel.indigo.css.js.map

package/components/carousel/themes/shared/carousel.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/shared/carousel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0qDAA0qD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-button::part(base){width:1.75rem;height:1.75rem;border-width:.125rem;padding:initial}igc-button::part(focused),igc-button::part(focused):hover{box-shadow:0 0 0 .1875rem var(--indicator-focus-color);color:var(--button-arrow-color)}[part~=navigation] igc-icon{--ig-size: 2}[part~=indicators]{gap:.25rem;padding:.375rem}[part=\"label indicators\"],[part=\"label indicators start\"]{padding:.25rem .375rem;min-width:1.75rem;border-radius:.125rem}[part~=dot]{width:1rem;height:1rem;border:none;transition:none}[part~=dot]::after{width:.5rem;height:.5rem;inset-block-start:50%;inset-inline-start:50%;transform:translateX(calc(-50% * var(--dir))) translateY(-50%)}[part~=dot]:hover{border:.125rem solid var(--indicator-hover-dot-color)}[part~=dot]:hover::after{background:var(--indicator-hover-dot-color)}[part=\"dot active\"]{border:.125rem solid var(--indicator-active-dot-color);box-shadow:0 0 0 .1875rem var(--dot-shadow-color)}[part=\"dot active\"]::after{background:var(--indicator-active-dot-color)}[part=\"dot active\"]:hover{border-color:var(--indicator-active-hover-dot-color)}[part=\"dot active\"]:hover::after{background:var(--indicator-active-hover-dot-color)}:host([vertical]) [part~=indicators]{padding:.375rem}:host([vertical]) [part=\"label indicators\"],:host([vertical]) [part=\"label indicators start\"]{padding:.25rem .375rem}:host([vertical]) [part~=indicators],:host([vertical]) [part=\"label indicators\"]{margin-inline-end:1rem}:host([vertical]) [part=\"indicators start\"],:host([vertical]) [part=\"label indicators start\"]{margin-inline-start:1rem}:host([vertical]) [part~=dot]::after{transform:translateX(calc(50% * var(--dir))) translateY(-50%)}igc-carousel-indicator{min-width:1rem;min-height:1rem}`;\n"]}

package/components/carousel/themes/shared/indicator-container/indicator-container.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/indicator-container/indicator-container.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part="base focused"] ::slotted(div)::after{border:none;box-shadow:0 0 0 .25rem var(--button-focus-border-color)}`;
+//# sourceMappingURL=indicator-container.bootstrap.css.js.map

package/components/carousel/themes/shared/indicator-container/indicator-container.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-container.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/carousel/themes/shared/indicator-container/indicator-container.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mHAAmH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=\"base focused\"] ::slotted(div)::after{border:none;box-shadow:0 0 0 .25rem var(--button-focus-border-color)}`;\n"]}

package/components/carousel/themes/shared/indicator-container/indicator-container.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/indicator-container/indicator-container.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{--indicator-active-color: var(--indicator-active-border-color)}[part="base focused"]{--indicator-active-color: var(--indicator-focus-color)}[part="base focused"] ::slotted(div)::after{position:absolute;content:"";pointer-events:none;width:100%;height:100%;border-radius:inherit;border:.125rem solid var(--indicator-focus-color)}`;
+//# sourceMappingURL=indicator-container.common.css.js.map

package/components/carousel/themes/shared/indicator-container/indicator-container.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-container.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/carousel/themes/shared/indicator-container/indicator-container.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uVAAuV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{--indicator-active-color: var(--indicator-active-border-color)}[part=\"base focused\"]{--indicator-active-color: var(--indicator-focus-color)}[part=\"base focused\"] ::slotted(div)::after{position:absolute;content:\"\";pointer-events:none;width:100%;height:100%;border-radius:inherit;border:.125rem solid var(--indicator-focus-color)}`;\n"]}

package/components/carousel/themes/shared/indicator-container/indicator-container.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/indicator-container/indicator-container.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part="base focused"] ::slotted(div)::after{border:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2);box-shadow:0 0 0 .0625rem var(--button-focus-border-color);border-radius:0}`;
+//# sourceMappingURL=indicator-container.fluent.css.js.map

package/components/carousel/themes/shared/indicator-container/indicator-container.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-container.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/carousel/themes/shared/indicator-container/indicator-container.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2PAA2P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=\"base focused\"] ::slotted(div)::after{border:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2);box-shadow:0 0 0 .0625rem var(--button-focus-border-color);border-radius:0}`;\n"]}

package/components/carousel/themes/shared/indicator-container/indicator-container.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/carousel/themes/shared/indicator-container/indicator-container.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{--dot-shadow-color: transparent}[part="base focused"]{--dot-shadow-color: var(--indicator-focus-color)}[part="base focused"] ::slotted(div)::after{border:none;box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}`;
+//# sourceMappingURL=indicator-container.indigo.css.js.map

package/components/carousel/themes/shared/indicator-container/indicator-container.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-container.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/carousel/themes/shared/indicator-container/indicator-container.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qOAAqO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{--dot-shadow-color: transparent}[part=\"base focused\"]{--dot-shadow-color: var(--indicator-focus-color)}[part=\"base focused\"] ::slotted(div)::after{border:none;box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}`;\n"]}

package/components/checkbox/checkbox-base.d.ts

@@ -4,12 +4,12 @@ export interface CheckboxChangeEventArgs {
     checked: boolean;
     value?: string;
 }
-export interface IgcCheckboxEventMap {
+export interface IgcCheckboxComponentEventMap {
     igcChange: CustomEvent<CheckboxChangeEventArgs>;
     focus: FocusEvent;
     blur: FocusEvent;
 }
-declare const IgcCheckboxBaseComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedCheckboxElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCheckboxEventMap>> & Constructor<LitElement>;
+declare const IgcCheckboxBaseComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedCheckboxElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCheckboxComponentEventMap>> & Constructor<LitElement>;
 export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_base {
     protected get __validators(): import("../common/validators.js").Validator<IgcCheckboxBaseComponent>[];
     protected _kbFocus: import("../common/controllers/focus-ring.js").KeyboardFocusRingController;
@@ -35,14 +35,14 @@ export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_b
      * @attr label-position
      */
     labelPosition: 'before' | 'after';
-    protected createRenderRoot(): DocumentFragment | HTMLElement;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     /** Simulates a click on the control. */
     click(): void;
     /** Sets focus on the control. */
     focus(options?: FocusOptions): void;
     /** Removes focus from the control. */
     blur(): void;
-    protected handleClick(): void;
+    protected handleClick(event: PointerEvent): void;
     protected handleBlur(): void;
     protected handleFocus(): void;
 }

package/components/checkbox/checkbox-base.js

@@ -10,6 +10,7 @@ import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';
+import { isEmpty } from '../common/util.js';
 import { checkBoxValidators } from './validators.js';
 let IgcCheckboxBaseComponent = class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(EventEmitterMixin(LitElement)) {
     constructor() {
@@ -41,9 +42,8 @@ let IgcCheckboxBaseComponent = class IgcCheckboxBaseComponent extends FormAssoci
     }
     createRenderRoot() {
         const root = super.createRenderRoot();
-        this.hideLabel = this.label.length < 1;
         root.addEventListener('slotchange', () => {
-            this.hideLabel = this.label.length < 1;
+            this.hideLabel = isEmpty(this.label);
         });
         return root;
     }
@@ -56,7 +56,8 @@ let IgcCheckboxBaseComponent = class IgcCheckboxBaseComponent extends FormAssoci
     blur() {
         this.input.blur();
     }
-    handleClick() {
+    handleClick(event) {
+        event.stopPropagation();
         this.checked = !this.checked;
         this.emitEvent('igcChange', {
             detail: { checked: this.checked, value: this.value },

package/components/checkbox/checkbox-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { checkBoxValidators } from './validators.js';\n\nexport interface CheckboxChangeEventArgs {\n  checked: boolean;\n  value?: string;\n}\n\nexport interface IgcCheckboxEventMap {\n  igcChange: CustomEvent<CheckboxChangeEventArgs>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(\n  EventEmitterMixin<IgcCheckboxEventMap, Constructor<LitElement>>(LitElement)\n) {\n  protected override get __validators() {\n    return checkBoxValidators;\n  }\n\n  protected _kbFocus = addKeyboardFocusRing(this);\n  protected _value!: string;\n  protected _checked = false;\n\n  @query('input', true)\n  protected input!: HTMLInputElement;\n\n  @queryAssignedNodes({ flatten: true })\n  protected label!: Array<Node>;\n\n  @state()\n  protected hideLabel = false;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value;\n    if (this.checked) {\n      this._setFormValue(this._value || 'on');\n    }\n  }\n\n  public get value(): string {\n    return this._value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) */\n  /**\n   * The checked state of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public set checked(value: boolean) {\n    this._checked = Boolean(value);\n    this._setFormValue(this._checked ? this.value || 'on' : null);\n    this._validate();\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  /**\n   * The label position of the control.\n   * @attr label-position\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: 'before' | 'after' = 'after';\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    this.hideLabel = this.label.length < 1;\n\n    root.addEventListener('slotchange', () => {\n      this.hideLabel = this.label.length < 1;\n    });\n\n    return root;\n  }\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected handleClick() {\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', {\n      detail: { checked: this.checked, value: this.value },\n    });\n  }\n\n  protected handleBlur() {\n    this._kbFocus.reset();\n  }\n\n  protected handleFocus() {\n    this._dirty = true;\n  }\n}\n"]}
+{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { isEmpty } from '../common/util.js';\nimport { checkBoxValidators } from './validators.js';\n\nexport interface CheckboxChangeEventArgs {\n  checked: boolean;\n  value?: string;\n}\n\nexport interface IgcCheckboxComponentEventMap {\n  igcChange: CustomEvent<CheckboxChangeEventArgs>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(\n  EventEmitterMixin<IgcCheckboxComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n) {\n  protected override get __validators() {\n    return checkBoxValidators;\n  }\n\n  protected _kbFocus = addKeyboardFocusRing(this);\n  protected _value!: string;\n  protected _checked = false;\n\n  @query('input', true)\n  protected input!: HTMLInputElement;\n\n  @queryAssignedNodes({ flatten: true })\n  protected label!: Array<Node>;\n\n  @state()\n  protected hideLabel = false;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value;\n    if (this.checked) {\n      this._setFormValue(this._value || 'on');\n    }\n  }\n\n  public get value(): string {\n    return this._value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) */\n  /**\n   * The checked state of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public set checked(value: boolean) {\n    this._checked = Boolean(value);\n    this._setFormValue(this._checked ? this.value || 'on' : null);\n    this._validate();\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  /**\n   * The label position of the control.\n   * @attr label-position\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: 'before' | 'after' = 'after';\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n\n    root.addEventListener('slotchange', () => {\n      this.hideLabel = isEmpty(this.label);\n    });\n\n    return root;\n  }\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected handleClick(event: PointerEvent) {\n    event.stopPropagation();\n\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', {\n      detail: { checked: this.checked, value: this.value },\n    });\n  }\n\n  protected handleBlur() {\n    this._kbFocus.reset();\n  }\n\n  protected handleFocus() {\n    this._dirty = true;\n  }\n}\n"]}