igniteui-webcomponents 5.1.2 → 5.2.1

package/components/progress/base.js

@@ -7,13 +7,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html, nothing } from 'lit';
 import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
 import { watch } from '../common/decorators/watch.js';
-import { asPercent, clamp, formatString } from '../common/util.js';
+import { asPercent, clamp, formatString, isEmpty, partNameMap, } from '../common/util.js';
 export class IgcProgressBaseComponent extends LitElement {
     indeterminateChange() {
-        this.cancelAnimations();
         if (!this.indeterminate) {
-            this._setProgress();
-            this.animateLabelTo(0, this.value);
+            this._updateProgress();
         }
     }
     maxChange() {
@@ -21,24 +19,27 @@ export class IgcProgressBaseComponent extends LitElement {
         if (this.value > this.max) {
             this.value = this.max;
         }
-        this._setProgress();
         if (!this.indeterminate) {
-            cancelAnimationFrame(this._ticker);
-            this.animateLabelTo(this.max, this.value);
+            this._updateProgress();
         }
     }
-    valueChange(previous) {
+    valueChange() {
         this.value = clamp(this.value, 0, this.max);
-        this._setProgress();
         if (!this.indeterminate) {
-            cancelAnimationFrame(this._ticker);
-            this.animateLabelTo(previous, this.value);
+            this._updateProgress();
         }
     }
     constructor() {
         super();
-        this.percentage = 0;
-        this.progress = 0;
+        this._percentage = 0;
+        this._progress = 0;
+        this._hasFraction = false;
+        this._styleInfo = {
+            '--_progress-whole': '0.00',
+            '--_progress-integer': '0',
+            '--_progress-fraction': '0',
+            '--_transition-duration': '0ms',
+        };
         this.max = 100;
         this.value = 0;
         this.variant = 'primary';
@@ -46,8 +47,11 @@ export class IgcProgressBaseComponent extends LitElement {
         this.indeterminate = false;
         this.hideLabel = false;
         this.__internals = this.attachInternals();
-        this.__internals.role = 'progressbar';
-        this.__internals.ariaValueMin = '0';
+        Object.assign(this.__internals, {
+            role: 'progressbar',
+            ariaValueMin: '0',
+            ariaValueNow: '0',
+        });
     }
     createRenderRoot() {
         const root = super.createRenderRoot();
@@ -58,78 +62,63 @@ export class IgcProgressBaseComponent extends LitElement {
         this._updateARIA();
     }
     _updateARIA() {
-        const internals = this.__internals;
-        const text = this.labelFormat
-            ? this.renderLabelFormat()
-            : `${this.percentage}%`;
-        internals.ariaValueMax = `${this.max}`;
-        internals.ariaValueNow = this.indeterminate ? null : `${this.value}`;
-        internals.ariaValueText = this.indeterminate ? null : text;
-    }
-    _setProgress() {
-        this.progress = this.value / this.max;
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        await this.updateComplete;
-        if (!this.indeterminate) {
-            requestAnimationFrame(() => {
-                this._setProgress();
-                this.animateLabelTo(0, this.value);
-            });
-        }
-    }
-    cancelAnimations() {
-        cancelAnimationFrame(this._ticker);
-        this.progressIndicator?.getAnimations().forEach((animation) => {
-            if (animation instanceof CSSTransition) {
-                animation.cancel();
-            }
+        const text = this.labelFormat ? this.renderLabelFormat() : `${this.value}%`;
+        Object.assign(this.__internals, {
+            ariaValueMax: this.max.toString(),
+            ariaValueNow: this.indeterminate ? null : this.value.toString(),
+            ariaValueText: this.indeterminate ? null : text,
         });
     }
-    animateLabelTo(start, end) {
-        let t0;
-        const tick = (t1) => {
-            t0 = t0 ?? t1;
-            const delta = Math.min((t1 - t0) / Math.max(this.animationDuration, 1), 1);
-            this.percentage = Math.floor(asPercent(delta * (end - start) + start, this.max));
-            if (delta < 1) {
-                this._ticker = requestAnimationFrame(tick);
-            }
-            else {
-                cancelAnimationFrame(this._ticker);
-            }
+    _updateProgress() {
+        const percentage = asPercent(this.value, Math.max(1, this.max));
+        const fractionValue = Math.round((percentage % 1) * 100);
+        this._hasFraction = fractionValue > 0;
+        this._styleInfo = {
+            '--_progress-whole': percentage.toFixed(2),
+            '--_progress-integer': Math.floor(percentage),
+            '--_progress-fraction': fractionValue,
+            '--_transition-duration': `${this.animationDuration}ms`,
         };
-        requestAnimationFrame(tick);
+    }
+    renderLabel() {
+        const parts = partNameMap({
+            label: true,
+            value: true,
+            fraction: this._hasFraction,
+        });
+        return this.labelFormat
+            ? html `<span part=${parts}>${this.renderLabelFormat()}</span>`
+            : html `<span part="${parts} counter"></span>`;
     }
     renderLabelFormat() {
         return formatString(this.labelFormat, this.value, this.max);
     }
     renderDefaultSlot() {
-        const hasNoLabel = this.indeterminate || this.hideLabel || this.assignedElements.length;
+        const hideDefaultLabel = this.indeterminate || this.hideLabel || !isEmpty(this._assignedElements);
         return html `
       <slot part="label"></slot>
-      ${hasNoLabel
-            ? nothing
-            : html `<span part="label value">${this.renderLabelText()}</span>`}
+      ${hideDefaultLabel ? nothing : this.renderLabel()}
     `;
     }
-    renderLabelText() {
-        return this.labelFormat ? this.renderLabelFormat() : `${this.percentage}%`;
-    }
 }
 __decorate([
     queryAssignedElements()
-], IgcProgressBaseComponent.prototype, "assignedElements", void 0);
+], IgcProgressBaseComponent.prototype, "_assignedElements", void 0);
+__decorate([
+    query('[part="base"]', true)
+], IgcProgressBaseComponent.prototype, "_base", void 0);
 __decorate([
-    query('[part~="fill"]', true)
-], IgcProgressBaseComponent.prototype, "progressIndicator", void 0);
+    state()
+], IgcProgressBaseComponent.prototype, "_percentage", void 0);
+__decorate([
+    state()
+], IgcProgressBaseComponent.prototype, "_progress", void 0);
 __decorate([
     state()
-], IgcProgressBaseComponent.prototype, "percentage", void 0);
+], IgcProgressBaseComponent.prototype, "_hasFraction", void 0);
 __decorate([
     state()
-], IgcProgressBaseComponent.prototype, "progress", void 0);
+], IgcProgressBaseComponent.prototype, "_styleInfo", void 0);
 __decorate([
     property({ type: Number })
 ], IgcProgressBaseComponent.prototype, "max", void 0);
