igniteui-webcomponents 7.0.0 → 7.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wbAAwb,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-11));--background: var(--ig-snackbar-background, var(--ig-gray-300));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-200-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--ig-theme: indigo;--ig-theme-variant: dark}`;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wbAAwb,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-11));--background: var(--ig-snackbar-background, var(--ig-gray-300));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-200-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sDAAsD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material;--ig-theme-variant: dark}`;\n"]}
+{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sDAAsD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: material;--ig-theme-variant: dark}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gVAAgV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, var(--ig-surface-500));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-primary-500));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gVAAgV,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, var(--ig-surface-500));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-primary-500));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2WAA2W,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-snackbar-background, var(--ig-gray-100));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-900));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--ig-theme: fluent;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2WAA2W,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--background: var(--ig-snackbar-background, var(--ig-gray-100));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-900));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--ig-theme: fluent;--ig-theme-variant: light}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gbAAgb,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, var(--ig-gray-200));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-700));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gbAAgb,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, var(--ig-gray-200));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-700));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material;--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ig-theme: material;--ig-theme-variant: light}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kbAAkb,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, var(--ig-gray-900));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-secondary-500));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--ig-theme-variant: light}`;\n"]}
+{"version":3,"file":"snackbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kbAAkb,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, var(--ig-gray-900));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-secondary-500));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--ig-theme-variant: light}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0OAA0O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);box-shadow:var(--elevation)}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color);background:rgba(0,0,0,0)}`;\n"]}
+{"version":3,"file":"snackbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0OAA0O,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);box-shadow:var(--elevation)}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color);background:rgba(0,0,0,0)}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oeAAoe,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=message]{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)}igc-button::part(base):focus-visible::after{display:none}`;\n"]}
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oeAAoe,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part~=message]{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)}igc-button::part(base):focus-visible::after{display:none}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4vBAA4vB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{min-height:2.25rem;padding:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4vBAA4vB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part~=base]{min-height:2.25rem;padding:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nGAA8nG,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, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;transform:translateX(calc(-50% + 0.5px))}:host igc-button{--ig-size: 2}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:flex;flex-wrap:row nowrap;align-items:center;justify-content:space-between;min-height:3rem;padding:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:1.5rem;backface-visibility:hidden;backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{box-shadow:none}:host(:not([open])) [part=base]{display:none}`;\n"]}
+{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nGAA8nG,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  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, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;transform:translateX(calc(-50% + 0.5px))}:host igc-button{--ig-size: 2}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:flex;flex-wrap:row nowrap;align-items:center;justify-content:space-between;min-height:3rem;padding:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:1.5rem;backface-visibility:hidden;backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{box-shadow:none}:host(:not([open])) [part=base]{display:none}`;\n  "]}

package/components/splitter/splitter.d.ts

