igniteui-webcomponents 6.0.1 → 6.1.0

package/components/checkbox/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAiBtC,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,wBAAwB;IAAzD;;QAWL,YAAO,GAAG,UAAU,oBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QACrD,YAAO,GAAG,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC;IA8CnD,CAAC;IArDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IAOkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;cACrC,IAAI,CAAC,OAAO;uBACH,IAAI,CAAC,QAAQ,CAAC,KAAK;;;eAG3B,IAAI,CAAC,OAAO;;iBAEV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;yBACT,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;mBAC/C,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;;;iBAGlB,WAAW,CAAC;YACjB,OAAO,EAAE,IAAI;YACb,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;;uBAEW,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;oBAGxC,IAAI,CAAC,SAAS;iBACjB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACvC,IAAI,CAAC,OAAO;;;;;KAKtB,CAAC;IACJ,CAAC;;AAxDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AATjC,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CA0DtC;eA1DoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { all } from './themes/switch-themes.js';\nimport { styles } from './themes/switch.base.css.js';\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@themes(all)\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-switch';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcSwitchComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private inputId = `switch-${IgcSwitchComponent.increment()}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  protected override render() {\n    const labelledBy = this.getAttribute('aria-labelledby');\n    const checked = this.checked;\n\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked })}\n        for=${this.inputId}\n        @pointerdown=${this._kbFocus.reset}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(checked)}\n          aria-checked=${checked ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span\n          part=${partNameMap({\n            control: true,\n            checked,\n            focused: this._kbFocus.focused,\n          })}\n        >\n          <span part=${partNameMap({ thumb: true, checked })}></span>\n        </span>\n        <span\n          .hidden=${this.hideLabel}\n          part=${partNameMap({ label: true, checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAiBtC,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,wBAAwB;IAAzD;;QAWI,aAAQ,GAAG,UAAU,oBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QACtD,aAAQ,GAAG,gBAAgB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAyC9D,CAAC;IAhDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IAOkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;oBACK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;;eAE1D,IAAI,CAAC,QAAQ;;iBAEX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;yBACT,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;mBAChD,IAAI,CAAC,YAAY;mBACjB,IAAI,CAAC,YAAY;;;iBAGnB,OAAO,CAAC;YACb,OAAO,EAAE,IAAI;YACb,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;;uBAEW,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;oBAGpC,IAAI,CAAC,UAAU;iBAClB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACnC,IAAI,CAAC,QAAQ;;;;;KAKvB,CAAC;IACJ,CAAC;;AAnDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AATjC,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAqDtC;eArDoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { createCounter } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { all } from './themes/switch-themes.js';\nimport { styles } from './themes/switch.base.css.js';\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@themes(all)\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-switch';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcSwitchComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private readonly _inputId = `switch-${IgcSwitchComponent.increment()}`;\n  private readonly _labelId = `switch-label-${this._inputId}`;\n\n  protected override render() {\n    const labelledBy = this.getAttribute('aria-labelledby');\n    const checked = this.checked;\n\n    return html`\n      <label part=${partMap({ base: true, checked })} for=${this._inputId}>\n        <input\n          id=${this._inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(checked)}\n          aria-checked=${checked ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${labelledBy ? labelledBy : this._labelId}\n          @click=${this._handleClick}\n          @focus=${this._handleFocus}\n        />\n        <span\n          part=${partMap({\n            control: true,\n            checked,\n            focused: this._focusRingManager.focused,\n          })}\n        >\n          <span part=${partMap({ thumb: true, checked })}></span>\n        </span>\n        <span\n          .hidden=${this._hideLabel}\n          part=${partMap({ label: true, checked })}\n          id=${this._labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}

package/components/chip/chip.js

@@ -52,9 +52,9 @@ let IgcChipComponent = IgcChipComponent_1 = class IgcChipComponent extends Event
         return html `
       <button
         part="base"
-        .disabled="${this.disabled}"
-        aria-selected="${this.selected ? 'true' : 'false'}"
-        aria-disabled="${this.disabled ? 'true' : 'false'}"
+        .disabled=${this.disabled}
+        aria-selected=${this.selected}
+        aria-disabled=${this.disabled}
         @click=${this.handleSelect}
       >
         <span

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.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 { isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes(all)\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'start' })\n  protected contentStart!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected suffixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'end' })\n  protected contentEnd!: Array<HTMLElement>;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this.handleRemove);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span\n          part=\"prefix\"\n          .hidden=${isEmpty(this.prefixes) &&\n          isEmpty(this.contentStart) &&\n          !this.selected}\n        >\n          ${this.selectable && this.selected\n            ? html`<slot name=\"select\">\n                <igc-icon name=\"selected\" collection=\"default\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span\n          part=\"suffix\"\n          .hidden=${isEmpty(this.suffixes) &&\n          isEmpty(this.contentEnd) &&\n          !this.removable}\n        >\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                ${ref(this._removePartRef)}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  name=\"remove\"\n                  collection=\"default\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.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 { isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes(all)\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'start' })\n  protected contentStart!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected suffixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'end' })\n  protected contentEnd!: Array<HTMLElement>;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this.handleRemove);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=${this.disabled}\n        aria-selected=${this.selected}\n        aria-disabled=${this.disabled}\n        @click=${this.handleSelect}\n      >\n        <span\n          part=\"prefix\"\n          .hidden=${isEmpty(this.prefixes) &&\n          isEmpty(this.contentStart) &&\n          !this.selected}\n        >\n          ${this.selectable && this.selected\n            ? html`<slot name=\"select\">\n                <igc-icon name=\"selected\" collection=\"default\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span\n          part=\"suffix\"\n          .hidden=${isEmpty(this.suffixes) &&\n          isEmpty(this.contentEnd) &&\n          !this.removable}\n        >\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                ${ref(this._removePartRef)}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  name=\"remove\"\n                  collection=\"default\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}

package/components/combo/combo.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, type TemplateResult } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
-import { type FormValue } from '../common/mixins/forms/form-value.js';
+import { type FormValueOf } from '../common/mixins/forms/form-value.js';
 import IgcInputComponent from '../input/input.js';
 import { DataController } from './controllers/data.js';
 import { NavigationController } from './controllers/navigation.js';
@@ -61,7 +61,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     static styles: import("lit").CSSResult[];
     static register(): void;
     protected get __validators(): import("../common/validators.js").Validator<IgcComboComponent<any>>[];
-    protected _formValue: FormValue<ComboValue<T>[]>;
+    protected readonly _formValue: FormValueOf<ComboValue<T>[]>;
     private _data;
     private _valueKey?;
     private _displayKey?;

package/components/combo/combo.js

@@ -18,7 +18,8 @@ import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';
 import { createFormValueState, } from '../common/mixins/forms/form-value.js';
-import { asArray, equal, findElementFromEventPath, first, isEmpty, partNameMap, } from '../common/util.js';
+import { partMap } from '../common/part-map.js';
+import { asArray, equal, findElementFromEventPath, first, isEmpty, } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
 import IgcInputComponent from '../input/input.js';
 import IgcPopoverComponent from '../popover/popover.js';
@@ -140,6 +141,13 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
     }
     constructor() {
         super();
+        this._formValue = createFormValueState(this, {
+            initialValue: [],
+            transformers: {
+                setValue: asArray,
+                setDefaultValue: asArray,
+            },
+        });
         this._data = [];
         this._disableFiltering = false;
         this._singleSelect = false;
@@ -190,7 +198,7 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
             return html `
       <igc-combo-item
         id=${id}
-        part=${partNameMap({ item: true, selected, active })}
+        part=${partMap({ item: true, selected, active })}
         aria-setsize=${this._state.dataState.length}
         aria-posinset=${position}
         exportparts="checkbox, checkbox-indicator, checked"
@@ -203,13 +211,6 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
       </igc-combo-item>
     `;
         };
-        this._formValue = createFormValueState(this, {
-            initialValue: [],
-            transformers: {
-                setValue: asArray,
-                setDefaultValue: asArray,
-            },
-        });
         this.addEventListener('blur', this._handleBlur);
         this.addEventListener('keydown', this._navigation.navigateHost.bind(this._navigation));
     }
