npm - igniteui-webcomponents - Versions diffs - 3.3.0-beta.0 → 3.4.0-beta.0 - Mend

igniteui-webcomponents 3.3.0-beta.0 → 3.4.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (265) hide show

package/components/input/themes/light/input.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~uvJAAuvJ~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::after{background:none}:host [part~=~~input~~]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);~~padding~~:~~initial~~;background:var(--input-background, #fff);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);z-index:1;border:1px solid hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out;grid-area:1/2}:host [part~=prefixed]{border-start-start-radius:0;border-end-start-radius:0}:host [part~=suffixed]{border-start-end-radius:0;border-end-end-radius:0}:host label{line-height:1.5rem;margin-bottom:.25rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host label:empty{display:none}:host [part~~~=container]{border:none;grid-template-columns:auto 1fr auto}:host [part~=container]::after{display:none}:host [part~~=prefix],:host [part=suffix]{position:relative;padding:rem(16px);border-radius:none;min-width:auto;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a));-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out}:host [part=prefix]:focus-within,:host [part=suffix]:focus-within{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-gray-300), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-gray-300), 0.38)}:host [part=prefix]{grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px;border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host [part=suffix]{grid-area:1/3;border-style:solid;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px;border-start-end-radius:.25rem;border-end-end-radius:.25rem}:host [part=helper-text]{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin-top:rem(4px);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([size=large]) [part~=container],:host([size=large]) [part~=input]{height:3rem}:host([size=large]) [part~=input]{font-size:1.25rem;padding:.5rem 1rem}:host([size=large]) [part=prefix],:host([size=large]) [part=suffix]{font-size:rem(20px);padding:.5rem 1rem}:host([size=medium]) [part~=container],:host([size=medium]) [part~=input]{height:2.375rem}:host([size=medium]) [part~=input]{font-size:1rem;padding:.375rem .75rem}:host([size=medium]) [part=prefix],:host([size=medium]) [part=suffix]{font-size:1rem;padding:.375rem .75rem}:host([size=small]) [part~=container],:host([size=small]) [part~=input]{height:1.9375rem}:host([size=small]) [part~=input]{font-size:1rem;padding:.25rem .5rem}:host([size=small]) [part=prefix],:host([size=small]) [part=suffix]{font-size:.875rem;padding:.25rem .5rem}:host(:focus-within) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([invalid]:focus-within) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=~~input~~],:host([readonly]) [part=prefix],:host([readonly]) [part=suffix],:host([readonly]) [part~=~~input~~]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));~~border-~~color:hsla(var(--igc-gray-~~300~~), var(--igc-gray-a));color:hsla(var(--igc-gray-~~400~~), var(--igc-gray-a))}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix],:host([readonly]) [part~=~~input~~]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:focus-within[readonly]) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-gray-400), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-gray-400), 0.38);border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
1	+ {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q+JAAq+J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::after{background:none}:host [part~=container]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);border-style:none;grid-template-columns:auto 1fr auto;background:var(--input-background, #fff)}:host [part~=container]::after{display:none}:host [part~=input]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);padding:initial;background:inherit;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0);z-index:1;border:1px solid hsla(var(--igc-gray-400), var(--igc-gray-a));-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out;grid-area:1/2}:host [part=\"input prefixed\"]{border-start-start-radius:0;border-end-start-radius:0}:host [part=\"input suffixed\"]{border-start-end-radius:0;border-end-end-radius:0}:host [part*=\"input prefixed suffixed\"]{border-radius:0}:host label{line-height:1.5rem;margin-bottom:.25rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host label:empty{display:none}:host [part=prefix],:host [part=suffix]{position:relative;padding:rem(16px);border-radius:none;min-width:auto;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a));-webkit-transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;transition:border .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out;transition:box-shadow .15s ease-out,border .15s ease-out,-webkit-box-shadow .15s ease-out}:host [part=prefix]:focus-within,:host [part=suffix]:focus-within{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-gray-300), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-gray-300), 0.38)}:host [part=prefix]{grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px;border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host [part=suffix]{grid-area:1/3;border-style:solid;border-color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px;border-start-end-radius:.25rem;border-end-end-radius:.25rem}:host [part=helper-text]{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin-top:rem(4px);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([size=large]) [part~=container],:host([size=large]) [part~=input]{height:3rem}:host([size=large]) [part~=input]{font-size:1.25rem;padding:.5rem 1rem}:host([size=large]) [part=prefix],:host([size=large]) [part=suffix]{font-size:rem(20px);padding:.5rem 1rem}:host([size=medium]) [part~=container],:host([size=medium]) [part~=input]{height:2.375rem}:host([size=medium]) [part~=input]{font-size:1rem;padding:.375rem .75rem}:host([size=medium]) [part=prefix],:host([size=medium]) [part=suffix]{font-size:1rem;padding:.375rem .75rem}:host([size=small]) [part~=container],:host([size=small]) [part~=input]{height:1.9375rem}:host([size=small]) [part~=input]{font-size:1rem;padding:.25rem .5rem}:host([size=small]) [part=prefix],:host([size=small]) [part=suffix]{font-size:.875rem;padding:.25rem .5rem}:host(:focus-within) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([invalid]:focus-within) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=container],:host([readonly]) [part=prefix],:host([readonly]) [part=suffix],:host([readonly]) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=input],:host([readonly]) [part~=input]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([readonly]) [part=prefix],:host([readonly]) [part=suffix],:host([readonly]) [part~=container]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:focus-within[readonly]) [part~=input]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-gray-400), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-gray-400), 0.38);border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

package/components/input/themes/light/input.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=prefix],:host [part=suffix]{padding:0 .625rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));font-size:.875rem}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host [part^=container]{border-radius:clamp(0rem,var(--igc-radius-factor)*2px,2px);border:0.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:none;-o-transition:none;transition:none;background:var(--container-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part^=container]::after{background:rgba(0,0,0,0);-webkit-transform:none;-ms-transform:none;transform:none;height:initial}:host [part~=input]{background:initial;font-size:.875rem;padding:.5rem;height:100%;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([size=large]) [part^=container]{height:3rem}:host([size=large]) [part~=input]{height:2.875rem}:host([size=medium]) [part^=container]{height:2.5rem}:host([size=medium]) [part~=input]{height:2.375rem}:host([size=small]) [part^=container]{height:2rem}:host([size=small]) [part~=input]{height:1.875rem}:host([size=large]:focus-within) [part~=input]{height:2.75rem}:host([size=medium]:focus-within) [part~=input]{height:2.25rem}:host([size=small]:focus-within) [part~=input]{height:1.75rem}:host(:not([invalid]):hover) [part^=container]{border-color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) [part^=container]{border-width:0.125rem}:host(:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) [part^=container],:host(:not([invalid]):focus-within:hover) [part^=container]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([required]) [part=label]::after,:host([outlined][required]) [part=label]::after{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container],:host([outlined][invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=helper-text],:host([outlined][invalid]) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `:host [part=prefix],:host [part=suffix]{padding:0 .625rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));font-size:.875rem}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host [part^=container]{border-radius:clamp(0rem,var(--igc-radius-factor)*2px,2px);border:0.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:none;-o-transition:none;transition:none;background:var(--container-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part^=container]::after{background:rgba(0,0,0,0);-webkit-transform:none;-ms-transform:none;transform:none;height:initial}:host [part~=input]{background:initial;font-size:.875rem;padding:.5rem;height:100%;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([size=large]) [part^=container]{height:3rem}:host([size=large]) [part~=input]{height:2.875rem}:host([size=medium]) [part^=container]{height:2.5rem}:host([size=medium]) [part~=input]{height:2.375rem}:host([size=small]) [part^=container]{height:2rem}:host([size=small]) [part~=input]{height:1.875rem}:host([size=large]:focus-within) [part~=input]{height:2.75rem}:host([size=medium]:focus-within) [part~=input]{height:2.25rem}:host([size=small]:focus-within) [part~=input]{height:1.75rem}:host(:not([invalid]):hover) [part^=container]{border-color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) [part^=container]{border-width:0.125rem}:host(:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) [part^=container],:host(:not([invalid]):focus-within:hover) [part^=container]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([required]) [part=label]::after,:host([outlined][required]) [part=label]::after{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container],:host([outlined][invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=helper-text],:host([outlined][invalid]) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
 //# sourceMappingURL=input.fluent.css.js.map

package/components/input/themes/light/input.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~k+FAAk+~~F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],:host [part=suffix]{padding:0 .625rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));font-size:.875rem}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host [part^=container]{border-radius:clamp(0rem,var(--igc-radius-factor)*2px,2px);border:0.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:none;-o-transition:none;transition:none;background:var(--container-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part^=container]::after{background:rgba(0,0,0,0);-webkit-transform:none;-ms-transform:none;transform:none;height:initial}:host [part~=input]{background:initial;font-size:.875rem;padding:.5rem;height:100%;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([size=large]) [part^=container]{height:3rem}:host([size=large]) [part~=input]{height:2.875rem}:host([size=medium]) [part^=container]{height:2.5rem}:host([size=medium]) [part~=input]{height:2.375rem}:host([size=small]) [part^=container]{height:2rem}:host([size=small]) [part~=input]{height:1.875rem}:host([size=large]:focus-within) [part~=input]{height:2.75rem}:host([size=medium]:focus-within) [part~=input]{height:2.25rem}:host([size=small]:focus-within) [part~=input]{height:1.75rem}:host(:not([invalid]):hover) [part^=container]{border-color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) [part^=container]{border-width:0.125rem}:host(:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) [part^=container],:host(:not([invalid]):focus-within:hover) [part^=container]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([required]) [part=label]::after,:host([outlined][required]) [part=label]::after{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container],:host([outlined][invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=helper-text],:host([outlined][invalid]) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~~~=input],:host([disabled]) [part~~=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
1	+ {"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q/FAAq/F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],:host [part=suffix]{padding:0 .625rem;color:hsla(var(--igc-gray-700), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));font-size:.875rem}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host [part^=container]{border-radius:clamp(0rem,var(--igc-radius-factor)*2px,2px);border:0.0625rem solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:none;-o-transition:none;transition:none;background:var(--container-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));cursor:text;grid-template-columns:auto 1fr auto;overflow:hidden}:host [part^=container]::after{background:rgba(0,0,0,0);-webkit-transform:none;-ms-transform:none;transform:none;height:initial}:host [part~=input]{background:initial;font-size:.875rem;padding:.5rem;height:100%;max-height:100%;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;margin-top:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([size=large]) [part^=container]{height:3rem}:host([size=large]) [part~=input]{height:2.875rem}:host([size=medium]) [part^=container]{height:2.5rem}:host([size=medium]) [part~=input]{height:2.375rem}:host([size=small]) [part^=container]{height:2rem}:host([size=small]) [part~=input]{height:1.875rem}:host([size=large]:focus-within) [part~=input]{height:2.75rem}:host([size=medium]:focus-within) [part~=input]{height:2.25rem}:host([size=small]:focus-within) [part~=input]{height:1.75rem}:host(:not([invalid]):hover) [part^=container]{border-color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) [part^=container]{border-width:0.125rem}:host(:focus-within) [part=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:focus-within) [part=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) [part^=container],:host(:not([invalid]):focus-within:hover) [part^=container]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([required]) [part=label]::after,:host([outlined][required]) [part=label]::after{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container],:host([outlined][invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=helper-text],:host([outlined][invalid]) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

package/components/input/themes/light/input.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:rgba(0,0,0,0);border-bottom:1px solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;grid-template-columns:auto 1fr auto}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}:host [part~=input]{font-size:1rem;background:initial;padding:.5rem;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host(:hover) [part^=container],:host([outlined]:hover) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container],:host([outlined]:focus-within) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container]::after,:host([outlined]:focus-within) [part^=container]::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part=label],:host([outlined]:focus-within) [part=label]{color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part^=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
+export const styles = css `:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:rgba(0,0,0,0);border-bottom:1px solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;grid-template-columns:auto 1fr auto}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}:host [part~=input]{font-size:1rem;background:initial;padding:.5rem;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host(:hover) [part^=container],:host([outlined]:hover) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container],:host([outlined]:focus-within) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container]::after,:host([outlined]:focus-within) [part^=container]::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part=label],:host([outlined]:focus-within) [part=label]{color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part^=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
 //# sourceMappingURL=input.indigo.css.js.map

package/components/input/themes/light/input.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8/FAA8/F~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:rgba(0,0,0,0);border-bottom:1px solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;grid-template-columns:auto 1fr auto}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}:host [part~=input]{font-size:1rem;background:initial;padding:.5rem;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host(:hover) [part^=container],:host([outlined]:hover) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container],:host([outlined]:focus-within) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container]::after,:host([outlined]:focus-within) [part^=container]::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part=label],:host([outlined]:focus-within) [part=label]{color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part^=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~~~=input],:host([disabled]) [part~~=helper-text]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}
1	+ {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ihGAAihG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],:host [part=suffix]{padding-top:.5rem;padding-bottom:.5rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host [part=prefix]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;grid-area:1/1}:host [part=suffix]{-webkit-padding-end:.5rem;padding-inline-end:.5rem;grid-area:1/3}:host [part=label]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));margin-bottom:.25rem;font-size:initial}:host [part^=container]{background:rgba(0,0,0,0);border-bottom:1px solid hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;grid-template-columns:auto 1fr auto}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}:host [part~=input]{font-size:1rem;background:initial;padding:.5rem;border:none;grid-area:1/2}:host [part=helper-text]{padding:0;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host(:hover) [part^=container],:host([outlined]:hover) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container],:host([outlined]:focus-within) [part^=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:focus-within) [part^=container]::after,:host([outlined]:focus-within) [part^=container]::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part=label],:host([outlined]:focus-within) [part=label]{color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([invalid]) [part^=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part^=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part^=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){pointer-events:none}:host([disabled]) [part^=container]{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}

package/components/list/list.js CHANGED Viewed

@@ -9,6 +9,10 @@ import { themes } from '../../theming/theming-decorator.js';
 import { SizableMixin } from '../common/mixins/sizable.js';
 import { styles } from './themes/light/list.base.css.js';
 import { styles as bootstrap } from './themes/light/list.bootstrap.css.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+import IgcListHeaderComponent from './list-header.js';
+import IgcListItemComponent from './list-item.js';
+defineComponents(IgcListItemComponent, IgcListHeaderComponent);
 let IgcListComponent = class IgcListComponent extends SizableMixin(LitElement) {
     constructor() {
         super();

package/components/list/list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;~~AAU3E~~,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAIpE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAfwB,wBAAO,GAAG,UAAW,CAAA;AACrB,uBAAM,GAAG,MAAO,CAAA;AAFpB,gBAAgB;IADpC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,gBAAgB,CAgBpC;eAhBoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './themes/light/list.base.css.js';\nimport { styles as bootstrap } from './themes/light/list.bootstrap.css.js';\n\n/*\n Displays a collection of data items in a templatable list format.\n \n @element igc-list\n \n @slot - Renders the list items and list headers inside default slot.\n */\n@themes({ bootstrap })\nexport default class IgcListComponent extends SizableMixin(LitElement) {\n public static readonly tagName = 'igc-list';\n public static override styles = styles;\n\n constructor() {\n super();\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list': IgcListComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAElD,gBAAgB,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;AAU/D,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAIpE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAfwB,wBAAO,GAAG,UAAW,CAAA;AACrB,uBAAM,GAAG,MAAO,CAAA;AAFpB,gBAAgB;IADpC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,gBAAgB,CAgBpC;eAhBoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './themes/light/list.base.css.js';\nimport { styles as bootstrap } from './themes/light/list.bootstrap.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcListHeaderComponent from './list-header.js';\nimport IgcListItemComponent from './list-item.js';\n\ndefineComponents(IgcListItemComponent, IgcListHeaderComponent);\n\n/*\n Displays a collection of data items in a templatable list format.\n \n @element igc-list\n \n @slot - Renders the list items and list headers inside default slot.\n */\n@themes({ bootstrap })\nexport default class IgcListComponent extends SizableMixin(LitElement) {\n public static readonly tagName = 'igc-list';\n public static override styles = styles;\n\n constructor() {\n super();\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list': IgcListComponent;\n }\n}\n"]}

package/components/mask-input/mask-input-base.js CHANGED Viewed

@@ -5,10 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { property, state } from 'lit/decorators.js';
+import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { blazorSuppress } from '../common/decorators/blazorSuppress.js';
 import { IgcInputBaseComponent } from '../input/input-base.js';
 import { MaskParser } from './mask-parser.js';
-export class IgcMaskInputBaseComponent extends IgcInputBaseComponent {
+let IgcMaskInputBaseComponent = class IgcMaskInputBaseComponent extends IgcInputBaseComponent {
     constructor() {
         super(...arguments);
         this.parser = new MaskParser();
@@ -88,7 +89,7 @@ export class IgcMaskInputBaseComponent extends IgcInputBaseComponent {
         super.setSelectionRange(start, end, direction);
         this.selection = { start, end };
     }
-}
+};
 __decorate([
     state()
 ], IgcMaskInputBaseComponent.prototype, "hasFocus", void 0);
@@ -107,4 +108,8 @@ __decorate([
 __decorate([
     blazorSuppress()
 ], IgcMaskInputBaseComponent.prototype, "setSelectionRange", null);
+IgcMaskInputBaseComponent = __decorate([
+    blazorDeepImport
+], IgcMaskInputBaseComponent);
+export { IgcMaskInputBaseComponent };
 //# sourceMappingURL=mask-input-base.js.map

package/components/mask-input/mask-input-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;~~AAM9C~~,~~MAAM~~,~~OAAgB~~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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport { MaskParser } from './mask-parser.js';\ninterface MaskSelection {\n start: number;\n end: number;\n}\n\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n protected parser = new MaskParser();\n protected selection: MaskSelection = { start: 0, end: 0 };\n protected compositionStart = 0;\n\n @state()\n protected hasFocus = false;\n\n @state()\n protected maskedValue = '';\n\n @state()\n protected _mask = '';\n\n /** The prompt symbol to use for unfilled parts of the mask. /\n @property()\n public prompt!: string;\n\n /* Controls the validity of the control. /\n @property({ reflect: true, type: Boolean })\n public invalid = false;\n\n protected get inputSelection(): MaskSelection {\n return {\n start: this.input.selectionStart \|\| 0,\n end: this.input.selectionEnd \|\| 0,\n };\n }\n\n protected get emptyMask(): string {\n return this.parser.apply();\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n\n this._mask = this._mask \|\| this.parser.mask;\n this.prompt = this.prompt \|\| this.parser.prompt;\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n /\n public setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.invalid = !this.input.checkValidity();\n }\n\n /* Selects all text within the input. */\n public select() {\n this.input.select();\n }\n\n protected handleInput({ inputType, isComposing }: InputEvent) {\n const value = this.input.value;\n const start = this.selection.start;\n let end = this.selection.end;\n\n switch (inputType) {\n case 'deleteContentForward':\n this.updateInput('', start, (end = start === end ? ++end : end));\n return this.updateComplete.then(() =>\n this.input.setSelectionRange(end, end)\n );\n\n case 'deleteContentBackward':\n if (isComposing) return;\n return this.updateInput('', this.inputSelection.start, end);\n\n case 'deleteByCut':\n return this.updateInput('', start, end);\n\n case 'insertText':\n return this.updateInput(\n value.substring(start, this.inputSelection.end),\n start,\n end\n );\n\n case 'insertFromPaste':\n return this.updateInput(\n value.substring(start, this.inputSelection.end),\n start,\n this.inputSelection.start\n );\n\n case 'insertFromDrop':\n return this.updateInput(\n value.substring(this.inputSelection.start, this.inputSelection.end),\n this.inputSelection.start,\n this.inputSelection.end\n );\n }\n }\n\n protected handleKeydown(e: KeyboardEvent) {\n if (!e.key) {\n return;\n }\n this.selection = this.inputSelection;\n }\n\n protected handleCut() {\n this.selection = this.inputSelection;\n }\n\n protected handleDragStart() {\n this.selection = this.inputSelection;\n }\n\n protected handleCompositionStart() {\n this.compositionStart = this.inputSelection.start;\n }\n\n protected handleCompositionEnd({ data }: CompositionEvent) {\n const start = this.compositionStart,\n end = this.inputSelection.end;\n this.updateInput(data, start, end);\n }\n\n protected handleInvalid() {\n this.invalid = true;\n }\n\n @blazorSuppress()\n public override setSelectionRange(\n start: number,\n end: number,\n direction?: 'backward' \| 'forward' \| 'none'\n ): void {\n super.setSelectionRange(start, end, direction);\n this.selection = { start, end };\n }\n\n protected abstract updateInput(\n part: string,\n start: number,\n finish: number\n ): void;\n}\n"]}
1	+ {"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport { MaskParser } from './mask-parser.js';\ninterface MaskSelection {\n start: number;\n end: number;\n}\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n protected parser = new MaskParser();\n protected selection: MaskSelection = { start: 0, end: 0 };\n protected compositionStart = 0;\n\n @state()\n protected hasFocus = false;\n\n @state()\n protected maskedValue = '';\n\n @state()\n protected _mask = '';\n\n /** The prompt symbol to use for unfilled parts of the mask. /\n @property()\n public prompt!: string;\n\n /* Controls the validity of the control. /\n @property({ reflect: true, type: Boolean })\n public invalid = false;\n\n protected get inputSelection(): MaskSelection {\n return {\n start: this.input.selectionStart \|\| 0,\n end: this.input.selectionEnd \|\| 0,\n };\n }\n\n protected get emptyMask(): string {\n return this.parser.apply();\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n\n this._mask = this._mask \|\| this.parser.mask;\n this.prompt = this.prompt \|\| this.parser.prompt;\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n /\n public setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.invalid = !this.input.checkValidity();\n }\n\n /* Selects all text within the input. */\n public select() {\n this.input.select();\n }\n\n protected handleInput({ inputType, isComposing }: InputEvent) {\n const value = this.input.value;\n const start = this.selection.start;\n let end = this.selection.end;\n\n switch (inputType) {\n case 'deleteContentForward':\n this.updateInput('', start, (end = start === end ? ++end : end));\n return this.updateComplete.then(() =>\n this.input.setSelectionRange(end, end)\n );\n\n case 'deleteContentBackward':\n if (isComposing) return;\n return this.updateInput('', this.inputSelection.start, end);\n\n case 'deleteByCut':\n return this.updateInput('', start, end);\n\n case 'insertText':\n return this.updateInput(\n value.substring(start, this.inputSelection.end),\n start,\n end\n );\n\n case 'insertFromPaste':\n return this.updateInput(\n value.substring(start, this.inputSelection.end),\n start,\n this.inputSelection.start\n );\n\n case 'insertFromDrop':\n return this.updateInput(\n value.substring(this.inputSelection.start, this.inputSelection.end),\n this.inputSelection.start,\n this.inputSelection.end\n );\n }\n }\n\n protected handleKeydown(e: KeyboardEvent) {\n if (!e.key) {\n return;\n }\n this.selection = this.inputSelection;\n }\n\n protected handleCut() {\n this.selection = this.inputSelection;\n }\n\n protected handleDragStart() {\n this.selection = this.inputSelection;\n }\n\n protected handleCompositionStart() {\n this.compositionStart = this.inputSelection.start;\n }\n\n protected handleCompositionEnd({ data }: CompositionEvent) {\n const start = this.compositionStart,\n end = this.inputSelection.end;\n this.updateInput(data, start, end);\n }\n\n protected handleInvalid() {\n this.invalid = true;\n }\n\n @blazorSuppress()\n public override setSelectionRange(\n start: number,\n end: number,\n direction?: 'backward' \| 'forward' \| 'none'\n ): void {\n super.setSelectionRange(start, end, direction);\n this.selection = { start, end };\n }\n\n protected abstract updateInput(\n part: string,\n start: number,\n finish: number\n ): void;\n}\n"]}

package/components/nav-drawer/nav-drawer.js CHANGED Viewed

@@ -10,6 +10,10 @@ import { themes } from '../../theming/theming-decorator.js';
 import { partNameMap } from '../common/util.js';
 import { styles as indigo } from './themes/light/indigo/nav-drawer.indigo.css.js';
 import { styles } from './themes/light/nav-drawer.base.css.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+import IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';
+import IgcNavDrawerItemComponent from './nav-drawer-item.js';
+defineComponents(IgcNavDrawerHeaderItemComponent, IgcNavDrawerItemComponent);
 let IgcNavDrawerComponent = class IgcNavDrawerComponent extends LitElement {
     constructor() {
         super(...arguments);

package/components/nav-drawer/nav-drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;~~AAgB~~/D,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAMS,aAAQ,GAAoD,OAAO,CAAC;QAIpE,SAAI,GAAG,KAAK,CAAC;IAqDtB,CAAC;IAlDQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEO,gBAAgB,CAAC,IAAY;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE9D,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC,WAAW;SACrB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,IAAI;;;;;;qBAMvB,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;KAI1D,CAAC;IACJ,CAAC;CACF,CAAA;AA9DwB,6BAAO,GAAG,gBAAiB,CAAA;AAC3B,4BAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAC+C;AAI3E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB;AAVD,qBAAqB;IADzC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,qBAAqB,CA+DzC;eA/DoB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { partNameMap } from '../common/util.js';\nimport { styles as indigo } from './themes/light/indigo/nav-drawer.indigo.css.js';\nimport { styles } from './themes/light/nav-drawer.base.css.js';\n\n/*\n Represents a side navigation container that provides\n * quick access between views.\n \n @element igc-nav-drawer\n \n @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n \n @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n /\n@themes({ indigo })\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = styles;\n\n /* The position of the drawer. /\n @property({ reflect: true })\n public position: 'start' \| 'end' \| 'top' \| 'bottom' \| 'relative' = 'start';\n\n /* Determines whether the drawer is opened. /\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /* Opens the drawer. /\n public show() {\n if (this.open) {\n return;\n }\n\n this.open = true;\n }\n\n /* Closes the drawer. /\n public hide() {\n if (!this.open) {\n return;\n }\n\n this.open = false;\n }\n\n /* Toggles the open state of the drawer. */\n public toggle() {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n private resolvePartNames(base: string) {\n const mini = document.querySelector('div[slot=\"mini\"]');\n const hasChildren = mini !== null && mini.children.length > 0;\n\n return {\n [base]: true,\n hidden: !hasChildren,\n };\n }\n\n protected override render() {\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n <div part=\"base\">\n <div part=\"main\">\n <slot></slot>\n </div>\n\n <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n <slot name=\"mini\"></slot>\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,+BAA+B,MAAM,6BAA6B,CAAC;AAC1E,OAAO,yBAAyB,MAAM,sBAAsB,CAAC;AAE7D,gBAAgB,CAAC,+BAA+B,EAAE,yBAAyB,CAAC,CAAC;AAgB7E,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAMS,aAAQ,GAAoD,OAAO,CAAC;QAIpE,SAAI,GAAG,KAAK,CAAC;IAqDtB,CAAC;IAlDQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEO,gBAAgB,CAAC,IAAY;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE9D,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC,WAAW;SACrB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,IAAI;;;;;;qBAMvB,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;KAI1D,CAAC;IACJ,CAAC;CACF,CAAA;AA9DwB,6BAAO,GAAG,gBAAiB,CAAA;AAC3B,4BAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAC+C;AAI3E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB;AAVD,qBAAqB;IADzC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,qBAAqB,CA+DzC;eA/DoB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { partNameMap } from '../common/util.js';\nimport { styles as indigo } from './themes/light/indigo/nav-drawer.indigo.css.js';\nimport { styles } from './themes/light/nav-drawer.base.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\n\ndefineComponents(IgcNavDrawerHeaderItemComponent, IgcNavDrawerItemComponent);\n\n/*\n Represents a side navigation container that provides\n * quick access between views.\n \n @element igc-nav-drawer\n \n @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n \n @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n /\n@themes({ indigo })\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = styles;\n\n /* The position of the drawer. /\n @property({ reflect: true })\n public position: 'start' \| 'end' \| 'top' \| 'bottom' \| 'relative' = 'start';\n\n /* Determines whether the drawer is opened. /\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /* Opens the drawer. /\n public show() {\n if (this.open) {\n return;\n }\n\n this.open = true;\n }\n\n /* Closes the drawer. /\n public hide() {\n if (!this.open) {\n return;\n }\n\n this.open = false;\n }\n\n /* Toggles the open state of the drawer. */\n public toggle() {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n private resolvePartNames(base: string) {\n const mini = document.querySelector('div[slot=\"mini\"]');\n const hasChildren = mini !== null && mini.children.length > 0;\n\n return {\n [base]: true,\n hidden: !hasChildren,\n };\n }\n\n protected override render() {\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n <div part=\"base\">\n <div part=\"main\">\n <slot></slot>\n </div>\n\n <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n <slot name=\"mini\"></slot>\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}

package/components/progress/circular-progress.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { IgcProgressBaseComponent } from './base.js';
-import type IgcCircularGradientComponent from './circular-gradient';
+import IgcCircularGradientComponent from './circular-gradient.js';
 /**
  * A circular progress indicator used to express unspecified wait time or display
  * the length of a process.

package/components/progress/circular-progress.js CHANGED Viewed

@@ -14,6 +14,9 @@ import { styles } from './themes/circular/circular.progress.base.css.js';
 import { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';
 import { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';
 import { themes } from '../../theming/theming-decorator.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+import IgcCircularGradientComponent from './circular-gradient.js';
+defineComponents(IgcCircularGradientComponent);
 let IgcCircularProgressComponent = class IgcCircularProgressComponent extends IgcProgressBaseComponent {
     constructor() {
         super(...arguments);

package/components/progress/circular-progress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;~~AAErF~~,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;~~AA2B5D~~,IAAqB,4BAA4B,GAAjD,MAAqB,4BAA6B,SAAQ,wBAAwB;IAAlF;;QAIY,eAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAiEjD,CAAC;IA5DC,IAAc,MAAM;QAClB,OAAO;YACL,MAAM,EAAE,QAAQ,IAAI,CAAC,UAAU,GAAG;YAClC,cAAc,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE;YAClE,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,SAAS;QACjB,OAAO,GAAG,CAAA;4BACc,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;uBAC/B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;;;+BAGb,IAAI,CAAC,UAAU;YAClC,IAAI,CACJ,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAC5B,GAAG,EAAE,CACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAgC,EAAE,EAAE;YAC7D,OAAO,GAAG,CAAA,gBAAgB,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,KAAK,iBAAiB,EAAE,CAAC,OAAO,IAAI,CAAC;QAC5F,CAAC,CAAC,EACJ,GAAG,EAAE,CAAC,GAAG,CAAA;;;WAGV,CACA;;;KAGN,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;oBAEK,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;;wBAGtB,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;UAEvD,IAAI,CAAC,SAAS,EAAE;;0CAEgB,IAAI,CAAC,cAAc;QACrD,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;CACF,CAAA;AApEwB,oCAAO,GAAG,uBAAwB,CAAA;AAClC,mCAAM,GAAG,MAAO,CAAA;AAKvC;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;sEACqB;AAP9C,4BAA4B;IADhD,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;GACT,4BAA4B,CAqEhD;eArEoB,4BAA4B","sourcesContent":["import { html, nothing, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';\nimport ~~type~~ ~~IgcCircularGradientComponent~~ from '~~./circular~~-~~gradient~~';\nimport { ~~themes~~ } from '~~../../theming~~/~~theming~~-~~decorator~~.js';\n\n/*\n A circular progress indicator used to express unspecified wait time or display\n * the length of a process.\n \n @element igc-circular-progress\n \n @slot - The text area container.\n * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n \n @csspart svg\n * @csspart gradient_start\n * @csspart gradient_end\n * @csspart track\n * @csspart fill\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n\n@themes({ bootstrap, fluent })\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-circular-progress';\n public static override styles = styles;\n\n protected gradientId = Date.now().toString(16);\n\n @queryAssignedElements({ slot: 'gradient' })\n protected gradientElements!: Array<IgcCircularGradientComponent>;\n\n protected get stroke() {\n return {\n stroke: `url(#${this.gradientId})`,\n '--percentage': (asPercent(this.value, this.max) / 100).toString(),\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected get svgParts() {\n return {\n indeterminate: this.indeterminate,\n };\n }\n\n private gradientChange() {\n this.requestUpdate();\n }\n\n protected renderSvg() {\n return svg`\n <circle part=\"track ${partNameMap(this.svgParts)}\"/>\n <circle style=\"${styleMap(this.stroke)}\" part=\"fill\"/>\n\n <defs>\n <linearGradient id=${this.gradientId} gradientTransform=\"rotate(90)\">\n ${when(\n this.gradientElements.length,\n () =>\n this.gradientElements.map((el: IgcCircularGradientComponent) => {\n return svg`<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;\n }),\n () => svg`\n <stop offset=\"0%\" part=\"gradient_start\" />\n <stop offset=\"100%\" part=\"gradient_end\" />\n `\n )}\n </linearGradient>\n </defs>\n `;\n }\n\n protected renderWrapper() {\n return html`\n <svg\n part=\"svg ${partNameMap(this.svgParts)}\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n ${this.renderSvg()}\n </svg>\n <slot name=\"gradient\" @slotchange=${this.gradientChange}></slot>\n ${this.renderDefaultSlot()}\n `;\n }\n\n protected override render() {\n return this.renderWrapper();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-circular-progress': IgcCircularProgressComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\n\ndefineComponents(IgcCircularGradientComponent);\n\n/*\n A circular progress indicator used to express unspecified wait time or display\n * the length of a process.\n \n @element igc-circular-progress\n \n @slot - The text area container.\n * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n \n @csspart svg\n * @csspart gradient_start\n * @csspart gradient_end\n * @csspart track\n * @csspart fill\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n\n@themes({ bootstrap, fluent })\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-circular-progress';\n public static override styles = styles;\n\n protected gradientId = Date.now().toString(16);\n\n @queryAssignedElements({ slot: 'gradient' })\n protected gradientElements!: Array<IgcCircularGradientComponent>;\n\n protected get stroke() {\n return {\n stroke: `url(#${this.gradientId})`,\n '--percentage': (asPercent(this.value, this.max) / 100).toString(),\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected get svgParts() {\n return {\n indeterminate: this.indeterminate,\n };\n }\n\n private gradientChange() {\n this.requestUpdate();\n }\n\n protected renderSvg() {\n return svg`\n <circle part=\"track ${partNameMap(this.svgParts)}\"/>\n <circle style=\"${styleMap(this.stroke)}\" part=\"fill\"/>\n\n <defs>\n <linearGradient id=${this.gradientId} gradientTransform=\"rotate(90)\">\n ${when(\n this.gradientElements.length,\n () =>\n this.gradientElements.map((el: IgcCircularGradientComponent) => {\n return svg`<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;\n }),\n () => svg`\n <stop offset=\"0%\" part=\"gradient_start\" />\n <stop offset=\"100%\" part=\"gradient_end\" />\n `\n )}\n </linearGradient>\n </defs>\n `;\n }\n\n protected renderWrapper() {\n return html`\n <svg\n part=\"svg ${partNameMap(this.svgParts)}\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n ${this.renderSvg()}\n </svg>\n <slot name=\"gradient\" @slotchange=${this.gradientChange}></slot>\n ${this.renderDefaultSlot()}\n `;\n }\n\n protected override render() {\n return this.renderWrapper();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-circular-progress': IgcCircularProgressComponent;\n }\n}\n"]}

package/components/progress/linear-progress.js CHANGED Viewed

@@ -51,6 +51,7 @@ let IgcLinearProgressComponent = class IgcLinearProgressComponent extends IgcPro
           part="${partNameMap(this.wrapperParts)}"
           style="${styleMap(this.animInfo)}"
         ></div>
+        <div part="${partNameMap(this.wrapperParts)} secondary"></div>
       </div>
       ${this.renderDefaultSlot()}
     `;

package/components/progress/linear-progress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAuB5D,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,wBAAwB;IAAhF;;QAMS,YAAO,GAAG,KAAK,CAAC;QAIhB,eAAU,GAME,WAAW,CAAC;~~IAuCjC~~,CAAC;~~IArCC~~,IAAc,YAAY;QACxB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC9B,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAC5C,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;wBAKS,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;kBAG/C,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;mBAC7B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC~~;;;QAGlC~~,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;CACF,CAAA;~~AAtDwB~~,kCAAO,GAAG,qBAAsB,CAAA;AAChC,iCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAIvB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AAhBZ,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,0BAA0B,~~CAuD9C~~;~~eAvDoB~~,0BAA0B","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/linear/linear.progress.fluent.css.js';\nimport { styles as indigo } from './themes/linear/linear.progress.indigo.css.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\n/*\n A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n \n @element igc-linear-progress\n \n @slot - The text area container.\n \n @csspart track\n * @csspart fill\n * @csspart striped\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n /\n@themes({ bootstrap, indigo, fluent })\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-linear-progress';\n public static override styles = styles;\n\n /* Sets the striped look of the control. /\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /* The position for the default label of the control. */\n @property({ attribute: 'label-align', reflect: true })\n public labelAlign:\n \| 'top-start'\n \| 'top'\n \| 'top-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'bottom-end' = 'top-start';\n\n protected get wrapperParts() {\n return {\n fill: true,\n striped: this.striped,\n indeterminate: this.indeterminate,\n primary: this.variant === 'primary',\n success: this.variant === 'success',\n danger: this.variant === 'danger',\n warning: this.variant === 'warning',\n info: this.variant === 'info',\n };\n }\n\n protected get animInfo() {\n return {\n width: asPercent(this.value, this.max) + '%',\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected override render() {\n return html`\n <div\n part=\"track\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n <div\n part=\"${partNameMap(this.wrapperParts)}\"\n style=\"${styleMap(this.animInfo)}\"\n ></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAuB5D,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,wBAAwB;IAAhF;;QAMS,YAAO,GAAG,KAAK,CAAC;QAIhB,eAAU,GAME,WAAW,CAAC;IAwCjC,CAAC;IAtCC,IAAc,YAAY;QACxB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC9B,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAC5C,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;wBAKS,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;kBAG/C,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;mBAC7B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;qBAErB,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;;QAE3C,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;CACF,CAAA;AAvDwB,kCAAO,GAAG,qBAAsB,CAAA;AAChC,iCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAIvB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AAhBZ,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,0BAA0B,CAwD9C;eAxDoB,0BAA0B","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/linear/linear.progress.fluent.css.js';\nimport { styles as indigo } from './themes/linear/linear.progress.indigo.css.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\n/*\n A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n \n @element igc-linear-progress\n \n @slot - The text area container.\n \n @csspart track\n * @csspart fill\n * @csspart striped\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n /\n@themes({ bootstrap, indigo, fluent })\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-linear-progress';\n public static override styles = styles;\n\n /* Sets the striped look of the control. /\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /* The position for the default label of the control. */\n @property({ attribute: 'label-align', reflect: true })\n public labelAlign:\n \| 'top-start'\n \| 'top'\n \| 'top-end'\n \| 'bottom-start'\n \| 'bottom'\n \| 'bottom-end' = 'top-start';\n\n protected get wrapperParts() {\n return {\n fill: true,\n striped: this.striped,\n indeterminate: this.indeterminate,\n primary: this.variant === 'primary',\n success: this.variant === 'success',\n danger: this.variant === 'danger',\n warning: this.variant === 'warning',\n info: this.variant === 'info',\n };\n }\n\n protected get animInfo() {\n return {\n width: asPercent(this.value, this.max) + '%',\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected override render() {\n return html`\n <div\n part=\"track\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n <div\n part=\"${partNameMap(this.wrapperParts)}\"\n style=\"${styleMap(this.animInfo)}\"\n ></div>\n <div part=\"${partNameMap(this.wrapperParts)} secondary\"></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}

package/components/progress/themes/circular/circular.progress.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
 //# sourceMappingURL=circular.progress.base.css.js.map

package/components/progress/themes/circular/circular.progress.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mvQAAmvQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness).5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
1	+ {"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+4YAA+4Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:rgba(0,0,0,0);stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness).5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}

package/components/progress/themes/linear/linear.progress.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:"";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]:not([part~=indeterminate]){background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=primary]::after{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=primary]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]:not([part~=indeterminate]){background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=danger]::after{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]:not([part~=indeterminate]){background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=danger]::after{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]:not([part~=indeterminate]){background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=warning]::after{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]:not([part~=indeterminate]){background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=warning]::after{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]:not([part~=indeterminate]){background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=info]::after{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]:not([part~=indeterminate]){background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=info]::after{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]:not([part~=indeterminate]){background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=success]::after{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]:not([part~=indeterminate]){background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=striped][part~=success]::after{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
 //# sourceMappingURL=linear.progress.base.css.js.map