igniteui-webcomponents 2.0.0 → 2.1.0

package/components/nav-drawer/nav-drawer-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QAOS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BiB,iBAAiB;;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;;AA3CsB,iCAAO,GAAG,qBAAqB,CAAC;AAEhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wDACR","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer-item';\n\n  public static override styles = [styles];\n\n  /** Determines whether the drawer is disabled. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Determines whether the drawer is active. */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @state()\n  private _textLength!: number;\n\n  @queryAssignedElements({ slot: 'content' })\n  private _text!: Array<HTMLElement>;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._textLength = this._text.length;\n    });\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      mini: this._textLength < 1,\n    };\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n        <span part=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\">\n          <slot name=\"content\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAe3D,IAAqB,yBAAyB,GAA9C,MAAqB,yBAA0B,SAAQ,UAAU;IAAjE;;QAMS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BiB,iBAAiB;;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;CACF,CAAA;AA3CwB,iCAAO,GAAG,qBAAsB,CAAA;AAChC,gCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wDACR;AAhBhB,yBAAyB;IAD7C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,yBAAyB,CA4C7C;eA5CoB,yBAAyB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { partNameMap } from '../common/util';\nimport { styles as indigo } from './styles/indigo/nav-drawer-item.indigo.css';\nimport { styles } from './styles/nav-drawer-item.base.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\n@themes({ indigo })\nexport default class IgcNavDrawerItemComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer-item';\n  public static override styles = styles;\n\n  /** Determines whether the drawer is disabled. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Determines whether the drawer is active. */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @state()\n  private _textLength!: number;\n\n  @queryAssignedElements({ slot: 'content' })\n  private _text!: Array<HTMLElement>;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._textLength = this._text.length;\n    });\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      mini: this._textLength < 1,\n    };\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n        <span part=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\">\n          <slot name=\"content\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer.d.ts

