igniteui-webcomponents 4.0.0 → 4.1.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;EAIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;EAIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}`;\n"]}

package/components/progress/base.d.ts

@@ -6,23 +6,42 @@ export declare abstract class IgcProgressBaseComponent extends LitElement {
     protected assignedElements: Array<HTMLElement>;
     protected progressIndicator: Element;
     protected percentage: number;
-    /** Maximum value of the control. */
+    /**
+     * Maximum value of the control.
+     * @attr
+     */
     max: number;
-    /** The value of the control. */
+    /**
+     * The value of the control.
+     * @attr
+     */
     value: number;
-    /** The variant of the control. */
+    /**
+     * The variant of the control.
+     * @attr
+     */
     variant: 'primary' | 'info' | 'success' | 'warning' | 'danger';
-    /** Animation duration in milliseconds. */
+    /**
+     * Animation duration in milliseconds.
+     * @attr animation-duration
+     */
     animationDuration: number;
-    /** The indeterminate state of the control. */
+    /**
+     * The indeterminate state of the control.
+     * @attr
+     */
     indeterminate: boolean;
-    /** Shows/hides the label of the control. */
+    /**
+     * Shows/hides the label of the control.
+     * @attr hide-label
+     */
     hideLabel: boolean;
     /**
      * Format string for the default label of the control.
      * Placeholders:
      *  {0} - current value of the control.
      *  {1} - max value of the control.
+     * @attr label-format
      */
     labelFormat: string;
     protected indeterminateChange(): void;

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 { html, LitElement, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp } from '../common/util.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n  private initialMax!: number;\n  private initialValue!: number;\n\n  protected tick!: 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  /** Maximum value of the control. */\n  @property({ type: Number })\n  public max = 100;\n\n  /** The value of the control. */\n  @property({ type: Number })\n  public value = 0;\n\n  /** The variant of the control. */\n  @property({ reflect: true })\n  public variant: 'primary' | 'info' | 'success' | 'warning' | 'danger' =\n    'primary';\n\n  /** Animation duration in milliseconds. */\n  @property({ type: Number, attribute: 'animation-duration' })\n  public animationDuration = 500;\n\n  /** The indeterminate state of the control. */\n  @property({ type: Boolean, reflect: false })\n  public indeterminate = false;\n\n  /** Shows/hides the label of the control. */\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   */\n  @property({ attribute: 'label-format' })\n  public labelFormat!: string;\n\n  @watch('indeterminate', { waitUntilFirstUpdate: true })\n  protected indeterminateChange() {\n    this.cancelAnimations();\n    if (!this.indeterminate) {\n      this.percentage = Math.floor(asPercent(this.value, this.max));\n    }\n  }\n\n  @watch('max', { waitUntilFirstUpdate: true })\n  protected maxChange() {\n    this.max = Math.max(0, this.max);\n    if (this.value > this.max) {\n      this.value = this.max;\n    } else {\n      if (!this.indeterminate) {\n        this.animateLabelTo(this.max, this.value);\n      }\n    }\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected valueChange(oldVal: number) {\n    this.value = clamp(this.value, 0, this.max);\n    if (!this.indeterminate) {\n      cancelAnimationFrame(this.tick);\n      if (this.percentage !== Math.floor(asPercent(this.value, this.max))) {\n        this.animateLabelTo(oldVal, this.value);\n      }\n    }\n  }\n\n  protected slotChanges() {\n    this.requestUpdate();\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.initialMax = Math.max(0, this.max);\n    this.initialValue = clamp(this.value, 0, this.initialMax);\n    this.value = 0;\n    this.max = 100;\n  }\n\n  protected override firstUpdated() {\n    if (!this.indeterminate) {\n      // trigger transition initially\n      setTimeout(() => {\n        this.max = this.initialMax;\n        this.value = this.initialValue;\n      }, 0);\n    }\n  }\n\n  protected cancelAnimations() {\n    requestAnimationFrame(() => {\n      this.progressIndicator?.getAnimations().forEach((animation) => {\n        if (animation instanceof CSSTransition) {\n          animation.cancel();\n        }\n      });\n    });\n    cancelAnimationFrame(this.tick);\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 progress = Math.min((t1 - t0) / (this.animationDuration || 1), 1);\n      this.percentage = Math.floor(\n        asPercent(progress * (end - start) + start, this.max)\n      );\n      progress < 1\n        ? (this.tick = requestAnimationFrame(tick))\n        : cancelAnimationFrame(this.tick);\n    };\n\n    requestAnimationFrame(tick);\n  }\n\n  protected renderLabelFormat() {\n    return this.labelFormat\n      .replace(/\\{0\\}/gm, `${this.value}`)\n      .replace(/\\{1\\}/gm, `${this.max}`);\n  }\n\n  protected renderDefaultSlot() {\n    return html`<slot part=\"label\" @slotchange=${this.slotChanges}></slot>\n      ${when(\n        this.indeterminate || this.hideLabel || this.assignedElements.length,\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 { html, LitElement, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp } from '../common/util.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n  private initialMax!: number;\n  private initialValue!: number;\n\n  protected tick!: 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  /**\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: 'primary' | 'info' | 'success' | 'warning' | 'danger' =\n    '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    if (!this.indeterminate) {\n      this.percentage = Math.floor(asPercent(this.value, this.max));\n    }\n  }\n\n  @watch('max', { waitUntilFirstUpdate: true })\n  protected maxChange() {\n    this.max = Math.max(0, this.max);\n    if (this.value > this.max) {\n      this.value = this.max;\n    } else {\n      if (!this.indeterminate) {\n        this.animateLabelTo(this.max, this.value);\n      }\n    }\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected valueChange(oldVal: number) {\n    this.value = clamp(this.value, 0, this.max);\n    if (!this.indeterminate) {\n      cancelAnimationFrame(this.tick);\n      if (this.percentage !== Math.floor(asPercent(this.value, this.max))) {\n        this.animateLabelTo(oldVal, this.value);\n      }\n    }\n  }\n\n  protected slotChanges() {\n    this.requestUpdate();\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.initialMax = Math.max(0, this.max);\n    this.initialValue = clamp(this.value, 0, this.initialMax);\n    this.value = 0;\n    this.max = 100;\n  }\n\n  protected override firstUpdated() {\n    if (!this.indeterminate) {\n      // trigger transition initially\n      setTimeout(() => {\n        this.max = this.initialMax;\n        this.value = this.initialValue;\n      }, 0);\n    }\n  }\n\n  protected cancelAnimations() {\n    requestAnimationFrame(() => {\n      this.progressIndicator?.getAnimations().forEach((animation) => {\n        if (animation instanceof CSSTransition) {\n          animation.cancel();\n        }\n      });\n    });\n    cancelAnimationFrame(this.tick);\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 progress = Math.min((t1 - t0) / (this.animationDuration || 1), 1);\n      this.percentage = Math.floor(\n        asPercent(progress * (end - start) + start, this.max)\n      );\n      progress < 1\n        ? (this.tick = requestAnimationFrame(tick))\n        : cancelAnimationFrame(this.tick);\n    };\n\n    requestAnimationFrame(tick);\n  }\n\n  protected renderLabelFormat() {\n    return this.labelFormat\n      .replace(/\\{0\\}/gm, `${this.value}`)\n      .replace(/\\{1\\}/gm, `${this.max}`);\n  }\n\n  protected renderDefaultSlot() {\n    return html`<slot part=\"label\" @slotchange=${this.slotChanges}></slot>\n      ${when(\n        this.indeterminate || this.hideLabel || this.assignedElements.length,\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"]}

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