@@ -422,7 +423,7 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
         return html `
       <span
         slot="suffix"
-        part=${partNameMap({
+        part=${partMap({
             'toggle-icon': true,
             filled: !isEmpty(this.value),
         })}
@@ -510,7 +511,7 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
             slot=${this.caseSensitiveIcon && 'suffix'}
             name="case_sensitive"
             collection="default"
-            part=${partNameMap({
+            part=${partMap({
             'case-icon': true,
             active: this.filteringOptions.caseSensitive ?? false,
         })}

package/components/combo/combo.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAEL,oBAAoB,GACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,KAAK,EACL,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAYzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAuDnC,IAAM,iBAAiB,yBAAvB,MAAM,iBAEnB,SAAQ,2BAA2B,CACnC,iBAAiB,CACf,UAAU,CACX,CACF;IAKQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,mBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,mBAAmB,EACnB,+BAA+B,CAChC,CAAC;IACJ,CAAC;IAED,IAAuB,YAAY;QACjC,OAAO,eAAe,CAAC;IACzB,CAAC;IA+CD,IAAW,IAAI,CAAC,KAAU;QACxB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAeD,IAAW,YAAY,CAAC,KAAc;QACpC,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAiDD,IAAW,QAAQ,CAAC,KAA0B;QAC5C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;IACxD,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAOD,IAAW,UAAU,CAAC,KAA0B;QAC9C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,gBAAgB,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;QACzD,CAAC;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;IAC5C,CAAC;IAOD,IAAW,QAAQ,CAAC,KAA0B;QAC5C,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IASD,IAAW,YAAY,CAAC,KAAwB;QAC9C,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAWD,IAAW,gBAAgB,CAAC,KAAmC;QAC7D,MAAM,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,KAAK,EAAE,CAAC;QACxD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC5C,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC;YACjC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAeD,IAAW,gBAAgB,CAAC,KAAc;QACxC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IAmDD,IAAW,KAAK,CAAC,KAAsB;QACrC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;QAC9B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAMD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAGS,qBAAqB;QAC7B,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,CAAC;IACrC,CAAC;IAcD;QACE,KAAK,EAAE,CAAC;QAzUF,UAAK,GAAQ,EAAE,CAAC;QAMhB,sBAAiB,GAAG,KAAK,CAAC;QAC1B,kBAAa,GAAG,KAAK,CAAC;QAEtB,kBAAa,GAAsB,KAAK,CAAC;QACzC,sBAAiB,GAAwB;YAC/C,SAAS,EAAE,IAAI,CAAC,UAAU;YAC1B,aAAa,EAAE,KAAK;YACpB,eAAe,EAAE,KAAK;SACvB,CAAC;QAMM,kBAAa,GAAG,EAAE,CAAC;QAEjB,WAAM,GAAG,IAAI,cAAc,CAAI,IAAI,CAAC,CAAC;QACrC,eAAU,GAAG,IAAI,mBAAmB,CAAI,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3D,gBAAW,GAAG,IAAI,oBAAoB,CAAI,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAwChE,aAAQ,GAAG,KAAK,CAAC;QAsCjB,kBAAa,GAAG,KAAK,CAAC;QAqBtB,sBAAiB,GAAG,QAAQ,CAAC;QAO7B,SAAI,GAAG,KAAK,CAAC;QA4Fb,sBAAiB,GAAG,KAAK,CAAC;QAuB1B,iBAAY,GAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACvD,IAAI,CAAA,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAQnD,wBAAmB,GAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAC9D,IAAI,CAAA,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QA6DxC,yBAAoB,GAAG,mBAAmB,CAAC,IAAI,EAAE;YACvD,YAAY,EAAE,KAAK,IAAI,EAAE;gBACvB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;oBAC1B,OAAO;gBACT,CAAC;gBACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;gBAElB,MAAM,IAAI,CAAC,cAAc,CAAC;gBAC1B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YAC9B,CAAC;SACF,CAAC,CAAC;QAkQO,iBAAY,GAA2B,CAC/C,IAAoB,EACpB,KAAa,EACb,EAAE;YACF,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,IAAI,CAAA,GAAG,OAAO,EAAE,CAAC;YAC1B,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBACjC,OAAO,IAAI,CAAA;;YAEL,IAAI,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;OAEnD,CAAC;YACJ,CAAC;YAED,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAC5D,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,KAAK,CAAC;YACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAEnE,IAAI,MAAM,EAAE,CAAC;gBACX,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;YAC9B,CAAC;YAED,OAAO,IAAI,CAAA;;aAEF,EAAE;eACA,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;uBACrC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM;wBAC3B,QAAQ;;iBAEf,KAAK;kBACJ,MAAM;oBACJ,QAAQ;yBACH,IAAI,CAAC,YAAY;;UAEhC,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;QApSA,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAkB,IAAI,EAAE;YAC5D,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE;gBACZ,QAAQ,EAAE,OAAO;gBACjB,eAAe,EAAE,OAAO;aACzB;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEhD,IAAI,CAAC,gBAAgB,CACnB,SAAS,EACT,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CACrD,CAAC;IACJ,CAAC;IAEkB,KAAK,CAAC,YAAY;QACnC,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;IAEkB,oBAAoB;QACrC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QACrD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEkB,gBAAgB,CAAC,OAAsB;QACxD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAClD,CAAC;IAEkB,aAAa;QAC9B,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,KAAK,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,MAAM,KAAK,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC7B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC9B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;YACrC,CAAC;YACD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,CAAC;IAC9B,CAAC;IAES,WAAW,CAAC,OAAO,GAAG,KAAK;QACnC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAC5D,IAAI,CAAC,QAAQ,CACd,CAAC;QACF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU;aACjC,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC;aACvC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAKD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;IACjC,CAAC;IAwBM,MAAM,CAAC,KAA2B;QACvC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAwBM,QAAQ,CAAC,KAA2B;QACzC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM,EAAuB;QAC7D,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;QAGhC,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACrE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAGnD,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QAG3B,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAC5B,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YACxB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,iBAAiB,CAAC,EAAE,MAAM,EAAuB;QACzD,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;IAClC,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAES,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI;QACpC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC;YACtD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAES,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI;QACpC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC;YACvD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAES,OAAO,CAAC,IAAI,GAAG,IAAI;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAEO,sBAAsB,CAAC,KAAa;QAC1C,MAAM,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;QAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,QAAQ,EAAE,CAAC;QAExE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;IAC1B,CAAC;IA2CS,kBAAkB,CAAC,KAAoB;QAC/C,MAAM,MAAM,GAAG,wBAAwB,CACrC,qBAAqB,CAAC,OAAO,EAC7B,KAAK,CACN,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAES,gBAAgB,CAAC,KAAmB;QAC5C,MAAM,MAAM,GAAG,wBAAwB,CACrC,qBAAqB,CAAC,OAAO,EAC7B,KAAK,CACN,CAAC;QAEF,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEhC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAES,YAAY,CAAC,KAAa;QAClC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAE,CAAC;QAEvD,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,aAAa,CAAC,KAAa;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAE,CAAC;QAEvD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,oBAAoB;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QAEpC,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAClE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;YACrD,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAES,oBAAoB,CAAC,CAAe;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/B,CAAC;IAES,sBAAsB,CAAC,CAAgB;QAC/C,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAES,wBAAwB,CAAC,CAAgB;QACjD,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC;IAES,qBAAqB;QAC7B,IAAI,CAAC,gBAAgB,GAAG;YACtB,aAAa,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa;SACpD,CAAC;IACJ,CAAC;IAEO,gBAAgB,CAAC,CAAQ;QAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;eAGA,WAAW,CAAC;YACjB,aAAa,EAAE,IAAI;YACnB,MAAM,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;SAC7B,CAAC;;;;mBAIS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;;;;;;KAM3D,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,oBAAoB;kBACxB,IAAI,CAAC,UAAU,CAAC,OAAO;;;;;;;;;;KAUpC,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;;;;;;wBAOS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;wBAE5B,IAAI,CAAC,QAAQ;;iBAEpB,IAAI,CAAC,OAAO;sBACP,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;gBACjC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;qBAChB,IAAI,CAAC,gBAAgB;oBACtB,IAAI,CAAC,eAAe;mBACrB,IAAI,CAAC,sBAAsB;iBAC7B,IAAI,CAAC,aAAa;oBACf,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;mBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;oBACjB,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,SAAS;oBACf,CAAC,IAAI,CAAC,YAAY;;qBAEjB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,QAAQ;;;UAGjD,IAAI,CAAC,eAAe,EAAE;qBACX,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,QAAQ;;;UAGjD,IAAI,CAAC,gBAAgB,EAAE;;KAE5B,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA;;;kBAGG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,YAAY;;;mBAGzC,IAAI,CAAC,MAAM,CAAC,UAAU;;wBAEjB,IAAI,CAAC,iBAAiB;;sBAExB,IAAI,CAAC,iBAAiB;qBACvB,IAAI,CAAC,wBAAwB;;;mBAG/B,IAAI,CAAC,iBAAiB,IAAI,QAAQ;;;mBAGlC,WAAW,CAAC;YACjB,WAAW,EAAE,IAAI;YACjB,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,aAAa,IAAI,KAAK;SACrD,CAAC;qBACO,IAAI,CAAC,qBAAqB;;;;KAI1C,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,OAAO,IAAI,CAAA;kCACmB,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;;;KAG5D,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAA;;iBAEE,CAAC,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,kBAAkB;;;UAGhC,IAAI,CAAC,iBAAiB,EAAE;;;;;iCAKD,CAAC,IAAI,CAAC,YAAY;;;;;;kCAMjB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;mBAChD,IAAI,CAAC,MAAM,CAAC,SAAS;wBAChB,IAAI,CAAC,YAAY;oBACrB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;mBAC/B,IAAI,CAAC,gBAAgB;;;UAG9B,IAAI,CAAC,mBAAmB,EAAE;;;;;KAK/B,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,+BAA+B,CAAC,MAAM,CAAC,IAAI,EAAE;YAClD,EAAE,EAAE,mBAAmB;YACvB,aAAa,EAAE,IAAI;SACpB,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;2BACY,IAAI,CAAC,IAAI;UAC1B,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE;;QAE7C,IAAI,CAAC,gBAAgB,EAAE;KAC1B,CAAC;IACJ,CAAC;;AAl4BsB,yBAAO,GAAG,WAAW,AAAd,CAAe;AAC/B,wBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAsChC;IADP,KAAK,EAAE;4DAC2B;AAG3B;IADP,KAAK,EAAE;wDACmB;AAOjB;IADT,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;sDACJ;AAG5B;IADT,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;sDACJ;AAG5B;IADT,KAAK,CAAC,uBAAuB,CAAC;uDACY;AAGnC;IADP,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC;iDACY;AAG3B;IADP,KAAK,CAAC,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC;gDACL;AAKtC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6CAU9B;AAWM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACnB;AAQxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;qDAatE;AAWe;IADf,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACQ;AAO7B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wDAC5B;AAOtB;IADN,QAAQ,EAAE;gDACW;AAOf;IADN,QAAQ,EAAE;sDACiB;AAOrB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;4DACV;AAO7B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACvB;AAOpB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;iDAIpC;AAWD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;mDAMtC;AAWD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;iDAMpC;AAaD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;qDAMxC;AAeD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;yDAO1D;AAWM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;4DAC7B;AAQjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;yDAI3D;AAYM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uDAE2B;AAQnD;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8DAEiB;AAiChD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;8CAOzB;AAkBS;IADT,KAAK,CAAC,MAAM,CAAC;8DAGb;AAvVkB,iBAAiB;IAHrC,MAAM,CAAC,GAAG,CAAC;IACX,4BAA4B,CAAC,qCAAqC,CAAC;IACnE,oBAAoB;GACA,iBAAiB,CA04BrC;eA14BoB,iBAAiB","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addRootClickHandler } from '../common/controllers/root-click.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';\nimport { watch } from '../common/decorators/watch.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 { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  type FormValue,\n  createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport {\n  asArray,\n  equal,\n  findElementFromEventPath,\n  first,\n  isEmpty,\n  partNameMap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport IgcComboListComponent from './combo-list.js';\nimport { DataController } from './controllers/data.js';\nimport { NavigationController } from './controllers/navigation.js';\nimport { SelectionController } from './controllers/selection.js';\nimport { styles } from './themes/combo.base.css.js';\nimport { styles as shared } from './themes/shared/combo.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ComboItemTemplate,\n  ComboRecord,\n  ComboRenderFunction,\n  ComboValue,\n  FilteringOptions,\n  GroupingDirection,\n  IgcComboComponentEventMap,\n  Item,\n  Keys,\n} from './types.js';\nimport { comboValidators } from './validators.js';\n\n/* blazorSupportsVisualChildren */\n/**\n * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\n * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,\n * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\n * Additionally, users can create custom item templates, allowing for robust data visualization.\n * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n *\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input of the combo.\n * @slot suffix - Renders content after the input of the combo.\n * @slot header - Renders a container before the list of options of the combo.\n * @slot footer - Renders a container after the list of options of the combo.\n * @slot helper-text - Renders content below the input of the combo.\n * @slot toggle-icon - Renders content inside the suffix container of the combo.\n * @slot clear-icon - Renders content inside the suffix container of the combo.\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 selection has changed.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart label - The encapsulated text label of the combo.\n * @csspart input - The main input field of the combo.\n * @csspart native-input - The native input of the main input field of the combo.\n * @csspart prefix - The prefix wrapper of the combo.\n * @csspart suffix - The suffix wrapper of the combo.\n * @csspart toggle-icon - The toggle icon wrapper of the combo.\n * @csspart clear-icon - The clear icon wrapper of the combo.\n * @csspart case-icon - The case icon wrapper of the combo.\n * @csspart helper-text - The helper text wrapper of the combo.\n * @csspart search-input - The search input field of the combo.\n * @csspart list-wrapper - The list of options wrapper of the combo.\n * @csspart list - The list of options box of the combo.\n * @csspart item - Represents each item in the list of options of the combo.\n * @csspart group-header - Represents each header in the list of options of the combo.\n * @csspart active - Appended to the item parts list when the item is active of the combo.\n * @csspart selected - Appended to the item parts list when the item is selected of the combo.\n * @csspart checkbox - Represents each checkbox of each list item of the combo.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.\n * @csspart header - The container holding the header content of the combo.\n * @csspart footer - The container holding the footer content of the combo.\n * @csspart empty - The container holding the empty content of the combo.\n */\n@themes(all)\n@blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent')\n@blazorIndirectRender\nexport default class IgcComboComponent<\n  T extends object = any,\n> extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<IgcComboComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n) {\n  public static readonly tagName = 'igc-combo';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcComboComponent,\n      IgcIconComponent,\n      IgcComboListComponent,\n      IgcComboItemComponent,\n      IgcComboHeaderComponent,\n      IgcInputComponent,\n      IgcPopoverComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  protected override get __validators() {\n    return comboValidators;\n  }\n\n  protected override _formValue: FormValue<ComboValue<T>[]>;\n  private _data: T[] = [];\n\n  private _valueKey?: Keys<T>;\n  private _displayKey?: Keys<T>;\n  private _groupKey?: Keys<T>;\n\n  private _disableFiltering = false;\n  private _singleSelect = false;\n\n  private _groupSorting: GroupingDirection = 'asc';\n  private _filteringOptions: FilteringOptions<T> = {\n    filterKey: this.displayKey,\n    caseSensitive: false,\n    matchDiacritics: false,\n  };\n\n  @state()\n  private _activeDescendant!: string;\n\n  @state()\n  private _displayValue = '';\n\n  protected _state = new DataController<T>(this);\n  protected _selection = new SelectionController<T>(this, this._state);\n  protected _navigation = new NavigationController<T>(this, this._state);\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected inputSuffix!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected inputPrefix!: HTMLElement[];\n\n  @query('[part=\"search-input\"]')\n  protected _searchInput!: IgcInputComponent;\n\n  @query('#target', true)\n  private _input!: IgcInputComponent;\n\n  @query(IgcComboListComponent.tagName, true)\n  private _list!: IgcComboListComponent;\n\n  /** The data source used to generate the list of options. */\n  /* treatAsRef */\n  @property({ attribute: false })\n  public set data(value: T[]) {\n    if (this._data === value) {\n      return;\n    }\n    this._data = asArray(value);\n    const pristine = this._pristine;\n    this.value = asArray(this.value);\n    this._pristine = pristine;\n    this._state.runPipeline();\n  }\n\n  public get data() {\n    return this._data;\n  }\n\n  /**\n   * The outlined attribute of the control.\n   * @attr outlined\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Enables single selection mode and moves item filtering to the main input.\n   * @attr single-select\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'single-select' })\n  public set singleSelect(value: boolean) {\n    if (this._singleSelect === Boolean(value)) {\n      return;\n    }\n\n    this._singleSelect = Boolean(value);\n    this._selection.clear();\n    if (this.hasUpdated) {\n      this.updateValue();\n      this.resetSearchTerm();\n      this._navigation.active = -1;\n    }\n  }\n\n  public get singleSelect(): boolean {\n    return this._singleSelect;\n  }\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr autofocus\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * Focuses the list of options when the menu opens.\n   * @attr autofocus-list\n   */\n  @property({ type: Boolean, attribute: 'autofocus-list' })\n  public autofocusList = false;\n\n  /**\n   * The label attribute of the control.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr placeholder\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The placeholder attribute of the search input.\n   * @attr placeholder-search\n   */\n  @property({ attribute: 'placeholder-search' })\n  public placeholderSearch = 'Search';\n\n  /**\n   * Sets the open state of the component.\n   * @attr open\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * The key in the data source used when selecting items.\n   * @attr value-key\n   */\n  @property({ attribute: 'value-key' })\n  public set valueKey(value: Keys<T> | undefined) {\n    this._valueKey = value;\n    this._displayKey = this._displayKey ?? this._valueKey;\n  }\n\n  public get valueKey() {\n    return this._valueKey;\n  }\n\n  /**\n   * The key in the data source used to display items in the list.\n   * @attr display-key\n   */\n  @property({ attribute: 'display-key' })\n  public set displayKey(value: Keys<T> | undefined) {\n    this._displayKey = value;\n    if (!this.filteringOptions.filterKey) {\n      this.filteringOptions = { filterKey: this.displayKey };\n    }\n  }\n\n  public get displayKey() {\n    return this._displayKey ?? this._valueKey;\n  }\n\n  /**\n   * The key in the data source used to group items in the list.\n   * @attr group-key\n   */\n  @property({ attribute: 'group-key' })\n  public set groupKey(value: Keys<T> | undefined) {\n    if (this._groupKey !== value) {\n      this._groupKey = value;\n      this._state.runPipeline();\n    }\n  }\n\n  public get groupKey() {\n    return this._groupKey;\n  }\n\n  /**\n   * Sorts the items in each group by ascending or descending order.\n   * @attr group-sorting\n   * @default asc\n   * @type {\"asc\" | \"desc\" | \"none\"}\n   */\n  @property({ attribute: 'group-sorting' })\n  public set groupSorting(value: GroupingDirection) {\n    if (this._groupSorting !== value) {\n      this._groupSorting = value;\n      this._state.runPipeline();\n    }\n  }\n\n  public get groupSorting() {\n    return this._groupSorting;\n  }\n\n  /**\n   * An object that configures the filtering of the combo.\n   * @attr filtering-options\n   * @type {FilteringOptions<T>}\n   * @param filterKey - The key in the data source used when filtering the list of options.\n   * @param caseSensitive - Determines whether the filtering operation should be case sensitive.\n   * @param matchDiacritics -If true, the filter distinguishes between accented letters and their base letters.\n   */\n  @property({ type: Object, attribute: 'filtering-options' })\n  public set filteringOptions(value: Partial<FilteringOptions<T>>) {\n    const options = { ...this._filteringOptions, ...value };\n    if (!equal(options, this._filteringOptions)) {\n      this._filteringOptions = options;\n      this._state.runPipeline();\n    }\n  }\n\n  public get filteringOptions(): FilteringOptions<T> {\n    return this._filteringOptions;\n  }\n\n  /**\n   * Enables the case sensitive search icon in the filtering input.\n   * @attr case-sensitive-icon\n   */\n  @property({ type: Boolean, attribute: 'case-sensitive-icon' })\n  public caseSensitiveIcon = false;\n\n  /**\n   * Disables the filtering of the list of options.\n   * @attr disable-filtering\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'disable-filtering' })\n  public set disableFiltering(value: boolean) {\n    this._disableFiltering = value;\n    this.resetSearchTerm();\n  }\n\n  public get disableFiltering(): boolean {\n    return this._disableFiltering;\n  }\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo item.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public itemTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.displayKey ? item[this.displayKey] : item}`;\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo group header.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public groupHeaderTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.groupKey && item[this.groupKey]}`;\n\n  /**\n   * Sets the value (selected items). The passed value must be a valid JSON array.\n   * If the data source is an array of complex objects, the `valueKey` attribute must be set.\n   * Note that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n   *\n   * @attr value\n   *\n   * @example\n   * ```tsx\n   * <igc-combo\n   *  .data=${[\n   *    {\n   *      id: 'BG01',\n   *      name: 'Sofia'\n   *    },\n   *    {\n   *      id: 'BG02',\n   *      name: 'Plovdiv'\n   *    }\n   *  ]}\n   *  display-key='name'\n   *  value-key='id'\n   *  value='[\"BG01\", \"BG02\"]'>\n   *  </igc-combo>\n   * ```\n   */\n  /* blazorPrimitiveValue */\n  /* blazorByValueArray */\n  /* blazorGenericType */\n  /* @tsTwoWayProperty (true, \"Change\", \"Detail.NewValue\", false) */\n  @property({ type: Array })\n  public set value(items: ComboValue<T>[]) {\n    this._formValue.value = items;\n    if (this.hasUpdated) {\n      this._updateSelection();\n      this.updateValue();\n    }\n  }\n\n  /**\n   * Returns the current selection as a list of comma separated values,\n   * represented by the value key, when provided.\n   */\n  public get value(): ComboValue<T>[] {\n    return this._formValue.value;\n  }\n\n  protected _updateSelection() {\n    this._selection.deselect();\n    if (!isEmpty(this.value)) {\n      this._selection.select(this.value);\n    }\n  }\n\n  @watch('open')\n  protected toggleDirectiveChange() {\n    this._rootClickController.update();\n  }\n\n  private _rootClickController = addRootClickHandler(this, {\n    hideCallback: async () => {\n      if (!this.handleClosing()) {\n        return;\n      }\n      this.open = false;\n\n      await this.updateComplete;\n      this.emitEvent('igcClosed');\n    },\n  });\n\n  constructor() {\n    super();\n\n    this._formValue = createFormValueState<ComboValue<T>[]>(this, {\n      initialValue: [],\n      transformers: {\n        setValue: asArray,\n        setDefaultValue: asArray,\n      },\n    });\n\n    this.addEventListener('blur', this._handleBlur);\n\n    this.addEventListener(\n      'keydown',\n      this._navigation.navigateHost.bind(this._navigation)\n    );\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n\n    this._updateSelection();\n    this.updateValue(this.hasUpdated);\n    this._pristine = true;\n    this._state.runPipeline();\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this._formValue.value = this._formValue.defaultValue;\n    this._updateSelection();\n    this.updateValue(true);\n    this._updateValidity();\n  }\n\n  protected override _setDefaultValue(current: string | null): void {\n    this.defaultValue = JSON.parse(current ?? '[]');\n  }\n\n  protected override _setFormValue(): void {\n    if (isEmpty(this.value)) {\n      super._setFormValue(null);\n      return;\n    }\n\n    if (this.singleSelect) {\n      super._setFormValue(`${first(this.value)}`);\n      return;\n    }\n\n    if (this.name) {\n      const value = new FormData();\n      for (const item of this.value) {\n        value.append(this.name, `${item}`);\n      }\n      super._setFormValue(value);\n    }\n  }\n\n  protected resetSearchTerm() {\n    this._state.searchTerm = '';\n  }\n\n  protected updateValue(initial = false) {\n    if (isEmpty(this.data)) {\n      return;\n    }\n    this._formValue.value = this._selection.getSelectedValuesByKey(\n      this.valueKey\n    );\n    this._displayValue = this._selection\n      .getSelectedValuesByKey(this.displayKey)\n      .join(', ');\n\n    this._setFormValue();\n\n    if (!initial) {\n      this._validate();\n      this._list.requestUpdate();\n    }\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions) {\n    this._input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the component. */\n  public override blur() {\n    this._input.blur();\n  }\n\n  /**\n   * Returns the current selection as an array of objects as provided in the `data` source.\n   */\n  public get selection(): T[] {\n    return this._selection.asArray;\n  }\n\n  /**\n   * Selects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be selected.\n   * @param { Item<T> | Items<T> } items - One or more items to be selected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Select one item at a time by reference when valueKey is not specified.\n   * combo.select(combo.data[0]);\n   *\n   * // Select multiple items at a time by reference when valueKey is not specified.\n   * combo.select([combo.data[0], combo.data[1]]);\n   *\n   * // Select one item at a time when valueKey is specified.\n   * combo.select('BG01');\n   *\n   * // Select multiple items at a time when valueKey is specified.\n   * combo.select(['BG01', 'BG02']);\n   * ```\n   */\n  public select(items?: Item<T> | Item<T>[]) {\n    this._selection.select(items);\n    this.updateValue();\n  }\n\n  /**\n   * Deselects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be deselected.\n   * @param { Item<T> | Items<T> } items - One or more items to be deselected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Deselect one item at a time by reference when valueKey is not specified.\n   * combo.deselect(combo.data[0]);\n   *\n   * // Deselect multiple items at a time by reference when valueKey is not specified.\n   * combo.deselect([combo.data[0], combo.data[1]]);\n   *\n   * // Deselect one item at a time when valueKey is specified.\n   * combo.deselect('BG01');\n   *\n   * // Deselect multiple items at a time when valueKey is specified.\n   * combo.deselect(['BG01', 'BG02']);\n   * ```\n   */\n  public deselect(items?: Item<T> | Item<T>[]) {\n    this._selection.deselect(items);\n    this.updateValue();\n  }\n\n  protected async handleMainInput({ detail }: CustomEvent<string>) {\n    this._show();\n    this._state.searchTerm = detail;\n\n    // wait for the dataState to update after filtering\n    await this.updateComplete;\n\n    const matchIndex = this._state.dataState.findIndex((i) => !i.header);\n    this._navigation.active = detail ? matchIndex : -1;\n\n    // update the list after changing the active item\n    this._list.requestUpdate();\n\n    // clear the selection upon typing\n    this.clearSingleSelection();\n  }\n\n  private _handleBlur() {\n    if (this._selection.isEmpty) {\n      this._displayValue = '';\n      this.resetSearchTerm();\n    }\n    this.checkValidity();\n  }\n\n  protected handleSearchInput({ detail }: CustomEvent<string>) {\n    this._state.searchTerm = detail;\n  }\n\n  protected handleOpening() {\n    return this.emitEvent('igcOpening', { cancelable: true });\n  }\n\n  protected handleClosing(): boolean {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  protected async _show(emitEvent = true) {\n    if (this.open || (emitEvent && !this.handleOpening())) {\n      return false;\n    }\n\n    this.open = true;\n    await this.updateComplete;\n\n    if (emitEvent) {\n      this.emitEvent('igcOpened');\n    }\n\n    if (!this.singleSelect) {\n      this._list.focus();\n    }\n\n    if (!this.autofocusList) {\n      this._searchInput.focus();\n    }\n\n    return true;\n  }\n\n  /** Shows the list of options. */\n  public async show(): Promise<boolean> {\n    return await this._show(false);\n  }\n\n  protected async _hide(emitEvent = true) {\n    if (!this.open || (emitEvent && !this.handleClosing())) {\n      return false;\n    }\n\n    this.open = false;\n    await this.updateComplete;\n\n    if (emitEvent) {\n      this.emitEvent('igcClosed');\n    }\n    this._navigation.active = -1;\n    return true;\n  }\n\n  /** Hides the list of options. */\n  public async hide(): Promise<boolean> {\n    return await this._hide(false);\n  }\n\n  protected _toggle(emit = true) {\n    return this.open ? this._hide(emit) : this._show(emit);\n  }\n\n  /** Toggles the list of options. */\n  public async toggle(): Promise<boolean> {\n    return await this._toggle(false);\n  }\n\n  private _getActiveDescendantId(index: number) {\n    const position = index + 1;\n    const id = this.id ? `${this.id}-item-${position}` : `item-${position}`;\n\n    return { id, position };\n  }\n\n  protected itemRenderer: ComboRenderFunction<T> = (\n    item: ComboRecord<T>,\n    index: number\n  ) => {\n    if (!item) {\n      return html`${nothing}`;\n    }\n\n    if (this.groupKey && item.header) {\n      return html`\n        <igc-combo-header part=\"group-header\">\n          ${this.groupHeaderTemplate({ item: item.value })}\n        </igc-combo-header>\n      `;\n    }\n\n    const { id, position } = this._getActiveDescendantId(index);\n    const active = this._navigation.active === index;\n    const selected = this._selection.has(this.data.at(item.dataIndex));\n\n    if (active) {\n      this._activeDescendant = id;\n    }\n\n    return html`\n      <igc-combo-item\n        id=${id}\n        part=${partNameMap({ item: true, selected, active })}\n        aria-setsize=${this._state.dataState.length}\n        aria-posinset=${position}\n        exportparts=\"checkbox, checkbox-indicator, checked\"\n        .index=${index}\n        ?active=${active}\n        ?selected=${selected}\n        ?hide-checkbox=${this.singleSelect}\n      >\n        ${this.itemTemplate({ item: item.value })}\n      </igc-combo-item>\n    `;\n  };\n\n  protected listKeydownHandler(event: KeyboardEvent) {\n    const target = findElementFromEventPath<IgcComboListComponent>(\n      IgcComboListComponent.tagName,\n      event\n    );\n\n    if (target) {\n      this._navigation.navigateList(event, target);\n    }\n  }\n\n  protected itemClickHandler(event: PointerEvent) {\n    const target = findElementFromEventPath<IgcComboItemComponent>(\n      IgcComboItemComponent.tagName,\n      event\n    );\n\n    if (!target) {\n      return;\n    }\n\n    this.toggleSelect(target.index);\n\n    if (this.singleSelect) {\n      this._input.focus();\n      this._hide();\n    } else {\n      this._searchInput.focus();\n    }\n  }\n\n  protected toggleSelect(index: number) {\n    const { dataIndex } = this._state.dataState.at(index)!;\n\n    this._selection.changeSelection(dataIndex);\n    this._navigation.active = index;\n    this.updateValue();\n  }\n\n  protected selectByIndex(index: number) {\n    const { dataIndex } = this._state.dataState.at(index)!;\n\n    this._selection.selectByIndex(dataIndex);\n    this._navigation.active = index;\n    this.updateValue();\n  }\n\n  protected clearSingleSelection() {\n    const _selection = this._selection.asArray;\n    const selection = first(_selection);\n\n    if (selection) {\n      const item = this.valueKey ? selection[this.valueKey] : selection;\n      this._selection.deselect(item, !isEmpty(_selection));\n      this._formValue.value = [];\n    }\n  }\n\n  protected handleClearIconClick(e: PointerEvent) {\n    e.stopPropagation();\n\n    if (this.singleSelect) {\n      this.resetSearchTerm();\n      this.clearSingleSelection();\n    } else {\n      this._selection.deselect([], true);\n    }\n\n    this.updateValue();\n    this._navigation.active = -1;\n  }\n\n  protected handleMainInputKeydown(e: KeyboardEvent) {\n    this._navigation.navigateMainInput(e, this._list);\n  }\n\n  protected handleSearchInputKeydown(e: KeyboardEvent) {\n    this._navigation.navigateSearchInput(e, this._list);\n  }\n\n  protected toggleCaseSensitivity() {\n    this.filteringOptions = {\n      caseSensitive: !this.filteringOptions.caseSensitive,\n    };\n  }\n\n  private _stopPropagation(e: Event) {\n    e.stopPropagation();\n  }\n\n  private renderToggleIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=${partNameMap({\n          'toggle-icon': true,\n          filled: !isEmpty(this.value),\n        })}\n      >\n        <slot name=\"toggle-icon\">\n          <igc-icon\n            name=${this.open ? 'input_collapse' : 'input_expand'}\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private renderClearIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=\"clear-icon\"\n        @click=${this.handleClearIconClick}\n        ?hidden=${this._selection.isEmpty}\n      >\n        <slot name=\"clear-icon\">\n          <igc-icon\n            name=\"input_clear\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private renderMainInput() {\n    return html`\n      <igc-input\n        id=\"target\"\n        slot=\"anchor\"\n        role=\"combobox\"\n        aria-controls=\"dropdown\"\n        aria-owns=\"dropdown\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-describedby=\"combo-helper-text\"\n        aria-disabled=${this.disabled}\n        exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n        @click=${this._toggle}\n        placeholder=${ifDefined(this.placeholder)}\n        label=${ifDefined(this.label)}\n        @igcChange=${this._stopPropagation}\n        @igcInput=${this.handleMainInput}\n        @keydown=${this.handleMainInputKeydown}\n        .value=${this._displayValue}\n        .disabled=${this.disabled}\n        .required=${this.required}\n        .invalid=${live(this.invalid)}\n        .outlined=${this.outlined}\n        .autofocus=${this.autofocus}\n        ?readonly=${!this.singleSelect}\n      >\n        <span slot=${!isEmpty(this.inputPrefix) && 'prefix'}>\n          <slot name=\"prefix\"></slot>\n        </span>\n        ${this.renderClearIcon()}\n        <span slot=${!isEmpty(this.inputSuffix) && 'suffix'}>\n          <slot name=\"suffix\"></slot>\n        </span>\n        ${this.renderToggleIcon()}\n      </igc-input>\n    `;\n  }\n\n  private renderSearchInput() {\n    return html`\n      <div\n        part=\"filter-input\"\n        ?hidden=${this.disableFiltering || this.singleSelect}\n      >\n        <igc-input\n          .value=${this._state.searchTerm}\n          part=\"search-input\"\n          placeholder=${this.placeholderSearch}\n          exportparts=\"input: search-input\"\n          @igcInput=${this.handleSearchInput}\n          @keydown=${this.handleSearchInputKeydown}\n        >\n          <igc-icon\n            slot=${this.caseSensitiveIcon && 'suffix'}\n            name=\"case_sensitive\"\n            collection=\"default\"\n            part=${partNameMap({\n              'case-icon': true,\n              active: this.filteringOptions.caseSensitive ?? false,\n            })}\n            @click=${this.toggleCaseSensitivity}\n          ></igc-icon>\n        </igc-input>\n      </div>\n    `;\n  }\n\n  private renderEmptyTemplate() {\n    return html`\n      <div part=\"empty\" ?hidden=${!isEmpty(this._state.dataState)}>\n        <slot name=\"empty\">The list is empty</slot>\n      </div>\n    `;\n  }\n\n  private renderList() {\n    return html`\n      <div\n        .inert=${!this.open}\n        @keydown=${this.listKeydownHandler}\n        part=\"list-wrapper\"\n      >\n        ${this.renderSearchInput()}\n        <div part=\"header\">\n          <slot name=\"header\"></slot>\n        </div>\n        <igc-combo-list\n          aria-multiselectable=${!this.singleSelect}\n          id=\"dropdown\"\n          part=\"list\"\n          role=\"listbox\"\n          tabindex=\"0\"\n          aria-labelledby=\"target\"\n          aria-activedescendant=${ifDefined(this._activeDescendant)}\n          .items=${this._state.dataState}\n          .renderItem=${this.itemRenderer}\n          ?hidden=${isEmpty(this._state.dataState)}\n          @click=${this.itemClickHandler}\n        >\n        </igc-combo-list>\n        ${this.renderEmptyTemplate()}\n        <div part=\"footer\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this, {\n      id: 'combo-helper-text',\n      hasHelperText: true,\n    });\n  }\n\n  protected override render() {\n    return html`\n      <igc-popover ?open=${this.open} flip shift same-width>\n        ${this.renderMainInput()} ${this.renderList()}\n      </igc-popover>\n      ${this.renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo': IgcComboComponent<object>;\n  }\n}\n"]}
+{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addRootClickHandler } from '../common/controllers/root-click.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';\nimport { watch } from '../common/decorators/watch.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 { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  type FormValueOf,\n  createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n  asArray,\n  equal,\n  findElementFromEventPath,\n  first,\n  isEmpty,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport IgcComboListComponent from './combo-list.js';\nimport { DataController } from './controllers/data.js';\nimport { NavigationController } from './controllers/navigation.js';\nimport { SelectionController } from './controllers/selection.js';\nimport { styles } from './themes/combo.base.css.js';\nimport { styles as shared } from './themes/shared/combo.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ComboItemTemplate,\n  ComboRecord,\n  ComboRenderFunction,\n  ComboValue,\n  FilteringOptions,\n  GroupingDirection,\n  IgcComboComponentEventMap,\n  Item,\n  Keys,\n} from './types.js';\nimport { comboValidators } from './validators.js';\n\n/* blazorSupportsVisualChildren */\n/**\n * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\n * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,\n * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\n * Additionally, users can create custom item templates, allowing for robust data visualization.\n * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n *\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input of the combo.\n * @slot suffix - Renders content after the input of the combo.\n * @slot header - Renders a container before the list of options of the combo.\n * @slot footer - Renders a container after the list of options of the combo.\n * @slot helper-text - Renders content below the input of the combo.\n * @slot toggle-icon - Renders content inside the suffix container of the combo.\n * @slot clear-icon - Renders content inside the suffix container of the combo.\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 selection has changed.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart label - The encapsulated text label of the combo.\n * @csspart input - The main input field of the combo.\n * @csspart native-input - The native input of the main input field of the combo.\n * @csspart prefix - The prefix wrapper of the combo.\n * @csspart suffix - The suffix wrapper of the combo.\n * @csspart toggle-icon - The toggle icon wrapper of the combo.\n * @csspart clear-icon - The clear icon wrapper of the combo.\n * @csspart case-icon - The case icon wrapper of the combo.\n * @csspart helper-text - The helper text wrapper of the combo.\n * @csspart search-input - The search input field of the combo.\n * @csspart list-wrapper - The list of options wrapper of the combo.\n * @csspart list - The list of options box of the combo.\n * @csspart item - Represents each item in the list of options of the combo.\n * @csspart group-header - Represents each header in the list of options of the combo.\n * @csspart active - Appended to the item parts list when the item is active of the combo.\n * @csspart selected - Appended to the item parts list when the item is selected of the combo.\n * @csspart checkbox - Represents each checkbox of each list item of the combo.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.\n * @csspart header - The container holding the header content of the combo.\n * @csspart footer - The container holding the footer content of the combo.\n * @csspart empty - The container holding the empty content of the combo.\n */\n@themes(all)\n@blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent')\n@blazorIndirectRender\nexport default class IgcComboComponent<\n  T extends object = any,\n> extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<IgcComboComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n) {\n  public static readonly tagName = 'igc-combo';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcComboComponent,\n      IgcIconComponent,\n      IgcComboListComponent,\n      IgcComboItemComponent,\n      IgcComboHeaderComponent,\n      IgcInputComponent,\n      IgcPopoverComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  protected override get __validators() {\n    return comboValidators;\n  }\n\n  protected override readonly _formValue: FormValueOf<ComboValue<T>[]> =\n    createFormValueState<ComboValue<T>[]>(this, {\n      initialValue: [],\n      transformers: {\n        setValue: asArray,\n        setDefaultValue: asArray,\n      },\n    });\n  private _data: T[] = [];\n\n  private _valueKey?: Keys<T>;\n  private _displayKey?: Keys<T>;\n  private _groupKey?: Keys<T>;\n\n  private _disableFiltering = false;\n  private _singleSelect = false;\n\n  private _groupSorting: GroupingDirection = 'asc';\n  private _filteringOptions: FilteringOptions<T> = {\n    filterKey: this.displayKey,\n    caseSensitive: false,\n    matchDiacritics: false,\n  };\n\n  @state()\n  private _activeDescendant!: string;\n\n  @state()\n  private _displayValue = '';\n\n  protected _state = new DataController<T>(this);\n  protected _selection = new SelectionController<T>(this, this._state);\n  protected _navigation = new NavigationController<T>(this, this._state);\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected inputSuffix!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected inputPrefix!: HTMLElement[];\n\n  @query('[part=\"search-input\"]')\n  protected _searchInput!: IgcInputComponent;\n\n  @query('#target', true)\n  private _input!: IgcInputComponent;\n\n  @query(IgcComboListComponent.tagName, true)\n  private _list!: IgcComboListComponent;\n\n  /** The data source used to generate the list of options. */\n  /* treatAsRef */\n  @property({ attribute: false })\n  public set data(value: T[]) {\n    if (this._data === value) {\n      return;\n    }\n    this._data = asArray(value);\n    const pristine = this._pristine;\n    this.value = asArray(this.value);\n    this._pristine = pristine;\n    this._state.runPipeline();\n  }\n\n  public get data() {\n    return this._data;\n  }\n\n  /**\n   * The outlined attribute of the control.\n   * @attr outlined\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Enables single selection mode and moves item filtering to the main input.\n   * @attr single-select\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'single-select' })\n  public set singleSelect(value: boolean) {\n    if (this._singleSelect === Boolean(value)) {\n      return;\n    }\n\n    this._singleSelect = Boolean(value);\n    this._selection.clear();\n    if (this.hasUpdated) {\n      this.updateValue();\n      this.resetSearchTerm();\n      this._navigation.active = -1;\n    }\n  }\n\n  public get singleSelect(): boolean {\n    return this._singleSelect;\n  }\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr autofocus\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * Focuses the list of options when the menu opens.\n   * @attr autofocus-list\n   */\n  @property({ type: Boolean, attribute: 'autofocus-list' })\n  public autofocusList = false;\n\n  /**\n   * The label attribute of the control.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr placeholder\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The placeholder attribute of the search input.\n   * @attr placeholder-search\n   */\n  @property({ attribute: 'placeholder-search' })\n  public placeholderSearch = 'Search';\n\n  /**\n   * Sets the open state of the component.\n   * @attr open\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * The key in the data source used when selecting items.\n   * @attr value-key\n   */\n  @property({ attribute: 'value-key' })\n  public set valueKey(value: Keys<T> | undefined) {\n    this._valueKey = value;\n    this._displayKey = this._displayKey ?? this._valueKey;\n  }\n\n  public get valueKey() {\n    return this._valueKey;\n  }\n\n  /**\n   * The key in the data source used to display items in the list.\n   * @attr display-key\n   */\n  @property({ attribute: 'display-key' })\n  public set displayKey(value: Keys<T> | undefined) {\n    this._displayKey = value;\n    if (!this.filteringOptions.filterKey) {\n      this.filteringOptions = { filterKey: this.displayKey };\n    }\n  }\n\n  public get displayKey() {\n    return this._displayKey ?? this._valueKey;\n  }\n\n  /**\n   * The key in the data source used to group items in the list.\n   * @attr group-key\n   */\n  @property({ attribute: 'group-key' })\n  public set groupKey(value: Keys<T> | undefined) {\n    if (this._groupKey !== value) {\n      this._groupKey = value;\n      this._state.runPipeline();\n    }\n  }\n\n  public get groupKey() {\n    return this._groupKey;\n  }\n\n  /**\n   * Sorts the items in each group by ascending or descending order.\n   * @attr group-sorting\n   * @default asc\n   * @type {\"asc\" | \"desc\" | \"none\"}\n   */\n  @property({ attribute: 'group-sorting' })\n  public set groupSorting(value: GroupingDirection) {\n    if (this._groupSorting !== value) {\n      this._groupSorting = value;\n      this._state.runPipeline();\n    }\n  }\n\n  public get groupSorting() {\n    return this._groupSorting;\n  }\n\n  /**\n   * An object that configures the filtering of the combo.\n   * @attr filtering-options\n   * @type {FilteringOptions<T>}\n   * @param filterKey - The key in the data source used when filtering the list of options.\n   * @param caseSensitive - Determines whether the filtering operation should be case sensitive.\n   * @param matchDiacritics -If true, the filter distinguishes between accented letters and their base letters.\n   */\n  @property({ type: Object, attribute: 'filtering-options' })\n  public set filteringOptions(value: Partial<FilteringOptions<T>>) {\n    const options = { ...this._filteringOptions, ...value };\n    if (!equal(options, this._filteringOptions)) {\n      this._filteringOptions = options;\n      this._state.runPipeline();\n    }\n  }\n\n  public get filteringOptions(): FilteringOptions<T> {\n    return this._filteringOptions;\n  }\n\n  /**\n   * Enables the case sensitive search icon in the filtering input.\n   * @attr case-sensitive-icon\n   */\n  @property({ type: Boolean, attribute: 'case-sensitive-icon' })\n  public caseSensitiveIcon = false;\n\n  /**\n   * Disables the filtering of the list of options.\n   * @attr disable-filtering\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'disable-filtering' })\n  public set disableFiltering(value: boolean) {\n    this._disableFiltering = value;\n    this.resetSearchTerm();\n  }\n\n  public get disableFiltering(): boolean {\n    return this._disableFiltering;\n  }\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo item.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public itemTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.displayKey ? item[this.displayKey] : item}`;\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo group header.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public groupHeaderTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.groupKey && item[this.groupKey]}`;\n\n  /**\n   * Sets the value (selected items). The passed value must be a valid JSON array.\n   * If the data source is an array of complex objects, the `valueKey` attribute must be set.\n   * Note that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n   *\n   * @attr value\n   *\n   * @example\n   * ```tsx\n   * <igc-combo\n   *  .data=${[\n   *    {\n   *      id: 'BG01',\n   *      name: 'Sofia'\n   *    },\n   *    {\n   *      id: 'BG02',\n   *      name: 'Plovdiv'\n   *    }\n   *  ]}\n   *  display-key='name'\n   *  value-key='id'\n   *  value='[\"BG01\", \"BG02\"]'>\n   *  </igc-combo>\n   * ```\n   */\n  /* blazorPrimitiveValue */\n  /* blazorByValueArray */\n  /* blazorGenericType */\n  /* @tsTwoWayProperty (true, \"Change\", \"Detail.NewValue\", false) */\n  @property({ type: Array })\n  public set value(items: ComboValue<T>[]) {\n    this._formValue.value = items;\n    if (this.hasUpdated) {\n      this._updateSelection();\n      this.updateValue();\n    }\n  }\n\n  /**\n   * Returns the current selection as a list of comma separated values,\n   * represented by the value key, when provided.\n   */\n  public get value(): ComboValue<T>[] {\n    return this._formValue.value;\n  }\n\n  protected _updateSelection() {\n    this._selection.deselect();\n    if (!isEmpty(this.value)) {\n      this._selection.select(this.value);\n    }\n  }\n\n  @watch('open')\n  protected toggleDirectiveChange() {\n    this._rootClickController.update();\n  }\n\n  private _rootClickController = addRootClickHandler(this, {\n    hideCallback: async () => {\n      if (!this.handleClosing()) {\n        return;\n      }\n      this.open = false;\n\n      await this.updateComplete;\n      this.emitEvent('igcClosed');\n    },\n  });\n\n  constructor() {\n    super();\n\n    this.addEventListener('blur', this._handleBlur);\n\n    this.addEventListener(\n      'keydown',\n      this._navigation.navigateHost.bind(this._navigation)\n    );\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n\n    this._updateSelection();\n    this.updateValue(this.hasUpdated);\n    this._pristine = true;\n    this._state.runPipeline();\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this._formValue.value = this._formValue.defaultValue;\n    this._updateSelection();\n    this.updateValue(true);\n    this._updateValidity();\n  }\n\n  protected override _setDefaultValue(current: string | null): void {\n    this.defaultValue = JSON.parse(current ?? '[]');\n  }\n\n  protected override _setFormValue(): void {\n    if (isEmpty(this.value)) {\n      super._setFormValue(null);\n      return;\n    }\n\n    if (this.singleSelect) {\n      super._setFormValue(`${first(this.value)}`);\n      return;\n    }\n\n    if (this.name) {\n      const value = new FormData();\n      for (const item of this.value) {\n        value.append(this.name, `${item}`);\n      }\n      super._setFormValue(value);\n    }\n  }\n\n  protected resetSearchTerm() {\n    this._state.searchTerm = '';\n  }\n\n  protected updateValue(initial = false) {\n    if (isEmpty(this.data)) {\n      return;\n    }\n    this._formValue.value = this._selection.getSelectedValuesByKey(\n      this.valueKey\n    );\n    this._displayValue = this._selection\n      .getSelectedValuesByKey(this.displayKey)\n      .join(', ');\n\n    this._setFormValue();\n\n    if (!initial) {\n      this._validate();\n      this._list.requestUpdate();\n    }\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions) {\n    this._input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the component. */\n  public override blur() {\n    this._input.blur();\n  }\n\n  /**\n   * Returns the current selection as an array of objects as provided in the `data` source.\n   */\n  public get selection(): T[] {\n    return this._selection.asArray;\n  }\n\n  /**\n   * Selects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be selected.\n   * @param { Item<T> | Items<T> } items - One or more items to be selected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Select one item at a time by reference when valueKey is not specified.\n   * combo.select(combo.data[0]);\n   *\n   * // Select multiple items at a time by reference when valueKey is not specified.\n   * combo.select([combo.data[0], combo.data[1]]);\n   *\n   * // Select one item at a time when valueKey is specified.\n   * combo.select('BG01');\n   *\n   * // Select multiple items at a time when valueKey is specified.\n   * combo.select(['BG01', 'BG02']);\n   * ```\n   */\n  public select(items?: Item<T> | Item<T>[]) {\n    this._selection.select(items);\n    this.updateValue();\n  }\n\n  /**\n   * Deselects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be deselected.\n   * @param { Item<T> | Items<T> } items - One or more items to be deselected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Deselect one item at a time by reference when valueKey is not specified.\n   * combo.deselect(combo.data[0]);\n   *\n   * // Deselect multiple items at a time by reference when valueKey is not specified.\n   * combo.deselect([combo.data[0], combo.data[1]]);\n   *\n   * // Deselect one item at a time when valueKey is specified.\n   * combo.deselect('BG01');\n   *\n   * // Deselect multiple items at a time when valueKey is specified.\n   * combo.deselect(['BG01', 'BG02']);\n   * ```\n   */\n  public deselect(items?: Item<T> | Item<T>[]) {\n    this._selection.deselect(items);\n    this.updateValue();\n  }\n\n  protected async handleMainInput({ detail }: CustomEvent<string>) {\n    this._show();\n    this._state.searchTerm = detail;\n\n    // wait for the dataState to update after filtering\n    await this.updateComplete;\n\n    const matchIndex = this._state.dataState.findIndex((i) => !i.header);\n    this._navigation.active = detail ? matchIndex : -1;\n\n    // update the list after changing the active item\n    this._list.requestUpdate();\n\n    // clear the selection upon typing\n    this.clearSingleSelection();\n  }\n\n  private _handleBlur() {\n    if (this._selection.isEmpty) {\n      this._displayValue = '';\n      this.resetSearchTerm();\n    }\n    this.checkValidity();\n  }\n\n  protected handleSearchInput({ detail }: CustomEvent<string>) {\n    this._state.searchTerm = detail;\n  }\n\n  protected handleOpening() {\n    return this.emitEvent('igcOpening', { cancelable: true });\n  }\n\n  protected handleClosing(): boolean {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  protected async _show(emitEvent = true) {\n    if (this.open || (emitEvent && !this.handleOpening())) {\n      return false;\n    }\n\n    this.open = true;\n    await this.updateComplete;\n\n    if (emitEvent) {\n      this.emitEvent('igcOpened');\n    }\n\n    if (!this.singleSelect) {\n      this._list.focus();\n    }\n\n    if (!this.autofocusList) {\n      this._searchInput.focus();\n    }\n\n    return true;\n  }\n\n  /** Shows the list of options. */\n  public async show(): Promise<boolean> {\n    return await this._show(false);\n  }\n\n  protected async _hide(emitEvent = true) {\n    if (!this.open || (emitEvent && !this.handleClosing())) {\n      return false;\n    }\n\n    this.open = false;\n    await this.updateComplete;\n\n    if (emitEvent) {\n      this.emitEvent('igcClosed');\n    }\n    this._navigation.active = -1;\n    return true;\n  }\n\n  /** Hides the list of options. */\n  public async hide(): Promise<boolean> {\n    return await this._hide(false);\n  }\n\n  protected _toggle(emit = true) {\n    return this.open ? this._hide(emit) : this._show(emit);\n  }\n\n  /** Toggles the list of options. */\n  public async toggle(): Promise<boolean> {\n    return await this._toggle(false);\n  }\n\n  private _getActiveDescendantId(index: number) {\n    const position = index + 1;\n    const id = this.id ? `${this.id}-item-${position}` : `item-${position}`;\n\n    return { id, position };\n  }\n\n  protected itemRenderer: ComboRenderFunction<T> = (\n    item: ComboRecord<T>,\n    index: number\n  ) => {\n    if (!item) {\n      return html`${nothing}`;\n    }\n\n    if (this.groupKey && item.header) {\n      return html`\n        <igc-combo-header part=\"group-header\">\n          ${this.groupHeaderTemplate({ item: item.value })}\n        </igc-combo-header>\n      `;\n    }\n\n    const { id, position } = this._getActiveDescendantId(index);\n    const active = this._navigation.active === index;\n    const selected = this._selection.has(this.data.at(item.dataIndex));\n\n    if (active) {\n      this._activeDescendant = id;\n    }\n\n    return html`\n      <igc-combo-item\n        id=${id}\n        part=${partMap({ item: true, selected, active })}\n        aria-setsize=${this._state.dataState.length}\n        aria-posinset=${position}\n        exportparts=\"checkbox, checkbox-indicator, checked\"\n        .index=${index}\n        ?active=${active}\n        ?selected=${selected}\n        ?hide-checkbox=${this.singleSelect}\n      >\n        ${this.itemTemplate({ item: item.value })}\n      </igc-combo-item>\n    `;\n  };\n\n  protected listKeydownHandler(event: KeyboardEvent) {\n    const target = findElementFromEventPath<IgcComboListComponent>(\n      IgcComboListComponent.tagName,\n      event\n    );\n\n    if (target) {\n      this._navigation.navigateList(event, target);\n    }\n  }\n\n  protected itemClickHandler(event: PointerEvent) {\n    const target = findElementFromEventPath<IgcComboItemComponent>(\n      IgcComboItemComponent.tagName,\n      event\n    );\n\n    if (!target) {\n      return;\n    }\n\n    this.toggleSelect(target.index);\n\n    if (this.singleSelect) {\n      this._input.focus();\n      this._hide();\n    } else {\n      this._searchInput.focus();\n    }\n  }\n\n  protected toggleSelect(index: number) {\n    const { dataIndex } = this._state.dataState.at(index)!;\n\n    this._selection.changeSelection(dataIndex);\n    this._navigation.active = index;\n    this.updateValue();\n  }\n\n  protected selectByIndex(index: number) {\n    const { dataIndex } = this._state.dataState.at(index)!;\n\n    this._selection.selectByIndex(dataIndex);\n    this._navigation.active = index;\n    this.updateValue();\n  }\n\n  protected clearSingleSelection() {\n    const _selection = this._selection.asArray;\n    const selection = first(_selection);\n\n    if (selection) {\n      const item = this.valueKey ? selection[this.valueKey] : selection;\n      this._selection.deselect(item, !isEmpty(_selection));\n      this._formValue.value = [];\n    }\n  }\n\n  protected handleClearIconClick(e: PointerEvent) {\n    e.stopPropagation();\n\n    if (this.singleSelect) {\n      this.resetSearchTerm();\n      this.clearSingleSelection();\n    } else {\n      this._selection.deselect([], true);\n    }\n\n    this.updateValue();\n    this._navigation.active = -1;\n  }\n\n  protected handleMainInputKeydown(e: KeyboardEvent) {\n    this._navigation.navigateMainInput(e, this._list);\n  }\n\n  protected handleSearchInputKeydown(e: KeyboardEvent) {\n    this._navigation.navigateSearchInput(e, this._list);\n  }\n\n  protected toggleCaseSensitivity() {\n    this.filteringOptions = {\n      caseSensitive: !this.filteringOptions.caseSensitive,\n    };\n  }\n\n  private _stopPropagation(e: Event) {\n    e.stopPropagation();\n  }\n\n  private renderToggleIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=${partMap({\n          'toggle-icon': true,\n          filled: !isEmpty(this.value),\n        })}\n      >\n        <slot name=\"toggle-icon\">\n          <igc-icon\n            name=${this.open ? 'input_collapse' : 'input_expand'}\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private renderClearIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=\"clear-icon\"\n        @click=${this.handleClearIconClick}\n        ?hidden=${this._selection.isEmpty}\n      >\n        <slot name=\"clear-icon\">\n          <igc-icon\n            name=\"input_clear\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private renderMainInput() {\n    return html`\n      <igc-input\n        id=\"target\"\n        slot=\"anchor\"\n        role=\"combobox\"\n        aria-controls=\"dropdown\"\n        aria-owns=\"dropdown\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-describedby=\"combo-helper-text\"\n        aria-disabled=${this.disabled}\n        exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n        @click=${this._toggle}\n        placeholder=${ifDefined(this.placeholder)}\n        label=${ifDefined(this.label)}\n        @igcChange=${this._stopPropagation}\n        @igcInput=${this.handleMainInput}\n        @keydown=${this.handleMainInputKeydown}\n        .value=${this._displayValue}\n        .disabled=${this.disabled}\n        .required=${this.required}\n        .invalid=${live(this.invalid)}\n        .outlined=${this.outlined}\n        .autofocus=${this.autofocus}\n        ?readonly=${!this.singleSelect}\n      >\n        <span slot=${!isEmpty(this.inputPrefix) && 'prefix'}>\n          <slot name=\"prefix\"></slot>\n        </span>\n        ${this.renderClearIcon()}\n        <span slot=${!isEmpty(this.inputSuffix) && 'suffix'}>\n          <slot name=\"suffix\"></slot>\n        </span>\n        ${this.renderToggleIcon()}\n      </igc-input>\n    `;\n  }\n\n  private renderSearchInput() {\n    return html`\n      <div\n        part=\"filter-input\"\n        ?hidden=${this.disableFiltering || this.singleSelect}\n      >\n        <igc-input\n          .value=${this._state.searchTerm}\n          part=\"search-input\"\n          placeholder=${this.placeholderSearch}\n          exportparts=\"input: search-input\"\n          @igcInput=${this.handleSearchInput}\n          @keydown=${this.handleSearchInputKeydown}\n        >\n          <igc-icon\n            slot=${this.caseSensitiveIcon && 'suffix'}\n            name=\"case_sensitive\"\n            collection=\"default\"\n            part=${partMap({\n              'case-icon': true,\n              active: this.filteringOptions.caseSensitive ?? false,\n            })}\n            @click=${this.toggleCaseSensitivity}\n          ></igc-icon>\n        </igc-input>\n      </div>\n    `;\n  }\n\n  private renderEmptyTemplate() {\n    return html`\n      <div part=\"empty\" ?hidden=${!isEmpty(this._state.dataState)}>\n        <slot name=\"empty\">The list is empty</slot>\n      </div>\n    `;\n  }\n\n  private renderList() {\n    return html`\n      <div\n        .inert=${!this.open}\n        @keydown=${this.listKeydownHandler}\n        part=\"list-wrapper\"\n      >\n        ${this.renderSearchInput()}\n        <div part=\"header\">\n          <slot name=\"header\"></slot>\n        </div>\n        <igc-combo-list\n          aria-multiselectable=${!this.singleSelect}\n          id=\"dropdown\"\n          part=\"list\"\n          role=\"listbox\"\n          tabindex=\"0\"\n          aria-labelledby=\"target\"\n          aria-activedescendant=${ifDefined(this._activeDescendant)}\n          .items=${this._state.dataState}\n          .renderItem=${this.itemRenderer}\n          ?hidden=${isEmpty(this._state.dataState)}\n          @click=${this.itemClickHandler}\n        >\n        </igc-combo-list>\n        ${this.renderEmptyTemplate()}\n        <div part=\"footer\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this, {\n      id: 'combo-helper-text',\n      hasHelperText: true,\n    });\n  }\n\n  protected override render() {\n    return html`\n      <igc-popover ?open=${this.open} flip shift same-width>\n        ${this.renderMainInput()} ${this.renderList()}\n      </igc-popover>\n      ${this.renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo': IgcComboComponent<object>;\n  }\n}\n"]}