@@ -14,7 +14,7 @@ import { LitElement } from 'lit';
  */
 export default class IgcNavDrawerComponent extends LitElement {
     static readonly tagName = "igc-nav-drawer";
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResult;
     /** The position of the drawer. */
     position: 'start' | 'end' | 'top' | 'bottom';
     /** Determines whether the drawer is opened. */

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

@@ -6,9 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { themes } from '../../theming';
 import { partNameMap } from '../common/util';
-import { styles } from './nav-drawer.material.css';
-export default class IgcNavDrawerComponent extends LitElement {
+import { styles as indigo } from './styles/indigo/nav-drawer.indigo.css';
+import { styles } from './styles/nav-drawer.base.css';
+let IgcNavDrawerComponent = class IgcNavDrawerComponent extends LitElement {
     constructor() {
         super(...arguments);
         this.position = 'start';
@@ -53,13 +55,17 @@ export default class IgcNavDrawerComponent extends LitElement {
       </div>
     </div>`;
     }
-}
+};
 IgcNavDrawerComponent.tagName = 'igc-nav-drawer';
-IgcNavDrawerComponent.styles = [styles];
+IgcNavDrawerComponent.styles = styles;
 __decorate([
     property({ reflect: true })
 ], IgcNavDrawerComponent.prototype, "position", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcNavDrawerComponent.prototype, "open", void 0);
+IgcNavDrawerComponent = __decorate([
+    themes({ indigo })
+], IgcNavDrawerComponent);
+export default IgcNavDrawerComponent;
 //# sourceMappingURL=nav-drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAenD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAA7D;;QAOS,aAAQ,GAAuC,OAAO,CAAC;QAIvD,SAAI,GAAG,KAAK,CAAC;IAkDtB,CAAC;IA/CQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEO,gBAAgB,CAAC,IAAY;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE9D,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC,WAAW;SACrB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;mBAKI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;WAGlD,CAAC;IACV,CAAC;;AA3DsB,6BAAO,GAAG,gBAAgB,CAAC;AAE3B,4BAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIzC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACkC;AAI9D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer.material.css';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n *\n * @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n */\nexport default class IgcNavDrawerComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer';\n\n  public static override styles = [styles];\n\n  /** The position of the drawer. */\n  @property({ reflect: true })\n  public position: 'start' | 'end' | 'top' | 'bottom' = 'start';\n\n  /** Determines whether the drawer is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Opens the drawer. */\n  public show() {\n    if (this.open) {\n      return;\n    }\n\n    this.open = true;\n  }\n\n  /** Closes the drawer. */\n  public hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  /** Toggles the open state of the drawer. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private resolvePartNames(base: string) {\n    const mini = document.querySelector('div[slot=\"mini\"]');\n    const hasChildren = mini !== null && mini.children.length > 0;\n\n    return {\n      [base]: true,\n      hidden: !hasChildren,\n    };\n  }\n\n  protected override render() {\n    return html` <div part=\"base\">\n      <div part=\"main\">\n        <slot></slot>\n      </div>\n\n      <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n        <slot name=\"mini\"></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer': IgcNavDrawerComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAgBtD,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAMS,aAAQ,GAAuC,OAAO,CAAC;QAIvD,SAAI,GAAG,KAAK,CAAC;IAkDtB,CAAC;IA/CQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEO,gBAAgB,CAAC,IAAY;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE9D,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC,WAAW;SACrB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;mBAKI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;WAGlD,CAAC;IACV,CAAC;CACF,CAAA;AA3DwB,6BAAO,GAAG,gBAAiB,CAAA;AAC3B,4BAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACkC;AAI9D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB;AAVD,qBAAqB;IADzC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,qBAAqB,CA4DzC;eA5DoB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { partNameMap } from '../common/util';\nimport { styles as indigo } from './styles/indigo/nav-drawer.indigo.css';\nimport { styles } from './styles/nav-drawer.base.css';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the drawer.\n * @slot mini - The slot for the mini variant of the drawer.\n *\n * @csspart base - The base wrapper of the navigation drawer.\n * @csspart main - The main container.\n * @csspart mini - The mini container.\n */\n@themes({ indigo })\nexport default class IgcNavDrawerComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer';\n  public static override styles = styles;\n\n  /** The position of the drawer. */\n  @property({ reflect: true })\n  public position: 'start' | 'end' | 'top' | 'bottom' = 'start';\n\n  /** Determines whether the drawer is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Opens the drawer. */\n  public show() {\n    if (this.open) {\n      return;\n    }\n\n    this.open = true;\n  }\n\n  /** Closes the drawer. */\n  public hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  /** Toggles the open state of the drawer. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private resolvePartNames(base: string) {\n    const mini = document.querySelector('div[slot=\"mini\"]');\n    const hasChildren = mini !== null && mini.children.length > 0;\n\n    return {\n      [base]: true,\n      hidden: !hasChildren,\n    };\n  }\n\n  protected override render() {\n    return html` <div part=\"base\">\n      <div part=\"main\">\n        <slot></slot>\n      </div>\n\n      <div part=\"${partNameMap(this.resolvePartNames('mini'))}\">\n        <slot name=\"mini\"></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer': IgcNavDrawerComponent;\n  }\n}\n"]}

package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.d.ts

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

package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+//# sourceMappingURL=nav-drawer-header-item.indigo.css.js.map

package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer-header-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0DAA0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}

package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.d.ts

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

package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host [part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1.5rem,1.5rem);color:hsla(var(--igc-gray-300), 0.8);padding:.25rem;margin:.9375rem .5rem !important}:host [part~=base]:hover,:host [part~=base]:focus-within{background:transparent;color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host [part=content]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem;-webkit-padding-start:.5rem;padding-inline-start:.5rem}:host([active]) [part~=base]{background:hsla(var(--igc-gray-600), 0.8);color:hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+//# sourceMappingURL=nav-drawer-item.indigo.css.js.map

package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0iBAA0iB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1.5rem,1.5rem);color:hsla(var(--igc-gray-300), 0.8);padding:.25rem;margin:.9375rem .5rem !important}:host [part~=base]:hover,:host [part~=base]:focus-within{background:transparent;color:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host [part=content]{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem;-webkit-padding-start:.5rem;padding-inline-start:.5rem}:host([active]) [part~=base]{background:hsla(var(--igc-gray-600), 0.8);color:hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}

package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.d.ts

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

package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host [part=base]{background:hsla(var(--igc-gray-700), var(--igc-gray-a));border:none;-webkit-box-shadow:none;box-shadow:none}`;
+//# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gIAAgI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{background:hsla(var(--igc-gray-700), var(--igc-gray-a));border:none;-webkit-box-shadow:none;box-shadow:none}`;\n"]}

package/components/nav-drawer/styles/nav-drawer-header-item.base.css.d.ts

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

package/components/nav-drawer/{nav-drawer-header-item.material.css.js → styles/nav-drawer-header-item.base.css.js}

@@ -1,3 +1,3 @@
 import { css } from 'lit';
 export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
-//# sourceMappingURL=nav-drawer-header-item.material.css.js.map
+//# sourceMappingURL=nav-drawer-header-item.base.css.js.map

package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer-header-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer-header-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hCAA+hC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;\n"]}

package/components/nav-drawer/styles/nav-drawer-item.base.css.d.ts

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

package/components/nav-drawer/styles/nav-drawer-item.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
+//# sourceMappingURL=nav-drawer-item.base.css.js.map

package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkFAAgkF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}