@@ -152,12 +141,12 @@ __decorate([
     property({ attribute: 'label-format' })
 ], IgcProgressBaseComponent.prototype, "labelFormat", void 0);
 __decorate([
-    watch('indeterminate', { waitUntilFirstUpdate: true })
+    watch('indeterminate')
 ], IgcProgressBaseComponent.prototype, "indeterminateChange", null);
 __decorate([
-    watch('max', { waitUntilFirstUpdate: true })
+    watch('max')
 ], IgcProgressBaseComponent.prototype, "maxChange", null);
 __decorate([
-    watch('value', { waitUntilFirstUpdate: true })
+    watch('value')
 ], IgcProgressBaseComponent.prototype, "valueChange", null);
 //# sourceMappingURL=base.js.map

package/components/progress/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/progress/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp, formatString } from '../common/util.js';\nimport type { StyleVariant } from '../types.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n  private __internals: ElementInternals;\n  private _ticker!: number;\n\n  @queryAssignedElements()\n  protected assignedElements!: Array<HTMLElement>;\n\n  @query('[part~=\"fill\"]', true)\n  protected progressIndicator!: Element;\n\n  @state()\n  protected percentage = 0;\n\n  @state()\n  protected progress = 0;\n\n  /**\n   * Maximum value of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public max = 100;\n\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public value = 0;\n\n  /**\n   * The variant of the control.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant: StyleVariant = 'primary';\n\n  /**\n   * Animation duration in milliseconds.\n   * @attr animation-duration\n   */\n  @property({ type: Number, attribute: 'animation-duration' })\n  public animationDuration = 500;\n\n  /**\n   * The indeterminate state of the control.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: false })\n  public indeterminate = false;\n\n  /**\n   * Shows/hides the label of the control.\n   * @attr hide-label\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: false })\n  public hideLabel = false;\n\n  /**\n   * Format string for the default label of the control.\n   * Placeholders:\n   *  {0} - current value of the control.\n   *  {1} - max value of the control.\n   * @attr label-format\n   */\n  @property({ attribute: 'label-format' })\n  public labelFormat!: string;\n\n  @watch('indeterminate', { waitUntilFirstUpdate: true })\n  protected indeterminateChange() {\n    this.cancelAnimations();\n\n    if (!this.indeterminate) {\n      this._setProgress();\n      this.animateLabelTo(0, this.value);\n    }\n  }\n\n  @watch('max', { waitUntilFirstUpdate: true })\n  protected maxChange() {\n    this.max = Math.max(0, this.max);\n\n    if (this.value > this.max) {\n      this.value = this.max;\n    }\n\n    this._setProgress();\n\n    if (!this.indeterminate) {\n      cancelAnimationFrame(this._ticker);\n      this.animateLabelTo(this.max, this.value);\n    }\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected valueChange(previous: number) {\n    this.value = clamp(this.value, 0, this.max);\n    this._setProgress();\n\n    if (!this.indeterminate) {\n      cancelAnimationFrame(this._ticker);\n      this.animateLabelTo(previous, this.value);\n    }\n  }\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n\n    this.__internals.role = 'progressbar';\n    this.__internals.ariaValueMin = '0';\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected override updated() {\n    this._updateARIA();\n  }\n\n  private _updateARIA() {\n    const internals = this.__internals;\n    const text = this.labelFormat\n      ? this.renderLabelFormat()\n      : `${this.percentage}%`;\n\n    internals.ariaValueMax = `${this.max}`;\n    internals.ariaValueNow = this.indeterminate ? null : `${this.value}`;\n    internals.ariaValueText = this.indeterminate ? null : text;\n  }\n\n  private _setProgress() {\n    this.progress = this.value / this.max;\n  }\n\n  public override async connectedCallback() {\n    super.connectedCallback();\n\n    await this.updateComplete;\n    if (!this.indeterminate) {\n      requestAnimationFrame(() => {\n        this._setProgress();\n        this.animateLabelTo(0, this.value);\n      });\n    }\n  }\n\n  protected cancelAnimations() {\n    cancelAnimationFrame(this._ticker);\n    this.progressIndicator?.getAnimations().forEach((animation) => {\n      if (animation instanceof CSSTransition) {\n        animation.cancel();\n      }\n    });\n  }\n\n  protected animateLabelTo(start: number, end: number) {\n    let t0: number;\n\n    const tick = (t1: number) => {\n      t0 = t0 ?? t1;\n\n      const delta = Math.min(\n        (t1 - t0) / Math.max(this.animationDuration, 1),\n        1\n      );\n\n      this.percentage = Math.floor(\n        asPercent(delta * (end - start) + start, this.max)\n      );\n\n      if (delta < 1) {\n        this._ticker = requestAnimationFrame(tick);\n      } else {\n        cancelAnimationFrame(this._ticker);\n      }\n    };\n\n    requestAnimationFrame(tick);\n  }\n\n  protected renderLabelFormat() {\n    return formatString(this.labelFormat, this.value, this.max);\n  }\n\n  protected renderDefaultSlot() {\n    const hasNoLabel =\n      this.indeterminate || this.hideLabel || this.assignedElements.length;\n\n    return html`\n      <slot part=\"label\"></slot>\n      ${hasNoLabel\n        ? nothing\n        : html`<span part=\"label value\">${this.renderLabelText()}</span>`}\n    `;\n  }\n\n  protected renderLabelText() {\n    return this.labelFormat ? this.renderLabelFormat() : `${this.percentage}%`;\n  }\n}\n"]}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/progress/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport type { StyleInfo } from 'lit/directives/style-map.js';\nimport { watch } from '../common/decorators/watch.js';\nimport {\n  asPercent,\n  clamp,\n  formatString,\n  isEmpty,\n  partNameMap,\n} from '../common/util.js';\nimport type { StyleVariant } from '../types.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n  private readonly __internals: ElementInternals;\n\n  @queryAssignedElements()\n  protected _assignedElements!: HTMLElement[];\n\n  @query('[part=\"base\"]', true)\n  protected _base!: HTMLElement;\n\n  @state()\n  protected _percentage = 0;\n\n  @state()\n  protected _progress = 0;\n\n  @state()\n  protected _hasFraction = false;\n\n  @state()\n  protected _styleInfo: StyleInfo = {\n    '--_progress-whole': '0.00',\n    '--_progress-integer': '0',\n    '--_progress-fraction': '0',\n    '--_transition-duration': '0ms',\n  };\n\n  /**\n   * Maximum value of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public max = 100;\n\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public value = 0;\n\n  /**\n   * The variant of the control.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant: StyleVariant = 'primary';\n\n  /**\n   * Animation duration in milliseconds.\n   * @attr animation-duration\n   */\n  @property({ type: Number, attribute: 'animation-duration' })\n  public animationDuration = 500;\n\n  /**\n   * The indeterminate state of the control.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: false })\n  public indeterminate = false;\n\n  /**\n   * Shows/hides the label of the control.\n   * @attr hide-label\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: false })\n  public hideLabel = false;\n\n  /**\n   * Format string for the default label of the control.\n   * Placeholders:\n   *  {0} - current value of the control.\n   *  {1} - max value of the control.\n   * @attr label-format\n   */\n  @property({ attribute: 'label-format' })\n  public labelFormat!: string;\n\n  @watch('indeterminate')\n  protected indeterminateChange() {\n    if (!this.indeterminate) {\n      this._updateProgress();\n    }\n  }\n\n  @watch('max')\n  protected maxChange() {\n    this.max = Math.max(0, this.max);\n    if (this.value > this.max) {\n      this.value = this.max;\n    }\n\n    if (!this.indeterminate) {\n      this._updateProgress();\n    }\n  }\n\n  @watch('value')\n  protected valueChange() {\n    this.value = clamp(this.value, 0, this.max);\n\n    if (!this.indeterminate) {\n      this._updateProgress();\n    }\n  }\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n\n    Object.assign(this.__internals, {\n      role: 'progressbar',\n      ariaValueMin: '0',\n      ariaValueNow: '0',\n    });\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected override updated() {\n    this._updateARIA();\n  }\n\n  private _updateARIA() {\n    const text = this.labelFormat ? this.renderLabelFormat() : `${this.value}%`;\n\n    Object.assign(this.__internals, {\n      ariaValueMax: this.max.toString(),\n      ariaValueNow: this.indeterminate ? null : this.value.toString(),\n      ariaValueText: this.indeterminate ? null : text,\n    });\n  }\n\n  private _updateProgress() {\n    const percentage = asPercent(this.value, Math.max(1, this.max));\n    const fractionValue = Math.round((percentage % 1) * 100);\n    this._hasFraction = fractionValue > 0;\n\n    this._styleInfo = {\n      '--_progress-whole': percentage.toFixed(2),\n      '--_progress-integer': Math.floor(percentage),\n      '--_progress-fraction': fractionValue,\n      '--_transition-duration': `${this.animationDuration}ms`,\n    };\n  }\n\n  protected renderLabel() {\n    const parts = partNameMap({\n      label: true,\n      value: true,\n      fraction: this._hasFraction,\n    });\n\n    return this.labelFormat\n      ? html`<span part=${parts}>${this.renderLabelFormat()}</span>`\n      : html`<span part=\"${parts} counter\"></span>`;\n  }\n\n  protected renderLabelFormat() {\n    return formatString(this.labelFormat, this.value, this.max);\n  }\n\n  protected renderDefaultSlot() {\n    const hideDefaultLabel =\n      this.indeterminate || this.hideLabel || !isEmpty(this._assignedElements);\n\n    return html`\n      <slot part=\"label\"></slot>\n      ${hideDefaultLabel ? nothing : this.renderLabel()}\n    `;\n  }\n}\n"]}

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