package/components/combo/themes/combo.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{display:block;font-family:var(--ig-font-family)}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host>igc-input::part(input){text-overflow:ellipsis;cursor:pointer}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){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);line-height:inherit}[part=clear-icon],[part=toggle-icon],[part~=case-icon]{display:flex;cursor:pointer}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part="case-icon active"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));z-index:26}[part=list]{min-height:12.5rem !important;outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 1.5rem;font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;
+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{display:block;font-family:var(--ig-font-family)}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host>igc-input::part(input){text-overflow:ellipsis;cursor:pointer}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){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);line-height:inherit}[part=clear-icon],[part=toggle-icon],[part~=case-icon]{display:flex;cursor:pointer}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part~=case-icon]{color:var(--ig-gray-600)}[part=list-wrapper] [part="case-icon active"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));z-index:26}[part=list]{min-height:12.5rem !important;outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 1.5rem;font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;
 //# sourceMappingURL=combo.base.css.js.map

package/components/combo/themes/combo.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.base.css.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/combo.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mnHAAmnH,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{display:block;font-family:var(--ig-font-family)}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host>igc-input::part(input){text-overflow:ellipsis;cursor:pointer}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){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);line-height:inherit}[part=clear-icon],[part=toggle-icon],[part~=case-icon]{display:flex;cursor:pointer}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part=\"case-icon active\"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));z-index:26}[part=list]{min-height:12.5rem !important;outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 1.5rem;font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;\n"]}
+{"version":3,"file":"combo.base.css.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/combo.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,krHAAkrH,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{display:block;font-family:var(--ig-font-family)}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host>igc-input::part(input){text-overflow:ellipsis;cursor:pointer}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){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);line-height:inherit}[part=clear-icon],[part=toggle-icon],[part~=case-icon]{display:flex;cursor:pointer}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part~=case-icon]{color:var(--ig-gray-600)}[part=list-wrapper] [part=\"case-icon active\"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));z-index:26}[part=list]{min-height:12.5rem !important;outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 1.5rem;font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;\n"]}