package/components/nav-drawer/styles/nav-drawer.base.css.d.ts

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

package/components/nav-drawer/{nav-drawer.material.css.js → styles/nav-drawer.base.css.js}

@@ -1,3 +1,3 @@
 import { css } from 'lit';
 export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;
-//# sourceMappingURL=nav-drawer.material.css.js.map
+//# sourceMappingURL=nav-drawer.base.css.js.map

package/components/nav-drawer/styles/nav-drawer.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/styles/nav-drawer.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kEAA8kE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{-ms-flex-negative:0;flex-shrink:0;font-family:var(--igc-font-family)}:host [part=base]{position:fixed;height:100%;min-height:100%;overflow-x:hidden;top:0;bottom:0;left:0;z-index:999;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-border-end:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-end:1px solid hsla(var(--igc-gray-900), 0.14);-webkit-box-shadow:var(--igc-elevation-16);box-shadow:var(--igc-elevation-16);border-radius:0;-webkit-transition:all ease-out .3s,.3s;-o-transition:all ease-out .3s,.3s;transition:all ease-out .3s,.3s}:host [part=main]{width:16rem}:host [part=mini]{width:3.75rem}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;top:auto;width:100%}:host([position=top]) [part=base]{top:0;bottom:auto}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, -60vh, 0);transform:translate3d(0, -60vh, 0)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translate3d(0, 60vh, 0);transform:translate3d(0, 60vh, 0)}:host([position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:1px solid hsla(var(--igc-gray-900), 0.14);border-inline-start:1px solid hsla(var(--igc-gray-900), 0.14);left:auto;right:0}:host([open]) [part=mini]{display:none}:host(:not([open])) [part=main]{display:none}`;\n"]}

package/components/navbar/navbar.d.ts

@@ -16,7 +16,7 @@ import { LitElement } from 'lit';
  */
 export default class IgcNavbarComponent extends LitElement {
     static readonly tagName = "igc-navbar";
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResult;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/navbar/navbar.js

@@ -1,6 +1,15 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { html, LitElement } from 'lit';
-import { styles } from './navbar.material.css';
-export default class IgcNavbarComponent extends LitElement {
+import { themes } from '../../theming';
+import { styles } from './themes/light/navbar.base.css';
+import { styles as bootstrap } from './themes/light/navbar.bootstrap.css';
+import { styles as indigo } from './themes/light/navbar.indigo.css';
+let IgcNavbarComponent = class IgcNavbarComponent extends LitElement {
     render() {
         return html `
       <div part="base">
@@ -16,7 +25,11 @@ export default class IgcNavbarComponent extends LitElement {
       </div>
     `;
     }
-}
+};
 IgcNavbarComponent.tagName = 'igc-navbar';
-IgcNavbarComponent.styles = [styles];
+IgcNavbarComponent.styles = styles;
+IgcNavbarComponent = __decorate([
+    themes({ bootstrap, indigo })
+], IgcNavbarComponent);
+export default IgcNavbarComponent;
 //# sourceMappingURL=navbar.js.map

package/components/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAiB/C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IAKrC,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;;AAlBsB,0BAAO,GAAG,YAAY,CAAC;AAEvB,yBAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './navbar.material.css';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\nexport default class IgcNavbarComponent extends LitElement {\n  public static readonly tagName = 'igc-navbar';\n\n  public static override styles = [styles];\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAkBpE,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,UAAU;IAIrC,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;CACF,CAAA;AAlBwB,0BAAO,GAAG,YAAa,CAAA;AACvB,yBAAM,GAAG,MAAO,CAAA;AAFpB,kBAAkB;IADtC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;GACT,kBAAkB,CAmBtC;eAnBoB,kBAAkB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming';\nimport { styles } from './themes/light/navbar.base.css';\nimport { styles as bootstrap } from './themes/light/navbar.bootstrap.css';\nimport { styles as indigo } from './themes/light/navbar.indigo.css';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\n@themes({ bootstrap, indigo })\nexport default class IgcNavbarComponent extends LitElement {\n  public static readonly tagName = 'igc-navbar';\n  public static override styles = styles;\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}

package/components/navbar/themes/light/navbar.base.css.d.ts

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

package/components/navbar/{navbar.material.css.js → themes/light/navbar.base.css.js}

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-input[part=helper-text]){margin-top:0 !important}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;
-//# sourceMappingURL=navbar.material.css.js.map
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;
+//# sourceMappingURL=navbar.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0hFAA0hF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);font-family:var(--igc-font-family)}[part=base]{display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:4}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:.0625rem;margin-inline-start:.0625rem}[name=end]::slotted(*){-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:.0625rem;margin-inline-end:.0625rem}::slotted(igc-avatar[part=base]){max-width:2rem;max-height:2rem;min-height:0;min-width:0}::slotted(igc-icon){cursor:pointer;color:var(--igc-primary-600-contrast);width:2rem;height:2rem;font-size:2rem}::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);line-height:normal;margin:0}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{padding:0 .5rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast);-webkit-box-shadow:none;box-shadow:none}::slotted(igc-icon){color:var(--igc-surface-500-contrast)}[part=base]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}`;
+//# sourceMappingURL=navbar.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wVAAwV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding:0 .5rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast);-webkit-box-shadow:none;box-shadow:none}::slotted(igc-icon){color:var(--igc-surface-500-contrast)}[part=base]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{-webkit-box-shadow:none;box-shadow:none}`;
+//# sourceMappingURL=navbar.indigo.css.js.map

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

@@ -0,0 +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,gDAAgD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{-webkit-box-shadow:none;box-shadow:none}`;\n"]}

package/components/progress/base.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+export declare abstract class IgcProgressBaseComponent extends LitElement {
+    private initialMax;
+    private initialValue;
+    protected tick: number;
+    protected assignedElements: Array<HTMLElement>;
+    protected progressIndicator: Element;
+    protected percentage: number;
+    /** Maximum value of the control. */
+    max: number;
+    /** The value of the control. */
+    value: number;
+    /** The variant of the control. */
+    variant: 'primary' | 'info' | 'success' | 'warning' | 'danger';
+    /** Animation duration in milliseconds. */
+    animationDuration: number;
+    /** The indeterminate state of the control. */
+    indeterminate: boolean;
+    /** Shows/hides the label of the control. */
+    hideLabel: boolean;
+    /**
+     * Format string for the default label of the control.
+     * Placeholders:
+     *  {0} - current value of the control.
+     *  {1} - max value of the control.
+     */
+    labelFormat: string;
+    protected indeterminateChange(): void;
+    protected maxChange(): void;
+    protected valueChange(oldVal: number): void;
+    protected slotChanges(): void;
+    connectedCallback(): void;
+    protected firstUpdated(): void;
+    protected cancelAnimations(): void;
+    protected animateLabelTo(start: number, end: number): void;
+    protected renderLabelFormat(): string;
+    protected renderDefaultSlot(): import("lit-html").TemplateResult<1>;
+    protected renderLabelText(): string;
+}

package/components/progress/base.js

@@ -0,0 +1,142 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import { watch } from '../common/decorators';
+import { asPercent, clamp } from '../common/util';
+export class IgcProgressBaseComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.percentage = 0;
+        this.max = 100;
+        this.value = 0;
+        this.variant = 'primary';
+        this.animationDuration = 500;
+        this.indeterminate = false;
+        this.hideLabel = false;
+    }
+    indeterminateChange() {
+        this.cancelAnimations();
+        if (!this.indeterminate) {
+            this.percentage = Math.floor(asPercent(this.value, this.max));
+        }
+    }
+    maxChange() {
+        this.max = Math.max(0, this.max);
+        if (this.value > this.max) {
+            this.value = this.max;
+        }
+        else {
+            if (!this.indeterminate) {
+                this.animateLabelTo(this.max, this.value);
+            }
+        }
+    }
+    valueChange(oldVal) {
+        this.value = clamp(this.value, 0, this.max);
+        if (!this.indeterminate) {
+            cancelAnimationFrame(this.tick);
+            if (this.percentage !== Math.floor(asPercent(this.value, this.max))) {
+                this.animateLabelTo(oldVal, this.value);
+            }
+        }
+    }
+    slotChanges() {
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.initialMax = Math.max(0, this.max);
+        this.initialValue = clamp(this.value, 0, this.initialMax);
+        this.value = 0;
+        this.max = 100;
+    }
+    firstUpdated() {
+        if (!this.indeterminate) {
+            setTimeout(() => {
+                this.max = this.initialMax;
+                this.value = this.initialValue;
+            }, 0);
+        }
+    }
+    cancelAnimations() {
+        requestAnimationFrame(() => {
+            var _a;
+            (_a = this.progressIndicator) === null || _a === void 0 ? void 0 : _a.getAnimations().forEach((animation) => {
+                if (animation instanceof CSSTransition) {
+                    animation.cancel();
+                }
+            });
+        });
+        cancelAnimationFrame(this.tick);
+    }
+    animateLabelTo(start, end) {
+        let t0;
+        const tick = (t1) => {
+            t0 = t0 !== null && t0 !== void 0 ? t0 : t1;
+            const progress = Math.min((t1 - t0) / (this.animationDuration || 1), 1);
+            this.percentage = Math.floor(asPercent(progress * (end - start) + start, this.max));
+            progress < 1
+                ? (this.tick = requestAnimationFrame(tick))
+                : cancelAnimationFrame(this.tick);
+        };
+        requestAnimationFrame(tick);
+    }
+    renderLabelFormat() {
+        return this.labelFormat
+            .replace(/\{0\}/gm, `${this.value}`)
+            .replace(/\{1\}/gm, `${this.max}`);
+    }
+    renderDefaultSlot() {
+        return html `<slot part="label" @slotchange=${this.slotChanges}></slot>
+      ${when(this.indeterminate || this.hideLabel || this.assignedElements.length, () => nothing, () => html `<span part="label value">${this.renderLabelText()}</span>`)}`;
+    }
+    renderLabelText() {
+        return this.labelFormat ? this.renderLabelFormat() : `${this.percentage}%`;
+    }
+}
+__decorate([
+    queryAssignedElements()
+], IgcProgressBaseComponent.prototype, "assignedElements", void 0);
+__decorate([
+    query('[part~="fill"]', true)
+], IgcProgressBaseComponent.prototype, "progressIndicator", void 0);
+__decorate([
+    state()
+], IgcProgressBaseComponent.prototype, "percentage", void 0);
+__decorate([
+    property({ type: Number })
+], IgcProgressBaseComponent.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], IgcProgressBaseComponent.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], IgcProgressBaseComponent.prototype, "variant", void 0);
+__decorate([
+    property({ type: Number, attribute: 'animation-duration' })
+], IgcProgressBaseComponent.prototype, "animationDuration", void 0);
+__decorate([
+    property({ type: Boolean, reflect: false })
+], IgcProgressBaseComponent.prototype, "indeterminate", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-label', reflect: false })
+], IgcProgressBaseComponent.prototype, "hideLabel", void 0);
+__decorate([
+    property({ attribute: 'label-format' })
+], IgcProgressBaseComponent.prototype, "labelFormat", void 0);
+__decorate([
+    watch('indeterminate', { waitUntilFirstUpdate: true })
+], IgcProgressBaseComponent.prototype, "indeterminateChange", null);
+__decorate([
+    watch('max', { waitUntilFirstUpdate: true })
+], IgcProgressBaseComponent.prototype, "maxChange", null);
+__decorate([
+    watch('value', { waitUntilFirstUpdate: true })
+], IgcProgressBaseComponent.prototype, "valueChange", null);
+//# sourceMappingURL=base.js.map

package/components/progress/base.js.map

@@ -0,0 +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';\nimport { asPercent, clamp } from '../common/util';\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"]}

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

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * Used for defining gradient stops in the igc-circular-progress.
+ * For each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.
+ * The values passed as `color`, `offset` and `opacity` would be set as
+ * `stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.
+ *
+ * @element igc-circular-gradient
+ *
+ */
+export default class IgcCircularGradientComponent extends LitElement {
+    static readonly tagName = "igc-circular-gradient";
+    /** Defines where the gradient stop is placed along the gradient vector */
+    offset: string;
+    /** Defines the color of the gradient stop */
+    color: string;
+    /** Defines the opacity of the gradient stop */
+    opacity: number;
+    protected render(): symbol;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-circular-gradient': IgcCircularGradientComponent;
+    }
+}

package/components/progress/circular-gradient.js

@@ -0,0 +1,30 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+export default class IgcCircularGradientComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.offset = '0%';
+        this.color = 'black';
+        this.opacity = 1;
+    }
+    render() {
+        return nothing;
+    }
+}
+IgcCircularGradientComponent.tagName = 'igc-circular-gradient';
+__decorate([
+    property()
+], IgcCircularGradientComponent.prototype, "offset", void 0);
+__decorate([
+    property()
+], IgcCircularGradientComponent.prototype, "color", void 0);
+__decorate([
+    property({ type: Number })
+], IgcCircularGradientComponent.prototype, "opacity", void 0);
+//# sourceMappingURL=circular-gradient.js.map

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

@@ -0,0 +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"]}