@@ -30,7 +30,6 @@ export default class IgcCircularProgressComponent extends IgcProgressBaseCompone
     private _gradientId;
     private _assignedGradients;
     protected renderSvg(): import("lit-html").TemplateResult<2>;
-    protected renderWrapper(): import("lit-html").TemplateResult<1>;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/progress/circular-progress.js

@@ -10,7 +10,7 @@ import { queryAssignedElements } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { createCounter, partNameMap } from '../common/util.js';
+import { createCounter, isEmpty, partNameMap } from '../common/util.js';
 import { IgcProgressBaseComponent } from './base.js';
 import IgcCircularGradientComponent from './circular-gradient.js';
 import { styles } from './themes/circular/circular.progress.base.css.js';
@@ -25,20 +25,21 @@ let IgcCircularProgressComponent = IgcCircularProgressComponent_1 = class IgcCir
         registerComponent(IgcCircularProgressComponent_1, IgcCircularGradientComponent);
     }
     renderSvg() {
-        const parts = { indeterminate: this.indeterminate, track: true };
+        const parts = partNameMap({
+            indeterminate: this.indeterminate,
+            track: true,
+        });
         const styles = {
             stroke: `url(#${this._gradientId})`,
-            '--percentage': `${this.progress}`,
-            '--duration': `${this.animationDuration}ms`,
         };
-        const gradients = this._assignedGradients.length
+        const gradients = !isEmpty(this._assignedGradients)
             ? this._assignedGradients.map(({ offset, color, opacity }) => svg `<stop offset=${offset} stop-color=${color} stop-opacity=${opacity}/>`)
             : svg `
         <stop offset="0%" part="gradient_start" />
         <stop offset="100%" part="gradient_end" />
       `;
         return svg `
-      <circle part=${partNameMap(parts)}/>
+      <circle part=${parts}/>
       <circle style=${styleMap(styles)} part="fill"/>
 
       <defs>
@@ -48,20 +49,19 @@ let IgcCircularProgressComponent = IgcCircularProgressComponent_1 = class IgcCir
       </defs>
     `;
     }