@@ -10,11 +10,20 @@ import { LitElement } from 'lit';
  */
 export default class IgcCircularGradientComponent extends LitElement {
     static readonly tagName = "igc-circular-gradient";
-    /** Defines where the gradient stop is placed along the gradient vector */
+    /**
+     * Defines where the gradient stop is placed along the gradient vector
+     * @attr
+     */
     offset: string;
-    /** Defines the color of the gradient stop */
+    /**
+     * Defines the color of the gradient stop
+     * @attr
+     */
     color: string;
-    /** Defines the opacity of the gradient stop */
+    /**
+     * Defines the opacity of the gradient stop
+     * @attr
+     */
     opacity: number;
     protected render(): symbol;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"circular-gradient.js","sourceRoot":"","sources":["../../../src/components/progress/circular-gradient.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,OAAO,OAAO,4BAA6B,SAAQ,UAAU;IAApE;;QAKS,WAAM,GAAG,IAAI,CAAC;QAId,UAAK,GAAG,OAAO,CAAC;QAIhB,YAAO,GAAG,CAAC,CAAC;IAKrB,CAAC;IAHoB,MAAM;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;;AAhBsB,oCAAO,GAAG,uBAAuB,CAAC;AAIzD;IADC,QAAQ,EAAE;4DACU;AAIrB;IADC,QAAQ,EAAE;2DACY;AAIvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACR","sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Used for defining gradient stops in the igc-circular-progress.\n * For each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\n * The values passed as `color`, `offset` and `opacity` would be set as\n * `stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n *\n * @element igc-circular-gradient\n *\n */\nexport default class IgcCircularGradientComponent extends LitElement {\n  public static readonly tagName = 'igc-circular-gradient';\n\n  /** Defines where the gradient stop is placed along the gradient vector */\n  @property()\n  public offset = '0%';\n\n  /** Defines the color of the gradient stop */\n  @property()\n  public color = 'black';\n\n  /** Defines the opacity of the gradient stop */\n  @property({ type: Number })\n  public opacity = 1;\n\n  protected override render() {\n    return nothing;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-circular-gradient': IgcCircularGradientComponent;\n  }\n}\n"]}