package/components/combo/themes/shared/combo.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host ::part(helper-text){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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=filter-input]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=list-wrapper]{background:var(--background-color);border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-inline-start:0;border-inline-end-color:rgba(0,0,0,0);border-block-start:0;border-radius:0}[part=list-wrapper] igc-input::part(start){display:none}[part=list-wrapper] igc-input::part(input){border-radius:0;padding:0;border-inline-start:0;border-inline-end-color:rgba(0,0,0,0);border-block-start:0;box-shadow:none;height:var(--size)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(input)::selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0)}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]:focus-within) igc-input::part(input){height:calc(var(--size) - 0.25rem)}:host([invalid]:focus-within) igc-input::part(suffix){height:var(--size);margin-inline-end:-0.0625rem;margin-block-start:-0.125rem}:host([invalid]:focus-within) igc-input::part(prefix){margin-inline-start:-0.0625rem;margin-block-start:-0.125rem}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host ::part(helper-text){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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=filter-input]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=list-wrapper]{background:var(--background-color);border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-radius:0;border-inline:0;border-block-start:0}[part=list-wrapper] igc-input::part(container)::before{inset-inline-start:0;width:calc(100% - var(--input-border-size));box-shadow:inset 0 calc(var(--input-border-size)*-1) 0 0;border-radius:0}[part=list-wrapper] igc-input:focus-within::part(container)::before{box-shadow:inset 0 calc((var(--input-border-size) + 0.0625rem)*-1) 0 0}[part=list-wrapper] igc-input::part(start){display:none}[part=list-wrapper] igc-input::part(input){border-radius:0;padding:0;border-inline-start:0;border-inline-end-color:rgba(0,0,0,0);border-block-start:0;box-shadow:none;height:var(--size)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(input)::selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0)}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
 //# sourceMappingURL=combo.fluent.css.js.map