-    renderWrapper() {
-        const parts = {
+    render() {
+        const parts = partNameMap({
             svg: true,
             indeterminate: this.indeterminate,
-        };
+        });
         return html `
-      <svg part=${partNameMap(parts)}>${this.renderSvg()}</svg>
-      <slot name="gradient"></slot>
-      ${this.renderDefaultSlot()}
+      <div part="base" style=${styleMap(this._styleInfo)}>
+        <svg part=${parts}>${this.renderSvg()}</svg>
+        <slot name="gradient"></slot>
+        ${this.renderDefaultSlot()}
+      </div>
     `;
     }
-    render() {
-        return this.renderWrapper();
-    }
 };
 IgcCircularProgressComponent.tagName = 'igc-circular-progress';
 IgcCircularProgressComponent.styles = [styles, shared];

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

@@ -1 +1 @@
-{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,4BAA4B,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AA0BnC,IAAM,4BAA4B,oCAAlC,MAAM,4BAA6B,SAAQ,wBAAwB;IAAnE;;QAcL,gBAAW,GAAG,qBAAqB,8BAA4B,CAAC,SAAS,EAAE,EAAE,CAAC;IAmDxF,CAAC;IA1DQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,8BAA4B,EAC5B,4BAA4B,CAC7B,CAAC;IACJ,CAAC;IAOS,SAAS;QACjB,MAAM,KAAK,GAAG,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QACjE,MAAM,MAAM,GAAG;YACb,MAAM,EAAE,QAAQ,IAAI,CAAC,WAAW,GAAG;YACnC,cAAc,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE;YAClC,YAAY,EAAE,GAAG,IAAI,CAAC,iBAAiB,IAAI;SAC5C,CAAC;QAEF,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM;YAC9C,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CACzB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAC7B,GAAG,CAAA,gBAAgB,MAAM,eAAe,KAAK,iBAAiB,OAAO,IAAI,CAC5E;YACH,CAAC,CAAC,GAAG,CAAA;;;OAGJ,CAAC;QAEJ,OAAO,GAAG,CAAA;qBACO,WAAW,CAAC,KAAK,CAAC;sBACjB,QAAQ,CAAC,MAAM,CAAC;;;+BAGP,IAAI,CAAC,WAAW;YACnC,SAAS;;;KAGhB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,KAAK,GAAG;YACZ,GAAG,EAAE,IAAI;YACT,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC;QAEF,OAAO,IAAI,CAAA;kBACG,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;;QAEhD,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;;AA/DsB,oCAAO,GAAG,uBAAuB,AAA1B,CAA2B;AAClC,mCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAEzB,sCAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAa5C;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;wEACqB;AAjB9C,4BAA4B;IADhD,MAAM,CAAC,GAAG,CAAC;GACS,4BAA4B,CAiEhD;eAjEoB,4BAA4B","sourcesContent":["import { html, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as shared } from './themes/circular/shared/circular.progress.common.css.js';\nimport { all } from './themes/circular/themes.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 - The igc-circular-progress SVG element.\n * @csspart gradient_start - The igc-circular-progress linear-gradient start color.\n * @csspart gradient_end - The igc-circular-progress linear-gradient end color.\n * @csspart track - The igc-circular-progress ring track area.\n * @csspart fill - The igc-circular-progress indicator area.\n * @csspart label - The igc-circular-progress label.\n * @csspart value - The igc-circular-progress label value.\n * @csspart indeterminate - The igc-circular-progress indeterminate state.\n * @csspart primary - The igc-circular-progress primary state.\n * @csspart danger - The igc-circular-progress error state.\n * @csspart warning - The igc-circular-progress warning state.\n * @csspart info - The igc-circular-progress info state.\n * @csspart success - The igc-circular-progress success state.\n */\n@themes(all)\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-circular-progress';\n  public static override styles = [styles, shared];\n\n  private static readonly increment = createCounter();\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcCircularProgressComponent,\n      IgcCircularGradientComponent\n    );\n  }\n\n  private _gradientId = `circular-progress-${IgcCircularProgressComponent.increment()}`;\n\n  @queryAssignedElements({ slot: 'gradient' })\n  private _assignedGradients!: Array<IgcCircularGradientComponent>;\n\n  protected renderSvg() {\n    const parts = { indeterminate: this.indeterminate, track: true };\n    const styles = {\n      stroke: `url(#${this._gradientId})`,\n      '--percentage': `${this.progress}`,\n      '--duration': `${this.animationDuration}ms`,\n    };\n\n    const gradients = this._assignedGradients.length\n      ? this._assignedGradients.map(\n          ({ offset, color, opacity }) =>\n            svg`<stop offset=${offset} stop-color=${color} stop-opacity=${opacity}/>`\n        )\n      : svg`\n        <stop offset=\"0%\" part=\"gradient_start\" />\n        <stop offset=\"100%\" part=\"gradient_end\" />\n      `;\n\n    return svg`\n      <circle part=${partNameMap(parts)}/>\n      <circle style=${styleMap(styles)} part=\"fill\"/>\n\n      <defs>\n          <linearGradient id=${this._gradientId} gradientTransform=\"rotate(90)\">\n          ${gradients}\n          </linearGradient>\n      </defs>\n    `;\n  }\n\n  protected renderWrapper() {\n    const parts = {\n      svg: true,\n      indeterminate: this.indeterminate,\n    };\n\n    return html`\n      <svg part=${partNameMap(parts)}>${this.renderSvg()}</svg>\n      <slot name=\"gradient\"></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"]}
+{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,4BAA4B,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AA0BnC,IAAM,4BAA4B,oCAAlC,MAAM,4BAA6B,SAAQ,wBAAwB;IAAnE;;QAcL,gBAAW,GAAG,qBAAqB,8BAA4B,CAAC,SAAS,EAAE,EAAE,CAAC;IAkDxF,CAAC;IAzDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,8BAA4B,EAC5B,4BAA4B,CAC7B,CAAC;IACJ,CAAC;IAOS,SAAS;QACjB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QACH,MAAM,MAAM,GAAG;YACb,MAAM,EAAE,QAAQ,IAAI,CAAC,WAAW,GAAG;SACpC,CAAC;QAEF,MAAM,SAAS,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC;YACjD,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CACzB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAC7B,GAAG,CAAA,gBAAgB,MAAM,eAAe,KAAK,iBAAiB,OAAO,IAAI,CAC5E;YACH,CAAC,CAAC,GAAG,CAAA;;;OAGJ,CAAC;QAEJ,OAAO,GAAG,CAAA;qBACO,KAAK;sBACJ,QAAQ,CAAC,MAAM,CAAC;;;+BAGP,IAAI,CAAC,WAAW;YACnC,SAAS;;;KAGhB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,GAAG,EAAE,IAAI;YACT,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;+BACgB,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;oBACpC,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;;UAEnC,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAC;IACJ,CAAC;;AA9DsB,oCAAO,GAAG,uBAAuB,AAA1B,CAA2B;AAClC,mCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAEzB,sCAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAa5C;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;wEACgB;AAjBzC,4BAA4B;IADhD,MAAM,CAAC,GAAG,CAAC;GACS,4BAA4B,CAgEhD;eAhEoB,4BAA4B","sourcesContent":["import { html, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, isEmpty, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as shared } from './themes/circular/shared/circular.progress.common.css.js';\nimport { all } from './themes/circular/themes.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 - The igc-circular-progress SVG element.\n * @csspart gradient_start - The igc-circular-progress linear-gradient start color.\n * @csspart gradient_end - The igc-circular-progress linear-gradient end color.\n * @csspart track - The igc-circular-progress ring track area.\n * @csspart fill - The igc-circular-progress indicator area.\n * @csspart label - The igc-circular-progress label.\n * @csspart value - The igc-circular-progress label value.\n * @csspart indeterminate - The igc-circular-progress indeterminate state.\n * @csspart primary - The igc-circular-progress primary state.\n * @csspart danger - The igc-circular-progress error state.\n * @csspart warning - The igc-circular-progress warning state.\n * @csspart info - The igc-circular-progress info state.\n * @csspart success - The igc-circular-progress success state.\n */\n@themes(all)\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-circular-progress';\n  public static override styles = [styles, shared];\n\n  private static readonly increment = createCounter();\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcCircularProgressComponent,\n      IgcCircularGradientComponent\n    );\n  }\n\n  private _gradientId = `circular-progress-${IgcCircularProgressComponent.increment()}`;\n\n  @queryAssignedElements({ slot: 'gradient' })\n  private _assignedGradients!: IgcCircularGradientComponent[];\n\n  protected renderSvg() {\n    const parts = partNameMap({\n      indeterminate: this.indeterminate,\n      track: true,\n    });\n    const styles = {\n      stroke: `url(#${this._gradientId})`,\n    };\n\n    const gradients = !isEmpty(this._assignedGradients)\n      ? this._assignedGradients.map(\n          ({ offset, color, opacity }) =>\n            svg`<stop offset=${offset} stop-color=${color} stop-opacity=${opacity}/>`\n        )\n      : svg`\n        <stop offset=\"0%\" part=\"gradient_start\" />\n        <stop offset=\"100%\" part=\"gradient_end\" />\n      `;\n\n    return svg`\n      <circle part=${parts}/>\n      <circle style=${styleMap(styles)} part=\"fill\"/>\n\n      <defs>\n          <linearGradient id=${this._gradientId} gradientTransform=\"rotate(90)\">\n          ${gradients}\n          </linearGradient>\n      </defs>\n    `;\n  }\n\n  protected override render() {\n    const parts = partNameMap({\n      svg: true,\n      indeterminate: this.indeterminate,\n    });\n\n    return html`\n      <div part=\"base\" style=${styleMap(this._styleInfo)}>\n        <svg part=${parts}>${this.renderSvg()}</svg>\n        <slot name=\"gradient\"></slot>\n        ${this.renderDefaultSlot()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-circular-progress': IgcCircularProgressComponent;\n  }\n}\n"]}

package/components/progress/linear-progress.js

@@ -29,22 +29,16 @@ let IgcLinearProgressComponent = IgcLinearProgressComponent_1 = class IgcLinearP
             fill: true,
             striped: this.striped,
             indeterminate: this.indeterminate,
-            primary: this.variant === 'primary',
-            success: this.variant === 'success',
-            danger: this.variant === 'danger',
-            warning: this.variant === 'warning',
-            info: this.variant === 'info',
+            [this.variant]: true,
         });
