igniteui-webcomponents 6.3.0-alpha.0 → 6.3.0-beta.0

package/components/expansion-panel/expansion-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.js","sourceRoot":"","sources":["../../../src/components/expansion-panel/expansion-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n} from '../common/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ExpansionPanelIndicatorPosition } from '../types.js';\nimport { styles } from './themes/expansion-panel.base.css.js';\nimport { styles as shared } from './themes/shared/expansion-panel.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcExpansionPanelComponentEventMap {\n  igcOpening: CustomEvent<IgcExpansionPanelComponent>;\n  igcOpened: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosing: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosed: CustomEvent<IgcExpansionPanelComponent>;\n}\n\nlet nextId = 1;\n\n/**\n * The Expansion Panel Component provides a way to display information in a toggleable way -\n * compact summary view containing title and description and expanded detail view containing\n * additional content to the summary header.\n *\n * @element igc-expansion-panel\n *\n * @slot - renders the default content of the panel\n * @slot title - renders the title of the panel's header\n * @slot subtitle - renders the subtitle of the panel's header\n * @slot indicator - renders the expand/collapsed indicator\n * @slot indicator-expanded - renders the expanded state of the indicator\n *\n * @fires igcOpening - Emitted before opening the expansion panel.\n * @fires igcOpened - Emitted after the expansion panel is opened.\n * @fires igcClosing - Emitted before closing the expansion panel.\n * @fires igcClosed - Emitted after the expansion panel is closed.\n *\n * @csspart header - The container of the expansion indicator, title and subtitle.\n * @csspart title -  The title container.\n * @csspart subtitle - The subtitle container.\n * @csspart indicator - The indicator container.\n * @csspart content - The expansion panel's content wrapper.\n */\nexport default class IgcExpansionPanelComponent extends EventEmitterMixin<\n  IgcExpansionPanelComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-expansion-panel';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcExpansionPanelComponent, IgcIconComponent);\n  }\n\n  private _panelId = `${IgcExpansionPanelComponent.tagName}-${nextId++}`;\n  private readonly _headerRef = createRef<HTMLElement>();\n  private readonly _contentRef = createRef<HTMLElement>();\n\n  private readonly _player = addAnimationController(this, this._contentRef);\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('title', 'subtitle', 'indicator', 'indicator-expanded'),\n  });\n\n  /**\n   * Indicates whether the contents of the control should be visible.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * The indicator position of the expansion panel.\n   * @attr indicator-position\n   */\n  @property({ reflect: true, attribute: 'indicator-position' })\n  public indicatorPosition: ExpansionPanelIndicatorPosition = 'start';\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._headerRef,\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true },\n    })\n      .setActivateHandler(this._toggleWithEvent)\n      .set([altKey, arrowDown], this._openWithEvent)\n      .set([altKey, arrowUp], this._closeWithEvent);\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this._panelId = this.id || this._panelId;\n  }\n\n  private _handleClick(): void {\n    this._headerRef.value!.focus();\n    this._toggleWithEvent();\n  }\n\n  private _toggleWithEvent(): void {\n    this.open ? this._closeWithEvent() : this._openWithEvent();\n  }\n\n  private async _toggleAnimation(dir: 'open' | 'close'): Promise<boolean> {\n    const animation = dir === 'open' ? growVerIn : growVerOut;\n\n    const [_, event] = await Promise.all([\n      this._player.stopAll(),\n      this._player.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private async _openWithEvent(): Promise<void> {\n    if (\n      this.open ||\n      !this.emitEvent('igcOpening', { cancelable: true, detail: this })\n    ) {\n      return;\n    }\n\n    this.open = true;\n\n    if (await this._toggleAnimation('open')) {\n      this.emitEvent('igcOpened', { detail: this });\n    }\n  }\n\n  private async _closeWithEvent(): Promise<void> {\n    if (\n      !(\n        this.open &&\n        this.emitEvent('igcClosing', { cancelable: true, detail: this })\n      )\n    ) {\n      return;\n    }\n\n    this.open = false;\n\n    if (await this._toggleAnimation('close')) {\n      this.emitEvent('igcClosed', { detail: this });\n    }\n  }\n\n  /** Toggles the panel open/close state. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  /** Hides the panel content. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    this.open = false;\n    await this._toggleAnimation('close');\n    return true;\n  }\n\n  /** Shows the panel content. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this._toggleAnimation('open');\n    return true;\n  }\n\n  private _renderIndicator() {\n    const iconName = this.open ? 'collapse' : 'expand';\n    const indicatorHidden =\n      this.open && this._slots.hasAssignedElements('indicator-expanded');\n\n    return html`\n      <div part=\"indicator\" aria-hidden=\"true\">\n        <slot name=\"indicator\" ?hidden=${indicatorHidden}>\n          <igc-icon name=${iconName} collection=\"default\"></igc-icon>\n        </slot>\n        <slot name=\"indicator-expanded\" ?hidden=${!indicatorHidden}></slot>\n      </div>\n    `;\n  }\n\n  private _renderHeader() {\n    return html`\n      <div\n        ${ref(this._headerRef)}\n        part=\"header\"\n        id=\"${this._panelId}-header\"\n        role=\"button\"\n        aria-expanded=${this.open}\n        aria-disabled=${this.disabled}\n        aria-controls=\"${this._panelId}-content\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.disabled ? nothing : this._handleClick}\n      >\n        ${this._renderIndicator()}\n        <div>\n          <slot name=\"title\" part=\"title\"></slot>\n          <slot name=\"subtitle\" part=\"subtitle\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderPanel() {\n    return html`\n      <div\n        ${ref(this._contentRef)}\n        part=\"content\"\n        role=\"region\"\n        id=\"${this._panelId}-content\"\n        aria-labelledby=\"${this._panelId}-header\"\n        .inert=${!this.open}\n        aria-hidden=${!this.open}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`${this._renderHeader()}${this._renderPanel()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-expansion-panel': IgcExpansionPanelComponent;\n  }\n}\n"]}
+{"version":3,"file":"expansion-panel.js","sourceRoot":"","sources":["../../../src/components/expansion-panel/expansion-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,GACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AASzC,IAAI,MAAM,GAAG,CAAC,CAAC;AA0Bf,MAAqB,0BAA2B,SAAQ,iBAAiB,CAGvE,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;IAClE,CAAC;IAgCD;QACE,KAAK,EAAE,CAAC;QA/BF,aAAQ,GAAG,GAAG,0BAA0B,CAAC,OAAO,IAAI,MAAM,EAAE,EAAE,CAAC;QACtD,eAAU,GAAG,SAAS,EAAe,CAAC;QACtC,gBAAW,GAAG,SAAS,EAAe,CAAC;QAEvC,YAAO,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACzD,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,CAAC;SACxE,CAAC,CAAC;QAOI,SAAI,GAAG,KAAK,CAAC;QAOb,aAAQ,GAAG,KAAK,CAAC;QAOjB,sBAAiB,GAAoC,OAAO,CAAC;QAKlE,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,UAAU;YACpB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC1B,CAAC;aACC,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC;aACzC,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC;aAC7C,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAClD,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC;IAC3C,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,UAAU,CAAC,KAAM,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;IAC7D,CAAC;IAEO,KAAK,CAAC,gBAAgB,CAAC,GAAqB;QAClD,MAAM,SAAS,GAAG,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;QAE1D,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;SAC/B,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;IACjC,CAAC;IAEO,KAAK,CAAC,cAAc;QAC1B,IACE,IAAI,CAAC,IAAI;YACT,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EACjE,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe;QAC3B,IACE,CAAC,CACC,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CACjE,EACD,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAElB,IAAI,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,gBAAgB;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,eAAe,GACnB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;QAErE,OAAO,IAAI,CAAA;;yCAE0B,eAAe;2BAC7B,QAAQ;;kDAEe,CAAC,eAAe;;KAE7D,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;;cAEhB,IAAI,CAAC,QAAQ;;wBAEH,IAAI,CAAC,IAAI;wBACT,IAAI,CAAC,QAAQ;yBACZ,IAAI,CAAC,QAAQ;mBACnB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;iBAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY;;UAElD,IAAI,CAAC,gBAAgB,EAAE;;;;;;KAM5B,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;;;cAGjB,IAAI,CAAC,QAAQ;2BACA,IAAI,CAAC,QAAQ;iBACvB,CAAC,IAAI,CAAC,IAAI;sBACL,CAAC,IAAI,CAAC,IAAI;;;;KAI3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;IAC7D,CAAC;;AA/LsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AACzC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eALrB,0BAA0B;AA0BtC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACvB;AAOb;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;qEACO","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n} from '../common/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ExpansionPanelIndicatorPosition } from '../types.js';\nimport { styles } from './themes/expansion-panel.base.css.js';\nimport { styles as shared } from './themes/shared/expansion-panel.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcExpansionPanelComponentEventMap {\n  igcOpening: CustomEvent<IgcExpansionPanelComponent>;\n  igcOpened: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosing: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosed: CustomEvent<IgcExpansionPanelComponent>;\n}\n\nlet nextId = 1;\n\n/**\n * The Expansion Panel Component provides a way to display information in a toggleable way -\n * compact summary view containing title and description and expanded detail view containing\n * additional content to the summary header.\n *\n * @element igc-expansion-panel\n *\n * @slot - renders the default content of the panel\n * @slot title - renders the title of the panel's header\n * @slot subtitle - renders the subtitle of the panel's header\n * @slot indicator - renders the expand/collapsed indicator\n * @slot indicator-expanded - renders the expanded state of the indicator\n *\n * @fires igcOpening - Emitted before opening the expansion panel.\n * @fires igcOpened - Emitted after the expansion panel is opened.\n * @fires igcClosing - Emitted before closing the expansion panel.\n * @fires igcClosed - Emitted after the expansion panel is closed.\n *\n * @csspart header - The container of the expansion indicator, title and subtitle.\n * @csspart title -  The title container.\n * @csspart subtitle - The subtitle container.\n * @csspart indicator - The indicator container.\n * @csspart content - The expansion panel's content wrapper.\n */\nexport default class IgcExpansionPanelComponent extends EventEmitterMixin<\n  IgcExpansionPanelComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-expansion-panel';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcExpansionPanelComponent, IgcIconComponent);\n  }\n\n  private _panelId = `${IgcExpansionPanelComponent.tagName}-${nextId++}`;\n  private readonly _headerRef = createRef<HTMLElement>();\n  private readonly _contentRef = createRef<HTMLElement>();\n\n  private readonly _player = addAnimationController(this, this._contentRef);\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('title', 'subtitle', 'indicator', 'indicator-expanded'),\n  });\n\n  /**\n   * Indicates whether the contents of the control should be visible.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * The indicator position of the expansion panel.\n   * @attr indicator-position\n   */\n  @property({ reflect: true, attribute: 'indicator-position' })\n  public indicatorPosition: ExpansionPanelIndicatorPosition = 'start';\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._headerRef,\n      skip: () => this.disabled,\n    })\n      .setActivateHandler(this._toggleWithEvent)\n      .set([altKey, arrowDown], this._openWithEvent)\n      .set([altKey, arrowUp], this._closeWithEvent);\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this._panelId = this.id || this._panelId;\n  }\n\n  private _handleClick(): void {\n    this._headerRef.value!.focus();\n    this._toggleWithEvent();\n  }\n\n  private _toggleWithEvent(): void {\n    this.open ? this._closeWithEvent() : this._openWithEvent();\n  }\n\n  private async _toggleAnimation(dir: 'open' | 'close'): Promise<boolean> {\n    const animation = dir === 'open' ? growVerIn : growVerOut;\n\n    const [_, event] = await Promise.all([\n      this._player.stopAll(),\n      this._player.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private async _openWithEvent(): Promise<void> {\n    if (\n      this.open ||\n      !this.emitEvent('igcOpening', { cancelable: true, detail: this })\n    ) {\n      return;\n    }\n\n    this.open = true;\n\n    if (await this._toggleAnimation('open')) {\n      this.emitEvent('igcOpened', { detail: this });\n    }\n  }\n\n  private async _closeWithEvent(): Promise<void> {\n    if (\n      !(\n        this.open &&\n        this.emitEvent('igcClosing', { cancelable: true, detail: this })\n      )\n    ) {\n      return;\n    }\n\n    this.open = false;\n\n    if (await this._toggleAnimation('close')) {\n      this.emitEvent('igcClosed', { detail: this });\n    }\n  }\n\n  /** Toggles the panel open/close state. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  /** Hides the panel content. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    this.open = false;\n    await this._toggleAnimation('close');\n    return true;\n  }\n\n  /** Shows the panel content. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this._toggleAnimation('open');\n    return true;\n  }\n\n  private _renderIndicator() {\n    const iconName = this.open ? 'collapse' : 'expand';\n    const indicatorHidden =\n      this.open && this._slots.hasAssignedElements('indicator-expanded');\n\n    return html`\n      <div part=\"indicator\" aria-hidden=\"true\">\n        <slot name=\"indicator\" ?hidden=${indicatorHidden}>\n          <igc-icon name=${iconName} collection=\"default\"></igc-icon>\n        </slot>\n        <slot name=\"indicator-expanded\" ?hidden=${!indicatorHidden}></slot>\n      </div>\n    `;\n  }\n\n  private _renderHeader() {\n    return html`\n      <div\n        ${ref(this._headerRef)}\n        part=\"header\"\n        id=\"${this._panelId}-header\"\n        role=\"button\"\n        aria-expanded=${this.open}\n        aria-disabled=${this.disabled}\n        aria-controls=\"${this._panelId}-content\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.disabled ? nothing : this._handleClick}\n      >\n        ${this._renderIndicator()}\n        <div>\n          <slot name=\"title\" part=\"title\"></slot>\n          <slot name=\"subtitle\" part=\"subtitle\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderPanel() {\n    return html`\n      <div\n        ${ref(this._contentRef)}\n        part=\"content\"\n        role=\"region\"\n        id=\"${this._panelId}-content\"\n        aria-labelledby=\"${this._panelId}-header\"\n        .inert=${!this.open}\n        aria-hidden=${!this.open}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`${this._renderHeader()}${this._renderPanel()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-expansion-panel': IgcExpansionPanelComponent;\n  }\n}\n"]}