@@ -0,0 +1,240 @@
+import { LitElement, type PropertyValues } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import type { SplitterOrientation } from '../types.js';
+import type { IgcSplitterComponentEventMap, IgcSplitterResizeEventDetail, PanePosition } from './types.js';
+declare const IgcSplitterComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSplitterComponentEventMap>> & Constructor<LitElement>;
+/**
+ * The `igc-splitter` component provides a resizable split-pane layout that divides the view
+ * into two panels — *start* and *end* — separated by a draggable bar.
+ *
+ * Panels can be resized by dragging the bar, using keyboard shortcuts, or collapsed/expanded
+ * using the built-in collapse buttons or the programmatic `toggle()` API.
+ * Nested splitters are supported for more complex layouts.
+ *
+ * @example
+ * ```html
+ * <!-- Basic horizontal splitter -->
+ * <igc-splitter>
+ *   <div slot="start">Start panel</div>
+ *   <div slot="end">End panel</div>
+ * </igc-splitter>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Vertical splitter with size constraints -->
+ * <igc-splitter orientation="vertical" start-min-size="100px" end-min-size="100px">
+ *   <div slot="start">Top panel</div>
+ *   <div slot="end">Bottom panel</div>
+ * </igc-splitter>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Nested splitters for a multi-pane layout -->
+ * <igc-splitter style="height: 600px;">
+ *   <igc-splitter slot="start" orientation="vertical">
+ *     <div slot="start">Top left</div>
+ *     <div slot="end">Bottom left</div>
+ *   </igc-splitter>
+ *   <div slot="end">Right panel</div>
+ * </igc-splitter>
+ * ```
+ *
+ * @example
+ * ```ts
+ * // Programmatically collapse/expand a pane
+ * const splitter = document.querySelector('igc-splitter');
+ * splitter.toggle('start'); // collapse start pane
+ * splitter.toggle('start'); // expand start pane
+ * ```
+ *
+ * ## Keyboard interactions
+ *
+ * When the splitter bar is focused:
+ *
+ * | Key | Action |
+ * |---|---|
+ * | `Arrow Left` / `Arrow Right` | Resize panes (horizontal orientation) |
+ * | `Arrow Up` / `Arrow Down` | Resize panes (vertical orientation) |
+ * | `Home` | Snap start pane to its minimum size |
+ * | `End` | Snap start pane to its maximum size |
+ * | `Ctrl + Arrow Left` / `Ctrl + Arrow Up` | Collapse or expand the start pane |
+ * | `Ctrl + Arrow Right` / `Ctrl + Arrow Down` | Collapse or expand the end pane |
+ *
+ * @element igc-splitter
+ *
+ * @fires igcResizeStart - Emitted once when a resize operation begins (pointer drag or keyboard).
+ * @fires igcResizing - Emitted continuously while a pane is being resized.
+ * @fires igcResizeEnd - Emitted once when a resize operation completes.
+ *
+ * @slot start - Content projected into the start (left/top) panel.
+ * @slot end - Content projected into the end (right/bottom) panel.
+ *
+ * @csspart splitter-bar - The resizable bar element between the two panels.
+ * @csspart drag-handle - The drag handle icon/element on the splitter bar.
+ * @csspart start-pane - The container for the start panel content.
+ * @csspart end-pane - The container for the end panel content.
+ * @csspart start-collapse-btn - The button to collapse the start panel.
+ * @csspart end-collapse-btn - The button to collapse the end panel.
+ * @csspart start-expand-btn - The button to expand the start panel when collapsed.
+ * @csspart end-expand-btn - The button to expand the end panel when collapsed.
+ */
+export default class IgcSplitterComponent extends IgcSplitterComponent_base {
+    static readonly tagName = "igc-splitter";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private readonly _internals;
+    private readonly _separatorRef;
+    private _startPaneState;
+    private _endPaneState;
+    private _collapsedPane;
+    private _resizeState;
+    private readonly _base;
+    private readonly _startPane;
+    private readonly _endPane;
+    private get _separator();
+    private get _resizeDisallowed();
+    private get _isHorizontal();
+    private get _separatorCursor();
+    /**
+     * The orientation of the splitter, which determines the direction of resizing and collapsing.
+     *
+     * @attr orientation
+     * @default 'horizontal'
+     */
+    orientation: SplitterOrientation;
+    /**
+     * When true, prevents the user from collapsing either pane.
+     * This also hides the expand/collapse buttons on the splitter bar.
+     *
+     * @attr disable-collapse
+     * @default false
+     */
+    disableCollapse: boolean;
+    /**
+     * When true, prevents the user from resizing the panes by dragging the splitter bar or using keyboard shortcuts.
+     * This also hides the drag handle on the splitter bar.
+     *
+     * @attr disable-resize
+     * @default false
+     */
+    disableResize: boolean;
+    /**
+     * When true, hides the expand/collapse buttons on the splitter bar.
+     *
+     * Note that the buttons will also be hidden if `disable-collapse` is true or
+     * if a pane is currently collapsed.
+     *
+     * @attr hide-collapse-buttons
+     * @default false
+     */
+    hideCollapseButtons: boolean;
+    /**
+     * When true, hides the drag handle on the splitter bar.
+     *
+     * Note that the drag handle will also be hidden if `disable-resize` is true.
+     *
+     * @attr hide-drag-handle
+     * @default false
+     */
+    hideDragHandle: boolean;
+    /**
+     * The minimum size of the start pane.
+     *
+     * @attr start-min-size
+     */
+    set startMinSize(value: string | undefined);
+    get startMinSize(): string | undefined;
+    /**
+     * The minimum size of the end pane.
+     *
+     * @attr end-min-size
+     */
+    set endMinSize(value: string | undefined);
+    get endMinSize(): string | undefined;
+    /**
+     * The maximum size of the start pane.
+     *
+     * @attr start-max-size
+     */
+    set startMaxSize(value: string | undefined);
+    get startMaxSize(): string | undefined;
+    /**
+     * The maximum size of the end pane.
+     *
+     * @attr end-max-size
+     */
+    set endMaxSize(value: string | undefined);
+    get endMaxSize(): string | undefined;
+    /**
+     * The size of the start pane.
+     *
+     * @attr start-size
+     */
+    set startSize(value: string | undefined);
+    get startSize(): string | undefined;
+    /**
+     * The size of the end pane.
+     *
+     * @attr end-size
+     */
+    set endSize(value: string | undefined);
+    get endSize(): string | undefined;
+    constructor();
+    protected update(changed: PropertyValues<this>): void;
+    protected updated(): void;
+    private _handleBarPointerDown;
+    private _getDragDelta;
+    private _handleBarPointerMove;
+    private _handleEndDrag;
+    private _endDrag;
+    /** Toggles the collapsed state of the specified pane. */
+    toggle(position: PanePosition): void;
+    private _savePaneSizes;
+    private _restoreSizesOnExpandCollapse;
+    /** Measures the actual rendered size of a pane and returns it as a percentage of total size. */
+    private _paneRectAsPercent;
+    /** Converts a CSS size string (px or %) to a percentage of total size. */
+    private _sizeToPercent;
+    private _getStartPaneSizePercent;
+    private _getMinMaxAsPercent;
+    private _isCollapsed;
+    private _updateBarAria;
+    private _getPaneState;
+    private _isPercentageSize;
+    private _isAutoSize;
+    private _normalizeValue;
+    private _getFlex;
+    private _handleResizePanes;
+    private _preventDefaultForEvent;
+    private _resolveDelta;
+    private _handleMinMaxResize;
+    private _handleExpanderAction;
+    private _handleArrowsExpandCollapse;
+    private _resizeStart;
+    private _createPaneState;
+    private _setMinMaxInPx;
+    private _resizing;
+    private _computeSize;
+    private _resizeEnd;
+    private _rectSize;
+    private _calcNewSizes;
+    private _getTotalSize;
+    private _updatePanes;
+    private _updatePaneStyles;
+    private _setPaneMinMaxSizes;
+    private _ensureMinConstraintIsWithinBounds;
+    private _handleExpanderClick;
+    private _resolvePartNames;
+    private _renderBarControls;
+    private _renderAccessibleLabel;
+    private _renderSeparator;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export type { IgcSplitterComponentEventMap, IgcSplitterResizeEventDetail };
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-splitter': IgcSplitterComponent;
+    }
+}