+{"version":3,"file":"circular-gradient.js","sourceRoot":"","sources":["../../../src/components/progress/circular-gradient.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,OAAO,OAAO,4BAA6B,SAAQ,UAAU;IAApE;;QAQS,WAAM,GAAG,IAAI,CAAC;QAOd,UAAK,GAAG,OAAO,CAAC;QAOhB,YAAO,GAAG,CAAC,CAAC;IAKrB,CAAC;IAHoB,MAAM;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;;AAzBsB,oCAAO,GAAG,uBAAuB,CAAC;AAOzD;IADC,QAAQ,EAAE;4DACU;AAOrB;IADC,QAAQ,EAAE;2DACY;AAOvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACR","sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Used for defining gradient stops in the igc-circular-progress.\n * For each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\n * The values passed as `color`, `offset` and `opacity` would be set as\n * `stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n *\n * @element igc-circular-gradient\n *\n */\nexport default class IgcCircularGradientComponent extends LitElement {\n  public static readonly tagName = 'igc-circular-gradient';\n\n  /**\n   * Defines where the gradient stop is placed along the gradient vector\n   * @attr\n   */\n  @property()\n  public offset = '0%';\n\n  /**\n   * Defines the color of the gradient stop\n   * @attr\n   */\n  @property()\n  public color = 'black';\n\n  /**\n   * Defines the opacity of the gradient stop\n   * @attr\n   */\n  @property({ type: Number })\n  public opacity = 1;\n\n  protected override render() {\n    return nothing;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-circular-gradient': IgcCircularGradientComponent;\n  }\n}\n"]}

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":"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","sourcesContent":["import { html, nothing, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\n\ndefineComponents(IgcCircularGradientComponent);\n\n/**\n * A circular progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-circular-progress\n *\n * @slot - The text area container.\n * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n *\n * @csspart svg\n * @csspart gradient_start\n * @csspart gradient_end\n * @csspart track\n * @csspart fill\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n\n@themes({ bootstrap, fluent })\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-circular-progress';\n  public static override styles = styles;\n\n  protected gradientId = Date.now().toString(16);\n\n  @queryAssignedElements({ slot: 'gradient' })\n  protected gradientElements!: Array<IgcCircularGradientComponent>;\n\n  protected get stroke() {\n    return {\n      stroke: `url(#${this.gradientId})`,\n      '--percentage': (asPercent(this.value, this.max) / 100).toString(),\n      '--duration': this.animationDuration + 'ms',\n    };\n  }\n\n  protected get svgParts() {\n    return {\n      indeterminate: this.indeterminate,\n    };\n  }\n\n  private gradientChange() {\n    this.requestUpdate();\n  }\n\n  protected renderSvg() {\n    return svg`\n      <circle part=\"track ${partNameMap(this.svgParts)}\"/>\n      <circle style=\"${styleMap(this.stroke)}\" part=\"fill\"/>\n\n      <defs>\n          <linearGradient id=${this.gradientId} gradientTransform=\"rotate(90)\">\n          ${when(\n            this.gradientElements.length,\n            () =>\n              this.gradientElements.map((el: IgcCircularGradientComponent) => {\n                return svg`<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;\n              }),\n            () => svg`\n              <stop offset=\"0%\" part=\"gradient_start\" />\n              <stop offset=\"100%\" part=\"gradient_end\" />\n          `\n          )}\n          </linearGradient>\n      </defs>\n    `;\n  }\n\n  protected renderWrapper() {\n    return html`\n      <svg\n        part=\"svg ${partNameMap(this.svgParts)}\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=${this.max}\n        aria-valuenow=${this.indeterminate ? nothing : this.value}\n      >\n        ${this.renderSvg()}\n      </svg>\n      <slot name=\"gradient\" @slotchange=${this.gradientChange}></slot>\n      ${this.renderDefaultSlot()}\n    `;\n  }\n\n  protected override render() {\n    return this.renderWrapper();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-circular-progress': IgcCircularProgressComponent;\n  }\n}\n"]}
+{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\n\ndefineComponents(IgcCircularGradientComponent);\n\n/**\n * A circular progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-circular-progress\n *\n * @slot - The text area container.\n * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n *\n * @csspart svg\n * @csspart gradient_start\n * @csspart gradient_end\n * @csspart track\n * @csspart fill\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n\n@themes({ bootstrap, fluent })\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-circular-progress';\n  public static override styles = styles;\n\n  protected gradientId = Date.now().toString(16);\n\n  @queryAssignedElements({ slot: 'gradient' })\n  protected gradientElements!: Array<IgcCircularGradientComponent>;\n\n  protected get stroke() {\n    return {\n      stroke: `url(#${this.gradientId})`,\n      '--percentage': (asPercent(this.value, this.max) / 100).toString(),\n      '--duration': this.animationDuration + 'ms',\n    };\n  }\n\n  protected get svgParts() {\n    return {\n      indeterminate: this.indeterminate,\n    };\n  }\n\n  private gradientChange() {\n    this.requestUpdate();\n  }\n\n  protected renderSvg() {\n    return svg`\n      <circle part=\"track ${partNameMap(this.svgParts)}\"/>\n      <circle style=\"${styleMap(this.stroke)}\" part=\"fill\"/>\n\n      <defs>\n          <linearGradient id=${this.gradientId} gradientTransform=\"rotate(90)\">\n          ${when(\n            this.gradientElements.length,\n            () =>\n              this.gradientElements.map((el: IgcCircularGradientComponent) => {\n                return svg`<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;\n              }),\n            () => svg`\n              <stop offset=\"0%\" part=\"gradient_start\" />\n              <stop offset=\"100%\" part=\"gradient_end\" />\n          `\n          )}\n          </linearGradient>\n      </defs>\n    `;\n  }\n\n  protected renderWrapper() {\n    return html`\n      <svg\n        part=\"svg ${partNameMap(this.svgParts)}\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=${this.max}\n        aria-valuenow=${this.indeterminate ? nothing : this.value}\n      >\n        ${this.renderSvg()}\n      </svg>\n      <slot name=\"gradient\" @slotchange=${this.gradientChange}></slot>\n      ${this.renderDefaultSlot()}\n    `;\n  }\n\n  protected override render() {\n    return this.renderWrapper();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-circular-progress': IgcCircularProgressComponent;\n  }\n}\n"]}

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

@@ -22,9 +22,15 @@ import { IgcProgressBaseComponent } from './base.js';
 export default class IgcLinearProgressComponent extends IgcProgressBaseComponent {
     static readonly tagName = "igc-linear-progress";
     static styles: import("lit").CSSResult;
-    /** Sets the striped look of the control. */
+    /**
+     * Sets the striped look of the control.
+     * @attr
+     */
     striped: boolean;
-    /** The position for the default label of the control. */
+    /**
+     * The position for the default label of the control.
+     * @attr label-align
+     */
     labelAlign: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
     protected get wrapperParts(): {
         fill: boolean;

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

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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 @-webkit-keyframes indeterminate-primary {
   0% {
     -webkit-transform: translateX(0);

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

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

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --stroke-thickness: 4px;
   --diameter: 28px;

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

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;EAmBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  --stroke-thickness: 4px;\n  --diameter: 28px;\n}\n\n[part~=svg][part~=indeterminate] {\n  -webkit-animation-duration: 0.75s;\n          animation-duration: 0.75s;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n  stroke-dashoffset: 60% !important;\n  -webkit-animation: none;\n          animation: none;\n}\n\n[part~=track][part~=indeterminate] {\n  stroke: transparent;\n}`;\n"]}
+{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;EAmBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --stroke-thickness: 4px;\n  --diameter: 28px;\n}\n\n[part~=svg][part~=indeterminate] {\n  -webkit-animation-duration: 0.75s;\n          animation-duration: 0.75s;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n  stroke-dashoffset: 60% !important;\n  -webkit-animation: none;\n          animation: none;\n}\n\n[part~=track][part~=indeterminate] {\n  stroke: transparent;\n}`;\n"]}

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

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --stroke-thickness: 1.5px;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;EAOvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  --stroke-thickness: 1.5px;\n}\n\n[part~=track] {\n  stroke: hsla(var(--ig-primary-50), 0.3);\n}`;\n"]}
+{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;EAOvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --stroke-thickness: 1.5px;\n}\n\n[part~=track] {\n  stroke: hsla(var(--ig-primary-50), 0.3);\n}`;\n"]}

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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 @-webkit-keyframes indeterminate-primary {
   0% {
     -webkit-transform: translateX(0);

package/components/progress/themes/linear/linear.progress.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@-webkit-keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@-webkit-keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n@keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n:host {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  font-family: var(--ig-font-family);\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: inherit;\n  font-weight: 600;\n}\n\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 100%;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 100%;\n          flex: 1 1 100%;\n  --track-size: 0.25rem;\n  --linear-animation-duration: 2000ms;\n}\n\n:host([dir=rtl][indeterminate]) [part~=track] {\n  -webkit-transform: rotateY(180deg);\n          transform: rotateY(180deg);\n}\n\n[part~=track] {\n  position: relative;\n  width: inherit;\n  height: var(--track-size);\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  overflow: hidden;\n  border-radius: 0;\n  z-index: 0;\n}\n\n[part~=fill] {\n  -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;\n  -o-transition: width var(--duration) linear, background-color var(--duration) linear;\n  transition: width var(--duration) linear, background-color var(--duration) linear;\n  position: relative;\n  height: inherit;\n}\n\n[part~=indeterminate],\n[part~=\"indeterminate secondary\"] {\n  width: 100% !important;\n  height: inherit;\n  position: absolute;\n  background: transparent;\n}\n[part~=indeterminate]::after,\n[part~=\"indeterminate secondary\"]::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  width: inherit;\n  height: inherit;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n  -webkit-transform: scale3d(0, 1, 1);\n          transform: scale3d(0, 1, 1);\n  -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n  left: -145.1666%;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n  -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n}\n\n[part~=secondary] {\n  -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n  left: -54.8888%;\n}\n[part~=secondary]::after {\n  -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n  width: 100%;\n  height: inherit;\n}\n\n[part~=value] {\n  margin: 0;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-size: 0.875em;\n  font-weight: 600;\n}\n\n[part~=primary]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=primary]::after {\n  background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n  width: 100%;\n  height: 100%;\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=danger]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=danger]::after {\n  background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=warning]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=warning]::after {\n  background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=info]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=info]::after {\n  background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=success]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=success]::after {\n  background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=top-start]) [part~=label],\n:host([label-align=top-end]) [part~=label] {\n  -webkit-box-ordinal-group: 0;\n      -ms-flex-order: -1;\n          order: -1;\n}\n\n:host([label-align=top-start]) [part~=label],\n:host([label-align=bottom-start]) [part~=label],\n:host([label-align=start]) [part~=label] {\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n\n:host([label-align=bottom-end]) [part~=label],\n:host([label-align=top-end]) [part~=label],\n:host([label-align=end]) [part~=label] {\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=bottom]) [part~=label] {\n  -ms-flex-item-align: center;\n      align-self: center;\n}\n\n[part~=hidden] {\n  display: none;\n}`;\n"]}
+{"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@-webkit-keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@-webkit-keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n@keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n:host {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  font-family: var(--ig-font-family);\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: inherit;\n  font-weight: 600;\n}\n\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 100%;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 100%;\n          flex: 1 1 100%;\n  --track-size: 0.25rem;\n  --linear-animation-duration: 2000ms;\n}\n\n:host([dir=rtl][indeterminate]) [part~=track] {\n  -webkit-transform: rotateY(180deg);\n          transform: rotateY(180deg);\n}\n\n[part~=track] {\n  position: relative;\n  width: inherit;\n  height: var(--track-size);\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  overflow: hidden;\n  border-radius: 0;\n  z-index: 0;\n}\n\n[part~=fill] {\n  -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;\n  -o-transition: width var(--duration) linear, background-color var(--duration) linear;\n  transition: width var(--duration) linear, background-color var(--duration) linear;\n  position: relative;\n  height: inherit;\n}\n\n[part~=indeterminate],\n[part~=\"indeterminate secondary\"] {\n  width: 100% !important;\n  height: inherit;\n  position: absolute;\n  background: transparent;\n}\n[part~=indeterminate]::after,\n[part~=\"indeterminate secondary\"]::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  width: inherit;\n  height: inherit;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n  -webkit-transform: scale3d(0, 1, 1);\n          transform: scale3d(0, 1, 1);\n  -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n  left: -145.1666%;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n  -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n}\n\n[part~=secondary] {\n  -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n  left: -54.8888%;\n}\n[part~=secondary]::after {\n  -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n          animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n  width: 100%;\n  height: inherit;\n}\n\n[part~=value] {\n  margin: 0;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-size: 0.875em;\n  font-weight: 600;\n}\n\n[part~=primary]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=primary]::after {\n  background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n  width: 100%;\n  height: 100%;\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=danger]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=danger]::after {\n  background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=warning]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=warning]::after {\n  background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=info]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=info]::after {\n  background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=success]:not([part~=indeterminate]) {\n  background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=success]::after {\n  background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);\n  /* stylelint-enable */\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=top-start]) [part~=label],\n:host([label-align=top-end]) [part~=label] {\n  -webkit-box-ordinal-group: 0;\n      -ms-flex-order: -1;\n          order: -1;\n}\n\n:host([label-align=top-start]) [part~=label],\n:host([label-align=bottom-start]) [part~=label],\n:host([label-align=start]) [part~=label] {\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n\n:host([label-align=bottom-end]) [part~=label],\n:host([label-align=top-end]) [part~=label],\n:host([label-align=end]) [part~=label] {\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=bottom]) [part~=label] {\n  -ms-flex-item-align: center;\n      align-self: center;\n}\n\n[part~=hidden] {\n  display: none;\n}`;\n"]}

package/components/progress/themes/linear/linear.progress.bootstrap.css.js

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 @-webkit-keyframes indeterminate-primary {
   0% {
     -webkit-transform: translateX(0);

package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@-webkit-keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@-webkit-keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n@keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n:host {\n  --track-size: 1rem;\n}\n\n[part~=track] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}`;\n"]}
+{"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n@-webkit-keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@keyframes indeterminate-primary {\n  0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  20% {\n    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  59.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n    -webkit-transform: translateX(83.671%);\n            transform: translateX(83.671%);\n  }\n  100% {\n    -webkit-transform: translateX(200.611%);\n            transform: translateX(200.611%);\n  }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-primary-scale {\n  0% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  36.65% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  69.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n    -webkit-transform: scaleX(0.6614);\n            transform: scaleX(0.6614);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@keyframes indeterminate-secondary {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n  }\n  25% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: translateX(37.6519%);\n            transform: translateX(37.6519%);\n  }\n  48.35% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: translateX(84.3861%);\n            transform: translateX(84.3861%);\n  }\n  100% {\n    -webkit-transform: translateX(160.2777%);\n            transform: translateX(160.2777%);\n  }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@keyframes indeterminate-secondary-scale {\n  0% {\n    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n  19.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n    -webkit-transform: scaleX(0.4571);\n            transform: scaleX(0.4571);\n  }\n  44.15% {\n    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n    -webkit-transform: scaleX(0.727);\n            transform: scaleX(0.727);\n  }\n  100% {\n    -webkit-transform: scaleX(0.08);\n            transform: scaleX(0.08);\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@keyframes indeterminate-bar-fluent {\n  0% {\n    -webkit-transform: translateX(-100%);\n            transform: translateX(-100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n  100% {\n    -webkit-transform: translateX(310%);\n            transform: translateX(310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n  0% {\n    -webkit-transform: translateX(-310%);\n            transform: translateX(-310%);\n    -webkit-transform-origin: right;\n            transform-origin: right;\n  }\n  100% {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%);\n    -webkit-transform-origin: left;\n            transform-origin: left;\n  }\n}\n@-webkit-keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@keyframes indeterminate-accordion {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n  }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@keyframes indeterminate-accordion-rtl {\n  0% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n  }\n  100% {\n    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n  }\n}\n@-webkit-keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n@keyframes rotate-center {\n  0% {\n    -webkit-transform: rotate(0);\n            transform: rotate(0);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n:host {\n  --track-size: 1rem;\n}\n\n[part~=track] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=primary]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=danger]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=warning]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=info]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}\n\n[part~=striped][part~=success]::after {\n  /* stylelint-disable */\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n  /* stylelint-enable */\n}`;\n"]}