-        const animation = {
-            width: `${this.progress * 100}%`,
-            '--duration': `${this.animationDuration}ms`,
-        };
         return html `
-      <div part="track">
-        <div part=${parts} style=${styleMap(animation)}></div>
-        <div part="${parts} secondary"></div>
+      <div part="base" style=${styleMap(this._styleInfo)}>
+        <div part="track">
+          <div part=${parts}></div>
+          <div part="${parts} secondary"></div>
+        </div>
+        ${this.renderDefaultSlot()}
       </div>
-      ${this.renderDefaultSlot()}
     `;
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAuBjC,IAAM,0BAA0B,kCAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QAcN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAME,WAAW,CAAC;IA2BjC,CAAC;IAjDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,4BAA0B,CAAC,CAAC;IAChD,CAAC;IAsBkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,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,CAAC;QAEH,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG;YAChC,YAAY,EAAE,GAAG,IAAI,CAAC,iBAAiB,IAAI;SAC5C,CAAC;QAEF,OAAO,IAAI,CAAA;;oBAEK,KAAK,UAAU,QAAQ,CAAC,SAAS,CAAC;qBACjC,KAAK;;QAElB,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;;AApDsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAY1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AA3BZ,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CAsD9C;eAtDoB,0BAA0B","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';\nimport { all } from './themes/linear/themes.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 - The igc-linear-progress track area.\n * @csspart fill - The igc-linear-progress indicator area.\n * @csspart striped - The igc-linear-progress striped indicator.\n * @csspart label - The igc-linear-progress label.\n * @csspart value - The igc-linear-progress label value.\n * @csspart indeterminate - The igc-linear-progress indeterminate state.\n * @csspart primary - The igc-linear-progress indicator primary state.\n * @csspart danger - The igc-linear-progress indicator error state.\n * @csspart warning - The igc-linear-progress indicator warning state.\n * @csspart info - The igc-linear-progress indicator info state.\n * @csspart success - The igc-linear-progress indicator success state.\n */\n@themes(all)\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-linear-progress';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcLinearProgressComponent);\n  }\n\n  /**\n   * Sets the striped look of the control.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public striped = false;\n\n  /**\n   * The position for the default label of the control.\n   * @attr label-align\n   */\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 override render() {\n    const parts = partNameMap({\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    const animation = {\n      width: `${this.progress * 100}%`,\n      '--duration': `${this.animationDuration}ms`,\n    };\n\n    return html`\n      <div part=\"track\">\n        <div part=${parts} style=${styleMap(animation)}></div>\n        <div part=\"${parts} secondary\"></div>\n      </div>\n      ${this.renderDefaultSlot()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-linear-progress': IgcLinearProgressComponent;\n  }\n}\n"]}
+{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAuBjC,IAAM,0BAA0B,kCAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QAcN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAME,WAAW,CAAC;IAoBjC,CAAC;IA1CQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,4BAA0B,CAAC,CAAC;IAChD,CAAC;IAsBkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;SACrB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;+BACgB,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;;sBAElC,KAAK;uBACJ,KAAK;;UAElB,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAC;IACJ,CAAC;;AA7CsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAY1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AA3BZ,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CA+C9C;eA/CoB,0BAA0B","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';\nimport { all } from './themes/linear/themes.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 - The igc-linear-progress track area.\n * @csspart fill - The igc-linear-progress indicator area.\n * @csspart striped - The igc-linear-progress striped indicator.\n * @csspart label - The igc-linear-progress label.\n * @csspart value - The igc-linear-progress label value.\n * @csspart indeterminate - The igc-linear-progress indeterminate state.\n * @csspart primary - The igc-linear-progress indicator primary state.\n * @csspart danger - The igc-linear-progress indicator error state.\n * @csspart warning - The igc-linear-progress indicator warning state.\n * @csspart info - The igc-linear-progress indicator info state.\n * @csspart success - The igc-linear-progress indicator success state.\n */\n@themes(all)\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-linear-progress';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcLinearProgressComponent);\n  }\n\n  /**\n   * Sets the striped look of the control.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public striped = false;\n\n  /**\n   * The position for the default label of the control.\n   * @attr label-align\n   */\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 override render() {\n    const parts = partNameMap({\n      fill: true,\n      striped: this.striped,\n      indeterminate: this.indeterminate,\n      [this.variant]: true,\n    });\n\n    return html`\n      <div part=\"base\" style=${styleMap(this._styleInfo)}>\n        <div part=\"track\">\n          <div part=${parts}></div>\n          <div part=\"${parts} secondary\"></div>\n        </div>\n        ${this.renderDefaultSlot()}\n      </div>\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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes indeterminate-bar-fluent-rtl{0%{transform:translateX(-310%);transform-origin:right}100%{transform:translateX(100%);transform-origin:left}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}:host{align-items:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}:host{display:inline-flex;position:relative}[part~=label]{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{line-height:normal;font-weight:600}[part="svg indeterminate"]{transform-origin:50% 50%;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{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(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}[part~=base]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ig-font-family),serif;position:relative}[part~=label]{display:flex;align-items:center;color:inherit;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;line-height:normal;font-weight:600}[part~=label],[part~=value]{line-height:normal;font-weight:600}[part~=counter]{animation:initial-counter var(--_transition-duration) ease-in-out;transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;counter-reset:progress-integer var(--_progress-integer, 0) progress-fraction var(--_progress-fraction, 0)}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) "%"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) "." counter(progress-fraction, decimal-leading-zero) "%"}[part~=svg]{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg);transform-origin:center}[part~=svg]:not([part~=indeterminate]) [part~=fill]{animation:initial-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{--_progress-percentage: calc(var(--_progress-whole, 0) / 100);stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-whole, 0)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));transition:stroke-dashoffset var(--_transition-duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem)}[part~=svg][part~=indeterminate]{transform-origin:50% 50%;animation:3s linear 0s infinite normal none running rotate-center}[part~=svg][part~=indeterminate] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}:host(:dir(rtl)) [part~=svg][part~=indeterminate] [part~=fill],:host([dir=rtl]) [part~=svg][part~=indeterminate] [part~=fill]{animation-name:indeterminate-accordion-rtl}:host(:dir(rtl)) [part~=indeterminate],:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host(:dir(rtl)) [part~=indeterminate] [part~=track],:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host(:dir(rtl)) [part~=indeterminate] [part~=fill],:host([dir=rtl]) [part~=indeterminate] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}:host(:dir(rtl)) [part~=svg]:not([part~=indeterminate]) [part~=fill],:host([dir=rtl]) [part~=svg]:not([part~=indeterminate]) [part~=fill]{animation:initial-dashoffset-rtl var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 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

@@ -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,+0KAA+0K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes indeterminate-bar-fluent-rtl{0%{transform:translateX(-310%);transform-origin:right}100%{transform:translateX(100%);transform-origin:left}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}:host{align-items:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}:host{display:inline-flex;position:relative}[part~=label]{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{line-height:normal;font-weight:600}[part=\"svg indeterminate\"]{transform-origin:50% 50%;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{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(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
+{"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,u6UAAu6U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}[part~=base]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ig-font-family),serif;position:relative}[part~=label]{display:flex;align-items:center;color:inherit;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;line-height:normal;font-weight:600}[part~=label],[part~=value]{line-height:normal;font-weight:600}[part~=counter]{animation:initial-counter var(--_transition-duration) ease-in-out;transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;counter-reset:progress-integer var(--_progress-integer, 0) progress-fraction var(--_progress-fraction, 0)}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) \"%\"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) \".\" counter(progress-fraction, decimal-leading-zero) \"%\"}[part~=svg]{width:calc(var(--circular-size) + var(--stroke-thickness));height:calc(var(--circular-size) + var(--stroke-thickness));transform:rotate(-90deg);transform-origin:center}[part~=svg]:not([part~=indeterminate]) [part~=fill]{animation:initial-dashoffset var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);cy:calc(calc(var(--circular-size) + var(--stroke-thickness))/2);r:calc(var(--circular-size)/2 - var(--stroke-thickness)*.5);transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{--_progress-percentage: calc(var(--_progress-whole, 0) / 100);stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-whole, 0)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));transition:stroke-dashoffset var(--_transition-duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem)}[part~=svg][part~=indeterminate]{transform-origin:50% 50%;animation:3s linear 0s infinite normal none running rotate-center}[part~=svg][part~=indeterminate] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}:host(:dir(rtl)) [part~=svg][part~=indeterminate] [part~=fill],:host([dir=rtl]) [part~=svg][part~=indeterminate] [part~=fill]{animation-name:indeterminate-accordion-rtl}:host(:dir(rtl)) [part~=indeterminate],:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host(:dir(rtl)) [part~=indeterminate] [part~=track],:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host(:dir(rtl)) [part~=indeterminate] [part~=fill],:host([dir=rtl]) [part~=indeterminate] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}:host(:dir(rtl)) [part~=svg]:not([part~=indeterminate]) [part~=fill],:host([dir=rtl]) [part~=svg]:not([part~=indeterminate]) [part~=fill]{animation:initial-dashoffset-rtl var(--_transition-duration) linear;stroke-dasharray:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}

package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--stroke-thickness: 2px;--scale-factor: 3.05}[part~=label],[part~=value]{font-weight:700}[part~=svg][part~=indeterminate]{animation-duration:.75s}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:60% !important;animation:none}[part~=track][part~=indeterminate]{stroke:rgba(0,0,0,0)}[part~=fill]{stroke-width:var(--stroke-thickness)}`;
+export const styles = css `:host{--stroke-thickness: 2px;--scale-factor: 3.05}[part~=label],[part~=value]{font-weight:700}[part~=svg][part~=indeterminate]{animation-duration:.75s}[part~=svg][part~=indeterminate] [part~=fill]{stroke-dashoffset:60% !important;animation:none}[part~=track][part~=indeterminate]{stroke:rgba(0,0,0,0)}[part~=fill]{stroke-width:var(--stroke-thickness)}`;
 //# sourceMappingURL=circular.progress.bootstrap.css.js.map

package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4VAA4V,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 2px;--scale-factor: 3.05}[part~=label],[part~=value]{font-weight:700}[part~=svg][part~=indeterminate]{animation-duration:.75s}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:60% !important;animation:none}[part~=track][part~=indeterminate]{stroke:rgba(0,0,0,0)}[part~=fill]{stroke-width:var(--stroke-thickness)}`;\n"]}
+{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kWAAkW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 2px;--scale-factor: 3.05}[part~=label],[part~=value]{font-weight:700}[part~=svg][part~=indeterminate]{animation-duration:.75s}[part~=svg][part~=indeterminate] [part~=fill]{stroke-dashoffset:60% !important;animation:none}[part~=track][part~=indeterminate]{stroke:rgba(0,0,0,0)}[part~=fill]{stroke-width:var(--stroke-thickness)}`;\n"]}

package/components/progress/themes/circular/shared/circular.progress.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--stroke-thickness: 1.3px;--circular-size: calc(var(--diameter) - var(--stroke-thickness));--scale-factor: 2.95}[part~=label],[part~=value]{font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px)}[part~=label]{color:var(--text-color)}[part~=track]{stroke:var(--base-circle-color)}[part~=gradient_start],[part~=gradient_end]{stop-color:var(--progress-circle-color)}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsl(from var(--ig-error-500) h s l/1)}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsl(from var(--ig-success-500) h s l/1)}`;
+export const styles = css `:host{--stroke-thickness: 1.3px;--circular-size: calc(var(--diameter) - var(--stroke-thickness));--scale-factor: 2.95}[part~=label],[part~=value]{font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px)}[part~=label]{color:var(--text-color)}[part~=track]{stroke:var(--base-circle-color)}:host([variant=danger]){--gradient-stop-color: hsl(from var(--ig-error-500) h s l/1)}:host([variant=warning]){--gradient-stop-color: hsl(from var(--ig-warn-500) h s l/1)}:host([variant=info]){--gradient-stop-color: hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]){--gradient-stop-color: hsl(from var(--ig-success-500) h s l/1)}[part~=gradient_start],[part~=gradient_end]{stop-color:var(--gradient-stop-color, var(--progress-circle-color))}`;
 //# sourceMappingURL=circular.progress.common.css.js.map

package/components/progress/themes/circular/shared/circular.progress.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m8BAAm8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 1.3px;--circular-size: calc(var(--diameter) - var(--stroke-thickness));--scale-factor: 2.95}[part~=label],[part~=value]{font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px)}[part~=label]{color:var(--text-color)}[part~=track]{stroke:var(--base-circle-color)}[part~=gradient_start],[part~=gradient_end]{stop-color:var(--progress-circle-color)}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsl(from var(--ig-error-500) h s l/1)}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsl(from var(--ig-success-500) h s l/1)}`;\n"]}
+{"version":3,"file":"circular.progress.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+vBAA+vB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 1.3px;--circular-size: calc(var(--diameter) - var(--stroke-thickness));--scale-factor: 2.95}[part~=label],[part~=value]{font-size:round(var(--diameter)/var(--scale-factor) - var(--stroke-thickness),1px)}[part~=label]{color:var(--text-color)}[part~=track]{stroke:var(--base-circle-color)}:host([variant=danger]){--gradient-stop-color: hsl(from var(--ig-error-500) h s l/1)}:host([variant=warning]){--gradient-stop-color: hsl(from var(--ig-warn-500) h s l/1)}:host([variant=info]){--gradient-stop-color: hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]){--gradient-stop-color: hsl(from var(--ig-success-500) h s l/1)}[part~=gradient_start],[part~=gradient_end]{stop-color:var(--gradient-stop-color, var(--progress-circle-color))}`;\n"]}