package/components/combo/themes/shared/combo.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/shared/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o8GAAo8G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host ::part(helper-text){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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=filter-input]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=list-wrapper]{background:var(--background-color);border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-inline-start:0;border-inline-end-color:rgba(0,0,0,0);border-block-start:0;border-radius:0}[part=list-wrapper] igc-input::part(start){display:none}[part=list-wrapper] igc-input::part(input){border-radius:0;padding:0;border-inline-start:0;border-inline-end-color:rgba(0,0,0,0);border-block-start:0;box-shadow:none;height:var(--size)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(input)::selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0)}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]:focus-within) igc-input::part(input){height:calc(var(--size) - 0.25rem)}:host([invalid]:focus-within) igc-input::part(suffix){height:var(--size);margin-inline-end:-0.0625rem;margin-block-start:-0.125rem}:host([invalid]:focus-within) igc-input::part(prefix){margin-inline-start:-0.0625rem;margin-block-start:-0.125rem}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
+{"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/shared/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u5GAAu5G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host ::part(helper-text){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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=filter-input]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=list-wrapper]{background:var(--background-color);border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-radius:0;border-inline:0;border-block-start:0}[part=list-wrapper] igc-input::part(container)::before{inset-inline-start:0;width:calc(100% - var(--input-border-size));box-shadow:inset 0 calc(var(--input-border-size)*-1) 0 0;border-radius:0}[part=list-wrapper] igc-input:focus-within::part(container)::before{box-shadow:inset 0 calc((var(--input-border-size) + 0.0625rem)*-1) 0 0}[part=list-wrapper] igc-input::part(start){display:none}[part=list-wrapper] igc-input::part(input){border-radius:0;padding:0;border-inline-start:0;border-inline-end-color:rgba(0,0,0,0);border-block-start:0;box-shadow:none;height:var(--size)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(input)::selection{background:var(--ig-primary-100)}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0)}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/common/controllers/focus-ring.d.ts

@@ -5,28 +5,38 @@ import type { ReactiveController, ReactiveControllerHost } from 'lit';
  *
  * By default the class attaches a keyup event handler on the component host and will update its keyboard focus
  * state based on it.
+ *
+ * **Important Note:** This controller is designed for use with **atomic web components** that represent single,
+ * interactive elements (e.g., buttons, form fields, interactive icons). It helps these components correctly
+ * display a focus indicator *only* when keyboard navigation is occurring, improving accessibility without
+ * visual clutter during mouse or touch interactions.
+ *
+ * **Do not use this controller as a general-purpose shortcut for managing focus state in complex components or layouts.**
+ * Misusing it in this way can lead to incorrect focus ring behavior, accessibility issues, and make your
+ * application harder to maintain. For managing focus within larger, composite components, consider alternative
+ * strategies like ARIA attributes, managing `tabindex`, or a bespoke implementation if needed.
  */
-export declare class KeyboardFocusRingController implements ReactiveController {
-    readonly host: ReactiveControllerHost & HTMLElement;
+declare class KeyboardFocusRingController implements ReactiveController {
+    private static readonly _events;
     private readonly _host;
-    private _focused;
+    private _isKeyboardFocused;
     /**
      * Gets whether the current focus state is activated through a keyboard interaction.
      */
     get focused(): boolean;
     constructor(host: ReactiveControllerHost & HTMLElement);
+    /** @internal */
     hostConnected(): void;
+    /** @internal */
     hostDisconnected(): void;
-    handleEvent(): void;
-    /**
-     * Resets the keyboard focus state.
-     *
-     * Usually called on blur of the component or when a pointer based interaction
-     * is executed.
-     */
-    reset: () => void;
+    /** @internal */
+    handleEvent(event: Event): void;
 }
+export type { KeyboardFocusRingController };
 /**
  * Adds a {@link KeyboardFocusRingController} responsible for managing keyboard focus state.
+ *
+ * This utility function is intended for use with **atomic web components** that require
+ * dynamic focus ring visibility based on keyboard interaction.
  */
 export declare function addKeyboardFocusRing(host: ReactiveControllerHost & HTMLElement): KeyboardFocusRingController;

package/components/common/controllers/focus-ring.js

@@ -1,30 +1,32 @@
-export class KeyboardFocusRingController {
+class KeyboardFocusRingController {
     get focused() {
-        return this._focused;
+        return this._isKeyboardFocused;
     }
     constructor(host) {
-        this.host = host;
-        this._focused = false;
-        this.reset = () => {
-            this._focused = false;
-            this._host.requestUpdate();
-        };
+        this._isKeyboardFocused = false;
         this._host = host;
         host.addController(this);
     }
     hostConnected() {
-        this._host.addEventListener('keyup', this);
+        for (const event of KeyboardFocusRingController._events) {
+            this._host.addEventListener(event, this, { passive: true });
+        }
     }
     hostDisconnected() {
-        this._host.removeEventListener('keyup', this);
-    }
-    handleEvent() {
-        if (!this._focused) {
-            this._focused = true;
+        for (const event of KeyboardFocusRingController._events) {
+            this._host.removeEventListener(event, this);
         }
+    }
+    handleEvent(event) {
+        this._isKeyboardFocused = event.type === 'keyup';
         this._host.requestUpdate();
     }
 }
+KeyboardFocusRingController._events = [
+    'keyup',
+    'focusout',
+    'pointerdown',
+];
 export function addKeyboardFocusRing(host) {
     return new KeyboardFocusRingController(host);
 }