package/components/expansion-panel/themes/expansion-panel.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--lines-clamped: 1;width:auto;overflow:hidden;display:flex;flex-direction:column}[part=header]{display:flex;align-items:center;cursor:pointer;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}[part=header]:focus,[part=header]:active{outline:rgba(0,0,0,0)}[part=header] *:not([part~=indicator]){display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=title]::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:var(--lines-clamped);-webkit-box-orient:vertical;overflow:hidden;margin:0}[part=subtitle]::slotted(*){font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=content] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block}[part~=content]{overflow:hidden}[part~=content]>slot{display:block;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host(:not([open])) [part~=content]{height:0}:host([open]) [part~=content]{height:auto}[part~=indicator] igc-icon{--ig-size: 3}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([indicator-position=end]) [part~=indicator]{order:2;margin-inline-start:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([indicator-position=none]) [part~=indicator]{display:none}:host([disabled]){pointer-events:none}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--lines-clamped: 1;width:auto;overflow:hidden;display:flex;flex-direction:column}[part=header]{display:flex;align-items:center;cursor:pointer;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part=header]:focus,[part=header]:active{outline:rgba(0,0,0,0)}[part=header] *:not([part~=indicator]){display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=title]::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:var(--lines-clamped);-webkit-box-orient:vertical;overflow:hidden;margin:0}[part=subtitle]::slotted(*){font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=content] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block}[part~=content]{overflow:hidden}[part~=content]>slot{display:block;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([open])) [part~=content]{height:0}:host([open]) [part~=content]{height:auto}[part~=indicator] igc-icon{--ig-size: 3}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([indicator-position=end]) [part~=indicator]{order:2;margin-inline-start:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([indicator-position=none]) [part~=indicator]{display:none}:host([disabled]){pointer-events:none}`;
 //# sourceMappingURL=expansion-panel.base.css.js.map

package/components/expansion-panel/themes/expansion-panel.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.base.css.js","sourceRoot":"","sources":["../../../../src/components/expansion-panel/themes/expansion-panel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yqKAAyqK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--lines-clamped: 1;width:auto;overflow:hidden;display:flex;flex-direction:column}[part=header]{display:flex;align-items:center;cursor:pointer;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}[part=header]:focus,[part=header]:active{outline:rgba(0,0,0,0)}[part=header] *:not([part~=indicator]){display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=title]::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:var(--lines-clamped);-webkit-box-orient:vertical;overflow:hidden;margin:0}[part=subtitle]::slotted(*){font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=content] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block}[part~=content]{overflow:hidden}[part~=content]>slot{display:block;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host(:not([open])) [part~=content]{height:0}:host([open]) [part~=content]{height:auto}[part~=indicator] igc-icon{--ig-size: 3}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([indicator-position=end]) [part~=indicator]{order:2;margin-inline-start:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([indicator-position=none]) [part~=indicator]{display:none}:host([disabled]){pointer-events:none}`;\n"]}
+{"version":3,"file":"expansion-panel.base.css.js","sourceRoot":"","sources":["../../../../src/components/expansion-panel/themes/expansion-panel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u1KAAu1K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--lines-clamped: 1;width:auto;overflow:hidden;display:flex;flex-direction:column}[part=header]{display:flex;align-items:center;cursor:pointer;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part=header]:focus,[part=header]:active{outline:rgba(0,0,0,0)}[part=header] *:not([part~=indicator]){display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part=title]::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:var(--lines-clamped);-webkit-box-orient:vertical;overflow:hidden;margin:0}[part=subtitle]::slotted(*){font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=content] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:block}[part~=content]{overflow:hidden}[part~=content]>slot{display:block;padding-inline:max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([open])) [part~=content]{height:0}:host([open]) [part~=content]{height:auto}[part~=indicator] igc-icon{--ig-size: 3}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([indicator-position=end]) [part~=indicator]{order:2;margin-inline-start:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([indicator-position=none]) [part~=indicator]{display:none}:host([disabled]){pointer-events:none}`;\n"]}

package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=title]::slotted(*),[part=subtitle]::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=indicator] igc-icon{--ig-size: 1}[part=title]::slotted(*){margin-bottom:max(var(--is-large, 1)*max(2px, -1 * 2px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(2px, -1 * 2px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=header]{padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}[part~=content]>slot{padding:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));padding-block-start:max(var(--is-large, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([indicator-position=end]) [part~=indicator]{margin-inline-start:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
+export const styles = css `[part=title]::slotted(*),[part=subtitle]::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=indicator] igc-icon{--ig-size: 1}[part=title]::slotted(*){margin-bottom:max(var(--is-large, 1)*max(2px, -1 * 2px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(2px, -1 * 2px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part=header]{padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part~=content]>slot{padding:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));padding-block-start:max(var(--is-large, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([indicator-position=end]) [part~=indicator]{margin-inline-start:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;
 //# sourceMappingURL=expansion-panel.indigo.css.js.map

package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/shared/expansion-panel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,83FAA83F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title]::slotted(*),[part=subtitle]::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=indicator] igc-icon{--ig-size: 1}[part=title]::slotted(*){margin-bottom:max(var(--is-large, 1)*max(2px, -1 * 2px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(2px, -1 * 2px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=header]{padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}[part~=content]>slot{padding:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));padding-block-start:max(var(--is-large, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([indicator-position=end]) [part~=indicator]{margin-inline-start:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}
+{"version":3,"file":"expansion-panel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/shared/expansion-panel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+lGAA+lG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title]::slotted(*),[part=subtitle]::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=indicator] igc-icon{--ig-size: 1}[part=title]::slotted(*){margin-bottom:max(var(--is-large, 1)*max(2px, -1 * 2px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(2px, -1 * 2px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part=header]{padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}[part~=content]>slot{padding:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));padding-block-start:max(var(--is-large, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([indicator-position=start]) [part~=indicator]{margin-inline-end:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([indicator-position=end]) [part~=indicator]{margin-inline-start:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n"]}

package/components/file-input/file-input.d.ts

@@ -60,10 +60,6 @@ export default class IgcFileInputComponent extends IgcFileInputComponent_base {
      * @attr
      */
     autofocus: boolean;
-    /**
-     * @internal
-     */
-    tabIndex: number;
     /** @hidden */
     readonly readOnly = false;
     /** Returns the selected files, if any; otherwise returns null. */

package/components/file-input/file-input.js

@@ -4,9 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, nothing } from 'lit';
+import { html } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import { addThemingController } from '../../theming/theming-controller.js';
 import IgcButtonComponent from '../button/button.js';
 import { registerComponent } from '../common/definitions/register.js';
@@ -14,7 +13,7 @@ import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormValueFileListTransformers } from '../common/mixins/forms/form-transformers.js';
 import { createFormValueState } from '../common/mixins/forms/form-value.js';
 import { partMap } from '../common/part-map.js';
-import { isEmpty } from '../common/util.js';
+import { bindIf, hasFiles, isEmpty } from '../common/util.js';
 import { IgcInputBaseComponent, } from '../input/input-base.js';
 import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { styles } from './themes/file-input.base.css.js';
@@ -28,11 +27,11 @@ class IgcFileInputComponent extends EventEmitterMixin(IgcInputBaseComponent) {
         return fileValidators;
     }
     get _fileNames() {
-        if (!this.files || this.files.length === 0)
-            return null;
-        return Array.from(this.files)
-            .map((file) => file.name)
-            .join(', ');
+        return hasFiles(this)
+            ? Array.from(this.files)
+                .map((file) => file.name)
+                .join(', ')
+            : null;
     }
     set value(value) {
         if (value === '' && this.input) {
@@ -54,7 +53,6 @@ class IgcFileInputComponent extends EventEmitterMixin(IgcInputBaseComponent) {
         this._hasActivation = false;
         this.multiple = false;
         this.accept = '';
-        this.tabIndex = 0;
         this.readOnly = false;
         addThemingController(this, all);
     }
@@ -104,6 +102,8 @@ class IgcFileInputComponent extends EventEmitterMixin(IgcInputBaseComponent) {
     `;
     }
     renderInput() {
+        const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';
+        const hasHelperText = !isEmpty(this._helperText);
         return html `
       <input
         id=${this.inputId}
@@ -113,9 +113,9 @@ class IgcFileInputComponent extends EventEmitterMixin(IgcInputBaseComponent) {
         ?required=${this.required}
         ?autofocus=${this.autofocus}
         ?multiple=${this.multiple}
-        tabindex=${this.tabIndex}
-        accept=${ifDefined(this.accept === '' ? undefined : this.accept)}
-        aria-describedby=${ifDefined(isEmpty(this._helperText) ? nothing : 'helper-text')}
+        tabindex=${bindIf(hasNegativeTabIndex, -1)}
+        accept=${bindIf(this.accept, this.accept)}
+        aria-describedby=${bindIf(hasHelperText, 'helper-text')}
         @click=${this._handleClick}
         @change=${this._handleChange}
         @cancel=${this._handleCancel}
@@ -142,9 +142,6 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], IgcFileInputComponent.prototype, "autofocus", void 0);
-__decorate([
-    property({ type: Number })
-], IgcFileInputComponent.prototype, "tabIndex", void 0);
 __decorate([
     property({ type: Boolean, attribute: false, noAccessor: true })
 ], IgcFileInputComponent.prototype, "readOnly", void 0);

package/components/file-input/file-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/file-input/file-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormValueFileListTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport {\n  IgcInputBaseComponent,\n  type IgcInputComponentEventMap,\n} from '../input/input-base.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/file-input.base.css.js';\nimport { all } from './themes/themes.js';\nimport { fileValidators } from './validators.js';\n\nexport interface IgcFileInputComponentEventMap\n  extends Omit<IgcInputComponentEventMap, 'igcChange' | 'igcInput'> {\n  igcCancel: CustomEvent<FileList>;\n  igcChange: CustomEvent<FileList>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-file-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot file-selector-text - Renders content for the browse button when input type is file.\n * @slot file-missing-text - Renders content when input type is file and no file is chosen.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcCancel - Emitted when the control's file picker dialog is canceled.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart file-names - The file names wrapper when input type is 'file'.\n * @csspart file-selector-button - The browse button when input type is 'file'.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcFileInputComponent extends EventEmitterMixin<\n  IgcFileInputComponentEventMap,\n  AbstractConstructor<IgcInputBaseComponent>\n>(IgcInputBaseComponent) {\n  public static readonly tagName = 'igc-file-input';\n  public static styles = [...IgcInputBaseComponent.styles, styles];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcFileInputComponent,\n      IgcValidationContainerComponent,\n      IgcButtonComponent\n    );\n  }\n\n  protected override get __validators() {\n    return fileValidators;\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueFileListTransformers,\n  });\n\n  @state()\n  private _hasActivation = false;\n\n  private get _fileNames(): string | null {\n    if (!this.files || this.files.length === 0) return null;\n\n    return Array.from(this.files)\n      .map((file) => file.name)\n      .join(', ');\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    if (value === '' && this.input) {\n      this.input.value = value;\n    }\n  }\n\n  public get value(): string {\n    return this.input?.value ?? '';\n  }\n\n  /**\n   * The multiple attribute of the control.\n   * Used to indicate that a file input allows the user to select more than one file.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public multiple = false;\n\n  /**\n   * The accept attribute of the control.\n   * Defines the file types as a list of comma-separated values that the file input should accept.\n   * @attr\n   */\n  @property({ type: String })\n  public accept = '';\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * @internal\n   */\n  @property({ type: Number })\n  public override tabIndex = 0;\n\n  /** @hidden */\n  @property({ type: Boolean, attribute: false, noAccessor: true })\n  public override readonly readOnly = false;\n\n  /** Returns the selected files, if any; otherwise returns null. */\n  public get files(): FileList | null {\n    return this.input?.files ?? null;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this.input.value = '';\n    super._restoreDefaultValue();\n  }\n\n  /* c8 ignore next 2 */\n  /** @hidden */\n  public override setSelectionRange(): void {}\n\n  /* c8 ignore next 2 */\n  /** @hidden */\n  public override setRangeText(): void {}\n\n  private _handleChange(): void {\n    this._hasActivation = false;\n    this._setTouchedState();\n    this._formValue.setValueAndFormState(this.files);\n\n    this.requestUpdate();\n    this.emitEvent('igcChange', { detail: this.files! });\n  }\n\n  private _handleCancel(): void {\n    this._hasActivation = false;\n    this._setTouchedState();\n    this._validate();\n\n    this.emitEvent('igcCancel', {\n      detail: this.files!,\n    });\n  }\n\n  protected override _handleBlur(): void {\n    this._hasActivation ? this._validate() : super._handleBlur();\n  }\n\n  /* c8 ignore next 3 */\n  protected _handleClick(): void {\n    this._hasActivation = true;\n  }\n\n  protected override renderFileParts() {\n    const emptyText = this.placeholder ?? 'No file chosen';\n\n    return html`\n      <div part=\"file-parts\">\n        <div part=\"file-selector-button\">\n          <igc-button variant=\"flat\" ?disabled=${this.disabled} tabindex=\"-1\">\n            <slot name=\"file-selector-text\">Browse</slot>\n          </igc-button>\n        </div>\n        <div part=\"file-names\">\n          <span>\n            ${this._fileNames ??\n            html`<slot name=\"file-missing-text\">${emptyText}</slot>`}\n          </span>\n        </div>\n      </div>\n    `;\n  }\n\n  protected renderInput() {\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partMap(this.resolvePartNames('input'))}\n        type=\"file\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        ?multiple=${this.multiple}\n        tabindex=${this.tabIndex}\n        accept=${ifDefined(this.accept === '' ? undefined : this.accept)}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        @click=${this._handleClick}\n        @change=${this._handleChange}\n        @cancel=${this._handleCancel}\n        @blur=${this._handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-file-input': IgcFileInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/file-input/file-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormValueFileListTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf, hasFiles, isEmpty } from '../common/util.js';\nimport {\n  IgcInputBaseComponent,\n  type IgcInputComponentEventMap,\n} from '../input/input-base.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/file-input.base.css.js';\nimport { all } from './themes/themes.js';\nimport { fileValidators } from './validators.js';\n\nexport interface IgcFileInputComponentEventMap\n  extends Omit<IgcInputComponentEventMap, 'igcChange' | 'igcInput'> {\n  igcCancel: CustomEvent<FileList>;\n  igcChange: CustomEvent<FileList>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-file-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot file-selector-text - Renders content for the browse button when input type is file.\n * @slot file-missing-text - Renders content when input type is file and no file is chosen.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcCancel - Emitted when the control's file picker dialog is canceled.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart file-names - The file names wrapper when input type is 'file'.\n * @csspart file-selector-button - The browse button when input type is 'file'.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcFileInputComponent extends EventEmitterMixin<\n  IgcFileInputComponentEventMap,\n  AbstractConstructor<IgcInputBaseComponent>\n>(IgcInputBaseComponent) {\n  public static readonly tagName = 'igc-file-input';\n  public static styles = [...IgcInputBaseComponent.styles, styles];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcFileInputComponent,\n      IgcValidationContainerComponent,\n      IgcButtonComponent\n    );\n  }\n\n  protected override get __validators() {\n    return fileValidators;\n  }\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueFileListTransformers,\n  });\n\n  @state()\n  private _hasActivation = false;\n\n  private get _fileNames(): string | null {\n    return hasFiles(this)\n      ? Array.from(this.files!)\n          .map((file) => file.name)\n          .join(', ')\n      : null;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    if (value === '' && this.input) {\n      this.input.value = value;\n    }\n  }\n\n  public get value(): string {\n    return this.input?.value ?? '';\n  }\n\n  /**\n   * The multiple attribute of the control.\n   * Used to indicate that a file input allows the user to select more than one file.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public multiple = false;\n\n  /**\n   * The accept attribute of the control.\n   * Defines the file types as a list of comma-separated values that the file input should accept.\n   * @attr\n   */\n  @property({ type: String })\n  public accept = '';\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /** @hidden */\n  @property({ type: Boolean, attribute: false, noAccessor: true })\n  public override readonly readOnly = false;\n\n  /** Returns the selected files, if any; otherwise returns null. */\n  public get files(): FileList | null {\n    return this.input?.files ?? null;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this.input.value = '';\n    super._restoreDefaultValue();\n  }\n\n  /* c8 ignore next 2 */\n  /** @hidden */\n  public override setSelectionRange(): void {}\n\n  /* c8 ignore next 2 */\n  /** @hidden */\n  public override setRangeText(): void {}\n\n  private _handleChange(): void {\n    this._hasActivation = false;\n    this._setTouchedState();\n    this._formValue.setValueAndFormState(this.files);\n\n    this.requestUpdate();\n    this.emitEvent('igcChange', { detail: this.files! });\n  }\n\n  private _handleCancel(): void {\n    this._hasActivation = false;\n    this._setTouchedState();\n    this._validate();\n\n    this.emitEvent('igcCancel', {\n      detail: this.files!,\n    });\n  }\n\n  protected override _handleBlur(): void {\n    this._hasActivation ? this._validate() : super._handleBlur();\n  }\n\n  /* c8 ignore next 3 */\n  protected _handleClick(): void {\n    this._hasActivation = true;\n  }\n\n  protected override renderFileParts() {\n    const emptyText = this.placeholder ?? 'No file chosen';\n\n    return html`\n      <div part=\"file-parts\">\n        <div part=\"file-selector-button\">\n          <igc-button variant=\"flat\" ?disabled=${this.disabled} tabindex=\"-1\">\n            <slot name=\"file-selector-text\">Browse</slot>\n          </igc-button>\n        </div>\n        <div part=\"file-names\">\n          <span>\n            ${this._fileNames ??\n            html`<slot name=\"file-missing-text\">${emptyText}</slot>`}\n          </span>\n        </div>\n      </div>\n    `;\n  }\n\n  protected renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = !isEmpty(this._helperText);\n\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partMap(this.resolvePartNames('input'))}\n        type=\"file\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        ?multiple=${this.multiple}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        accept=${bindIf(this.accept, this.accept)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @click=${this._handleClick}\n        @change=${this._handleChange}\n        @cancel=${this._handleCancel}\n        @blur=${this._handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-file-input': IgcFileInputComponent;\n  }\n}\n"]}

package/components/file-input/themes/shared/file-input.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled]):state(ig-invalid)){--input-border-color: var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part=prefix],:host(:not([disabled]):state(ig-invalid)) [part=suffix],:host(:not([disabled]):state(ig-invalid)) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid):focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;
+export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled]):state(ig-invalid)){--input-border-color: var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part=prefix],:host(:not([disabled]):state(ig-invalid)) [part=suffix],:host(:not([disabled]):state(ig-invalid)) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=prefixed] ::slotted([slot=prefix]){border-inline-start-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=suffixed] ::slotted([slot=suffix]){border-inline-end-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid):focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;
 //# sourceMappingURL=file-input.bootstrap.css.js.map