package/components/progress/themes/circular/shared/circular.progress.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--stroke-thickness: 2px;--scale-factor: 2.75}[part~=label],[part~=value]{font-weight:700}[part~=fill]{stroke-width:var(--stroke-thickness)}`;
+export const styles = css `@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--stroke-thickness: 2px;--scale-factor: 2.75}[part~=label],[part~=value]{font-weight:700}[part~=fill]{stroke-width:var(--stroke-thickness)}[part~=svg][part~=indeterminate]{animation:none}[part~=svg][part~=indeterminate] [part~=fill]{stroke-linecap:round;animation:2s linear 0s infinite normal none running indeterminate-circular-fluent}:host(:dir(rtl)) [part~=svg][part~=indeterminate] [part~=fill],:host([dir=rtl]) [part~=svg][part~=indeterminate] [part~=fill]{animation-name:indeterminate-circular-fluent-rtl}`;
 //# sourceMappingURL=circular.progress.fluent.css.js.map

package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mJAAmJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 2px;--scale-factor: 2.75}[part~=label],[part~=value]{font-weight:700}[part~=fill]{stroke-width:var(--stroke-thickness)}`;\n"]}
+{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g6KAAg6K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`@keyframes indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--stroke-thickness: 2px;--scale-factor: 2.75}[part~=label],[part~=value]{font-weight:700}[part~=fill]{stroke-width:var(--stroke-thickness)}[part~=svg][part~=indeterminate]{animation:none}[part~=svg][part~=indeterminate] [part~=fill]{stroke-linecap:round;animation:2s linear 0s infinite normal none running indeterminate-circular-fluent}:host(:dir(rtl)) [part~=svg][part~=indeterminate] [part~=fill],:host([dir=rtl]) [part~=svg][part~=indeterminate] [part~=fill]{animation-name:indeterminate-circular-fluent-rtl}`;\n"]}

package/components/progress/themes/circular/shared/circular.progress.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--stroke-thickness: 2px;--scale-factor: 3.4}[part~=fill]{stroke-width:calc(var(--stroke-thickness) + .0625rem)}`;
+export const styles = css `:host{--stroke-thickness: 3px;--scale-factor: 3.4}[part~=fill]{stroke-width:var(--stroke-thickness)}`;
 //# sourceMappingURL=circular.progress.indigo.css.js.map

package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uHAAuH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 2px;--scale-factor: 3.4}[part~=fill]{stroke-width:calc(var(--stroke-thickness) + .0625rem)}`;\n"]}
+{"version":3,"file":"circular.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/shared/circular.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sGAAsG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 3px;--scale-factor: 3.4}[part~=fill]{stroke-width:var(--stroke-thickness)}`;\n"]}