package/components/file-input/themes/shared/file-input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+mFAA+mF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled]):state(ig-invalid)){--input-border-color: var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part=prefix],:host(:not([disabled]):state(ig-invalid)) [part=suffix],:host(:not([disabled]):state(ig-invalid)) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid):focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}
+{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i6FAAi6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled]):state(ig-invalid)){--input-border-color: var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part=prefix],:host(:not([disabled]):state(ig-invalid)) [part=suffix],:host(:not([disabled]):state(ig-invalid)) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=prefixed] ::slotted([slot=prefix]){border-inline-start-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid)) [part~=suffixed] ::slotted([slot=suffix]){border-inline-end-color:var(--error-secondary-color)}:host(:not([disabled]):state(ig-invalid):focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}

package/components/file-input/themes/shared/file-input.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:state(ig-invalid)) [part=file-selector-button],:host([outlined]:state(ig-invalid):focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;
+export const styles = css `:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:state(ig-invalid)) [part=file-selector-button],:host([outlined]:state(ig-invalid):focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;
 //# sourceMappingURL=file-input.material.css.js.map

package/components/file-input/themes/shared/file-input.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g0DAAg0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:state(ig-invalid)) [part=file-selector-button],:host([outlined]:state(ig-invalid):focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;\n"]}
+{"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8qEAA8qE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:state(ig-invalid)) [part=file-selector-button],:host([outlined]:state(ig-invalid):focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;\n"]}

package/components/icon/icon-references.js

@@ -24,6 +24,136 @@ addIcon('expand', {
         collection: 'internal',
     },
 });
+addIcon('attach_file', {
+    default: {
+        name: 'attach_file',
+        collection: 'internal',
+    },
+    indigo: {
+        name: 'indigo_attach_file',
+        collection: 'internal',
+    },
+});
+addIcon('attach_document', {
+    default: {
+        name: 'document_filled',
+        collection: 'internal',
+    },
+});
+addIcon('attach_image', {
+    default: {
+        name: 'document_image',
+        collection: 'internal',
+    },
+});
+addIcon('auto_suggest', {
+    default: {
+        name: 'auto_suggest',
+        collection: 'internal',
+    },
+});
+addIcon('send_message', {
+    default: {
+        name: 'send',
+        collection: 'internal',
+    },
+});
+addIcon('image_thumbnail', {
+    default: {
+        name: 'image',
+        collection: 'internal',
+    },
+});
+addIcon('table_thumbnail', {
+    default: {
+        name: 'table',
+        collection: 'internal',
+    },
+});
+addIcon('layout_thumbnail', {
+    default: {
+        name: 'layout',
+        collection: 'internal',
+    },
+});
+addIcon('code_thumbnail', {
+    default: {
+        name: 'code_circle',
+        collection: 'internal',
+    },
+});
+addIcon('document_thumbnail', {
+    default: {
+        name: 'document_empty',
+        collection: 'internal',
+    },
+});
+addIcon('file_generic', {
+    default: {
+        name: 'file_generic',
+        collection: 'internal',
+    },
+});
+addIcon('file_json', {
+    default: {
+        name: 'file_json',
+        collection: 'internal',
+    },
+});
+addIcon('file_link', {
+    default: {
+        name: 'file_link',
+        collection: 'internal',
+    },
+});
+addIcon('more_horiz', {
+    default: {
+        name: 'more_horiz',
+        collection: 'internal',
+    },
+});
+addIcon('open_in_new', {
+    default: {
+        name: 'open_in_new',
+        collection: 'internal',
+    },
+});
+addIcon('thumb_up_active', {
+    default: {
+        name: 'thumb_up_filled',
+        collection: 'internal',
+    },
+});
+addIcon('thumb_up_inactive', {
+    default: {
+        name: 'thumb_up_empty',
+        collection: 'internal',
+    },
+});
+addIcon('thumb_down_active', {
+    default: {
+        name: 'thumb_down_filled',
+        collection: 'internal',
+    },
+});
+addIcon('thumb_down_inactive', {
+    default: {
+        name: 'thumb_down_empty',
+        collection: 'internal',
+    },
+});
+addIcon('regenerate', {
+    default: {
+        name: 'reload',
+        collection: 'internal',
+    },
+});
+addIcon('copy_content', {
+    default: {
+        name: 'copy',
+        collection: 'internal',
+    },
+});
 addIcon('collapse', {
     default: {
         name: 'keyboard_arrow_up',

package/components/icon/icon-references.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"AAkCA,MAAM,CAAC,MAAM,cAAc,GAAoB,EAAE,CAAC;AAClD,MAAM,YAAY,GAAG,CAAC,KAAW,EAAE,EAAE;IACnC,OAAO,IAAI,GAAG,CACZ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACjC,OAAO,IAAuC,CAAC;IACjD,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,MAAY,EAAE,EAAE;IAC7C,MAAM,IAAI,GAAG;QACX,KAAK,EAAE;YACL,IAAI;YACJ,UAAU,EAAE,SAAS;SACtB;QACD,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;KAC7B,CAAC;IAEF,cAAc,CAAC,IAAI,CAAC,IAAqB,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,OAAO,CAAC,QAAQ,EAAE;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,UAAU,EAAE;IAClB,OAAO,EAAE;QACP,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,YAAY,EAAE;IACpB,OAAO,EAAE;QACP,IAAI,EAAE,iBAAiB;QACvB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,YAAY,EAAE;IACpB,OAAO,EAAE;QACP,IAAI,EAAE,eAAe;QACrB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,gBAAgB;QACtB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,UAAU,EAAE;IAClB,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,QAAQ,EAAE;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,eAAe;QACrB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,aAAa,EAAE;IACrB,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,cAAc,EAAE;IACtB,OAAO,EAAE;QACP,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,gBAAgB,EAAE;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,eAAe,EAAE;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,cAAc,EAAE;IACtB,OAAO,EAAE;QACP,IAAI,EAAE,iBAAiB;QACvB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,gBAAgB,EAAE;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,gBAAgB;QACtB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,OAAO,EAAE;IACf,OAAO,EAAE;QACP,IAAI,EAAE,gBAAgB;QACtB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,uBAAuB;QAC7B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,OAAO,EAAE;IACf,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,oBAAoB;QAC1B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,aAAa,EAAE;IACrB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,eAAe,EAAE;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,MAAM,EAAE;IACd,OAAO,EAAE;QACP,IAAI,EAAE,iBAAiB;QACvB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,MAAM,EAAE;IACd,OAAO,EAAE;QACP,IAAI,EAAE,eAAe;QACrB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,aAAa,EAAE;IACrB,OAAO,EAAE;QACP,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,eAAe,EAAE;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,eAAe,EAAE;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,qBAAqB;QAC3B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,eAAe,EAAE;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,sBAAsB;QAC5B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,OAAO,EAAE;IACf,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,YAAY,EAAE;IACpB,OAAO,EAAE;QACP,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,iBAAiB,EAAE;IACzB,OAAO,EAAE;QACP,IAAI,EAAE,iBAAiB;QACvB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,gBAAgB,EAAE;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,gBAAgB;QACtB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,uBAAuB;QAC7B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,kBAAkB,EAAE;IAC1B,OAAO,EAAE;QACP,IAAI,EAAE,kBAAkB;QACxB,UAAU,EAAE,UAAU;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,yBAAyB;QAC/B,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC;AACH,OAAO,CAAC,QAAQ,EAAE;IAChB,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type {\n  IconMeta,\n  IconReference,\n  IconThemeKey,\n} from './registry/types.js';\n\ntype Icon = { [key in IconThemeKey]?: IconMeta };\n\nexport const iconReferences: IconReference[] = [];\nconst makeIconRefs = (icons: Icon) => {\n  return new Map(\n    Object.entries(icons).map((icon) => {\n      return icon as [theme: IconThemeKey, IconMeta];\n    })\n  );\n};\n\nconst addIcon = (name: string, target: Icon) => {\n  const icon = {\n    alias: {\n      name,\n      collection: 'default',\n    },\n    target: makeIconRefs(target),\n  };\n\n  iconReferences.push(icon as IconReference);\n};\n\naddIcon('expand', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_down',\n    collection: 'internal',\n  },\n});\naddIcon('collapse', {\n  default: {\n    name: 'keyboard_arrow_up',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_up',\n    collection: 'internal',\n  },\n});\naddIcon('arrow_prev', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  fluent: {\n    name: 'arrow_upward',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('arrow_next', {\n  default: {\n    name: 'navigate_next',\n    collection: 'internal',\n  },\n  fluent: {\n    name: 'arrow_downward',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('selected', {\n  default: {\n    name: 'chip_select',\n    collection: 'internal',\n  },\n});\naddIcon('remove', {\n  default: {\n    name: 'chip_cancel',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_cancel',\n    collection: 'internal',\n  },\n});\naddIcon('input_clear', {\n  default: {\n    name: 'clear',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_clear',\n    collection: 'internal',\n  },\n});\naddIcon('input_expand', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_down',\n    collection: 'internal',\n  },\n});\naddIcon('input_collapse', {\n  default: {\n    name: 'keyboard_arrow_up',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_up',\n    collection: 'internal',\n  },\n});\naddIcon('chevron_right', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('chevron_left', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('case_sensitive', {\n  default: {\n    name: 'case_sensitive',\n    collection: 'internal',\n  },\n});\naddIcon('today', {\n  default: {\n    name: 'calendar_today',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_calendar_today',\n    collection: 'internal',\n  },\n});\naddIcon('clock', {\n  default: {\n    name: 'access_time',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_access_time',\n    collection: 'internal',\n  },\n});\naddIcon('star_filled', {\n  default: {\n    name: 'star',\n    collection: 'internal',\n  },\n});\naddIcon('star_outlined', {\n  default: {\n    name: 'star_border',\n    collection: 'internal',\n  },\n});\naddIcon('prev', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('next', {\n  default: {\n    name: 'navigate_next',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('tree_expand', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('tree_collapse', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_down',\n    collection: 'internal',\n  },\n});\naddIcon('carousel_prev', {\n  default: {\n    name: 'keyboard_arrow_left',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('carousel_next', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('error', {\n  default: {\n    name: 'error',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_error',\n    collection: 'internal',\n  },\n});\naddIcon('fullscreen', {\n  default: {\n    name: 'fullscreen',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_fullscreen',\n    collection: 'internal',\n  },\n});\naddIcon('fullscreen_exit', {\n  default: {\n    name: 'fullscreen_exit',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_fullscreen_exit',\n    collection: 'internal',\n  },\n});\naddIcon('expand_content', {\n  default: {\n    name: 'expand_content',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_expand_content',\n    collection: 'internal',\n  },\n});\naddIcon('collapse_content', {\n  default: {\n    name: 'collapse_content',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_collapse_content',\n    collection: 'internal',\n  },\n});\naddIcon('resize', {\n  default: {\n    name: 'resize',\n    collection: 'internal',\n  },\n});\n"]}
+{"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"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","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type {\n  IconMeta,\n  IconReference,\n  IconThemeKey,\n} from './registry/types.js';\n\ntype Icon = { [key in IconThemeKey]?: IconMeta };\n\nexport const iconReferences: IconReference[] = [];\nconst makeIconRefs = (icons: Icon) => {\n  return new Map(\n    Object.entries(icons).map((icon) => {\n      return icon as [theme: IconThemeKey, IconMeta];\n    })\n  );\n};\n\nconst addIcon = (name: string, target: Icon) => {\n  const icon = {\n    alias: {\n      name,\n      collection: 'default',\n    },\n    target: makeIconRefs(target),\n  };\n\n  iconReferences.push(icon as IconReference);\n};\n\naddIcon('expand', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_down',\n    collection: 'internal',\n  },\n});\naddIcon('attach_file', {\n  default: {\n    name: 'attach_file',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_attach_file',\n    collection: 'internal',\n  },\n});\naddIcon('attach_document', {\n  default: {\n    name: 'document_filled',\n    collection: 'internal',\n  },\n});\naddIcon('attach_image', {\n  default: {\n    name: 'document_image',\n    collection: 'internal',\n  },\n});\naddIcon('auto_suggest', {\n  default: {\n    name: 'auto_suggest',\n    collection: 'internal',\n  },\n});\naddIcon('send_message', {\n  default: {\n    name: 'send',\n    collection: 'internal',\n  },\n});\naddIcon('image_thumbnail', {\n  default: {\n    name: 'image',\n    collection: 'internal',\n  },\n});\naddIcon('table_thumbnail', {\n  default: {\n    name: 'table',\n    collection: 'internal',\n  },\n});\naddIcon('layout_thumbnail', {\n  default: {\n    name: 'layout',\n    collection: 'internal',\n  },\n});\naddIcon('code_thumbnail', {\n  default: {\n    name: 'code_circle',\n    collection: 'internal',\n  },\n});\naddIcon('document_thumbnail', {\n  default: {\n    name: 'document_empty',\n    collection: 'internal',\n  },\n});\naddIcon('file_generic', {\n  default: {\n    name: 'file_generic',\n    collection: 'internal',\n  },\n});\naddIcon('file_json', {\n  default: {\n    name: 'file_json',\n    collection: 'internal',\n  },\n});\naddIcon('file_link', {\n  default: {\n    name: 'file_link',\n    collection: 'internal',\n  },\n});\naddIcon('more_horiz', {\n  default: {\n    name: 'more_horiz',\n    collection: 'internal',\n  },\n});\naddIcon('open_in_new', {\n  default: {\n    name: 'open_in_new',\n    collection: 'internal',\n  },\n});\naddIcon('thumb_up_active', {\n  default: {\n    name: 'thumb_up_filled',\n    collection: 'internal',\n  },\n});\naddIcon('thumb_up_inactive', {\n  default: {\n    name: 'thumb_up_empty',\n    collection: 'internal',\n  },\n});\naddIcon('thumb_down_active', {\n  default: {\n    name: 'thumb_down_filled',\n    collection: 'internal',\n  },\n});\naddIcon('thumb_down_inactive', {\n  default: {\n    name: 'thumb_down_empty',\n    collection: 'internal',\n  },\n});\naddIcon('regenerate', {\n  default: {\n    name: 'reload',\n    collection: 'internal',\n  },\n});\naddIcon('copy_content', {\n  default: {\n    name: 'copy',\n    collection: 'internal',\n  },\n});\naddIcon('collapse', {\n  default: {\n    name: 'keyboard_arrow_up',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_up',\n    collection: 'internal',\n  },\n});\naddIcon('arrow_prev', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  fluent: {\n    name: 'arrow_upward',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('arrow_next', {\n  default: {\n    name: 'navigate_next',\n    collection: 'internal',\n  },\n  fluent: {\n    name: 'arrow_downward',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('selected', {\n  default: {\n    name: 'chip_select',\n    collection: 'internal',\n  },\n});\naddIcon('remove', {\n  default: {\n    name: 'chip_cancel',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_cancel',\n    collection: 'internal',\n  },\n});\naddIcon('input_clear', {\n  default: {\n    name: 'clear',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_clear',\n    collection: 'internal',\n  },\n});\naddIcon('input_expand', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_down',\n    collection: 'internal',\n  },\n});\naddIcon('input_collapse', {\n  default: {\n    name: 'keyboard_arrow_up',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_up',\n    collection: 'internal',\n  },\n});\naddIcon('chevron_right', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('chevron_left', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('case_sensitive', {\n  default: {\n    name: 'case_sensitive',\n    collection: 'internal',\n  },\n});\naddIcon('today', {\n  default: {\n    name: 'calendar_today',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_calendar_today',\n    collection: 'internal',\n  },\n});\naddIcon('clock', {\n  default: {\n    name: 'access_time',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_access_time',\n    collection: 'internal',\n  },\n});\naddIcon('star_filled', {\n  default: {\n    name: 'star',\n    collection: 'internal',\n  },\n});\naddIcon('star_outlined', {\n  default: {\n    name: 'star_border',\n    collection: 'internal',\n  },\n});\naddIcon('prev', {\n  default: {\n    name: 'navigate_before',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('next', {\n  default: {\n    name: 'navigate_next',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('tree_expand', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('tree_collapse', {\n  default: {\n    name: 'keyboard_arrow_down',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_down',\n    collection: 'internal',\n  },\n});\naddIcon('carousel_prev', {\n  default: {\n    name: 'keyboard_arrow_left',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_left',\n    collection: 'internal',\n  },\n});\naddIcon('carousel_next', {\n  default: {\n    name: 'keyboard_arrow_right',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_chevron_right',\n    collection: 'internal',\n  },\n});\naddIcon('error', {\n  default: {\n    name: 'error',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_error',\n    collection: 'internal',\n  },\n});\naddIcon('fullscreen', {\n  default: {\n    name: 'fullscreen',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_fullscreen',\n    collection: 'internal',\n  },\n});\naddIcon('fullscreen_exit', {\n  default: {\n    name: 'fullscreen_exit',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_fullscreen_exit',\n    collection: 'internal',\n  },\n});\naddIcon('expand_content', {\n  default: {\n    name: 'expand_content',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_expand_content',\n    collection: 'internal',\n  },\n});\naddIcon('collapse_content', {\n  default: {\n    name: 'collapse_content',\n    collection: 'internal',\n  },\n  indigo: {\n    name: 'indigo_collapse_content',\n    collection: 'internal',\n  },\n});\naddIcon('resize', {\n  default: {\n    name: 'resize',\n    collection: 'internal',\n  },\n});\n"]}