igniteui-webcomponents 4.1.0-alpha.1 → 4.1.1

package/components/combo/combo.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/combo.base.css.js';\nimport { styles as bootstrap } from './themes/light/combo.bootstrap.css.js';\nimport { styles as material } from './themes/light/combo.material.css.js';\nimport { styles as fluent } from './themes/light/combo.fluent.css.js';\nimport { styles as indigo } from './themes/light/combo.indigo.css.js';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcComboListComponent from './combo-list.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { NavigationController } from './controllers/navigation.js';\nimport { SelectionController } from './controllers/selection.js';\nimport { IgcToggleController } from '../toggle/toggle.controller.js';\nimport { DataController } from './controllers/data.js';\nimport { IgcToggleComponent } from '../toggle/types.js';\nimport {\n  Keys,\n  Values,\n  ComboRecord,\n  GroupingDirection,\n  FilteringOptions,\n  IgcComboEventMap,\n  ComboItemTemplate,\n} from './types.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { partNameMap } from '../common/util.js';\nimport { filteringOptionsConverter } from './utils/converters.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport type { ThemeController, Theme } from '../../theming/types.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\n\ndefineComponents(\n  IgcIconComponent,\n  IgcComboListComponent,\n  IgcComboItemComponent,\n  IgcComboHeaderComponent,\n  IgcInputComponent\n);\n\n/**\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot header - Renders a container before the list of options.\n * @slot footer - Renders a container after the list of options.\n * @slot helper-text - Renders content below the input.\n * @slot toggle-icon - Renders content inside the suffix container.\n * @slot clear-icon - Renders content inside the suffix container.\n *\n * @fires igcFocus - Emitted when the select gains focus.\n * @fires igcBlur - Emitted when the select loses focus.\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.\n * @csspart input - The main input field.\n * @csspart native-input - The native input of the main input field.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart toggle-icon - The toggle icon wrapper.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart case-icon - The case icon wrapper.\n * @csspart helper-text - The helper text wrapper.\n * @csspart search-input - The search input field.\n * @csspart list-wrapper - The list of options wrapper.\n * @csspart list - The list of options box.\n * @csspart item - Represents each item in the list of options.\n * @csspart group-header - Represents each header in the list of options.\n * @csspart active - Appended to the item parts list when the item is active.\n * @csspart selected - Appended to the item parts list when the item is selected.\n * @csspart checkbox - Represents each checkbox of each list item.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked.\n * @csspart header - The container holding the header content.\n * @csspart footer - The container holding the footer content.\n * @csspart empty - The container holding the empty content.\n */\n@themes({ material, bootstrap, fluent, indigo })\n@blazorAdditionalDependencies(\n  'IgcIconComponent, IgcComboListComponent, IgcComboItemComponent, IgcComboHeaderComponent, IgcInputComponent'\n)\nexport default class IgcComboComponent<T extends object>\n  extends EventEmitterMixin<IgcComboEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n  implements Partial<IgcToggleComponent>\n{\n  public static readonly tagName = 'igc-combo';\n  public static styles = styles;\n\n  protected navigationController = new NavigationController<T>(this);\n  protected selectionController = new SelectionController<T>(this);\n  protected dataController = new DataController<T>(this);\n  protected toggleController!: IgcToggleController;\n  protected themeController!: ThemeController;\n  protected theme!: Theme;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  protected helperText!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected inputSuffix!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected inputPrefix!: Array<HTMLElement>;\n\n  @query('[part=\"search-input\"]')\n  protected input!: IgcInputComponent;\n\n  @query('igc-input#target')\n  private target!: IgcInputComponent;\n\n  @query('igc-combo-list')\n  private list!: IgcComboListComponent;\n\n  /** The data source used to generate the list of options. */\n  @property({ attribute: false })\n  public data: Array<T> = [];\n\n  /**\n   * The name attribute of the control.\n   * @attr name\n   */\n  @property()\n  public name!: string;\n\n  /**\n   * The disabled attribute of the control.\n   * @attr disabled\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /**\n   * The required attribute of the control.\n   * @attr required\n   */\n  @property({ reflect: true, type: Boolean })\n  public required = false;\n\n  /**\n   * The invalid attribute of the control.\n   * @attr invalid\n   */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  /**\n   * The outlined attribute of the control.\n   * @attr outlined\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\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({ attribute: 'autofocus-list', type: Boolean })\n  public autofocusList = false;\n\n  /**\n   * The label attribute of the control.\n   * @attr label\n   */\n  @property({ type: String })\n  public label!: string;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr placeholder\n   */\n  @property({ type: String })\n  public placeholder!: string;\n\n  /**\n   * The placeholder attribute of the search input.\n   * @attr placeholder-search\n   */\n  @property({ attribute: 'placeholder-search', type: String })\n  public placeholderSearch = 'Search';\n\n  /**\n   * The direction attribute of the control.\n   * @attr dir\n   */\n  @property({ reflect: true })\n  public override dir: 'ltr' | 'rtl' | 'auto' = 'auto';\n\n  /**\n   * Sets the open state of the component.\n   * @attr open\n   */\n  @property({ type: Boolean })\n  public open = false;\n\n  /** @hidden @internal */\n  @property({ type: Boolean })\n  public flip = true;\n\n  /**\n   * The key in the data source used when selecting items.\n   * @attr value-key\n   */\n  @property({ attribute: 'value-key', reflect: false })\n  public valueKey?: Keys<T>;\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', reflect: false })\n  public displayKey?: Keys<T> = this.valueKey;\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', reflect: false })\n  public groupKey?: Keys<T> = this.displayKey;\n\n  /**\n   * Sorts the items in each group by ascending or descending order.\n   * @attr group-sorting\n   * @type {\"asc\" | \"desc\"}\n   */\n  @property({ attribute: 'group-sorting', reflect: false })\n  public groupSorting: GroupingDirection = 'asc';\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   */\n  @property({\n    attribute: 'filtering-options',\n    reflect: false,\n    converter: filteringOptionsConverter,\n  })\n  public filteringOptions: FilteringOptions<T> = {\n    filterKey: this.displayKey,\n    caseSensitive: false,\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', reflect: false })\n  public caseSensitiveIcon = false;\n\n  /**\n   * Disables the filtering of the list of options.\n   * @attr disable-filtering\n   */\n  @property({ type: Boolean, attribute: 'disable-filtering', reflect: false })\n  public disableFiltering = false;\n\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    if (typeof item !== 'object' || item === null) {\n      return String(item) as any;\n    }\n\n    if (this.displayKey) {\n      return html`${item[this.displayKey]}`;\n    }\n\n    return html`${String(item)}`;\n  };\n\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    return html`${this.groupKey && item[this.groupKey]}`;\n  };\n\n  @state()\n  protected dataState: Array<ComboRecord<T>> = [];\n\n  @watch('data')\n  protected dataChanged() {\n    this.dataState = structuredClone(this.data) as ComboRecord<T>[];\n\n    if (this.hasUpdated) {\n      this.pipeline();\n    }\n  }\n\n  @watch('valueKey')\n  protected updateDisplayKey() {\n    this.displayKey = this.displayKey ?? this.valueKey;\n  }\n\n  @watch('displayKey')\n  protected updateFilterKey() {\n    this.filteringOptions.filterKey =\n      this.filteringOptions.filterKey ?? this.displayKey;\n  }\n\n  @watch('groupKey')\n  @watch('groupSorting')\n  @watch('pipeline')\n  protected async pipeline() {\n    this.dataState = await this.dataController.apply([...this.data]);\n    this.navigationController.active = -1;\n  }\n\n  @watch('open')\n  protected toggleDirectiveChange() {\n    if (!this.target) return;\n    this.toggleController.target = this.target;\n    this.target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n  }\n\n  constructor() {\n    super();\n\n    this.toggleController = new IgcToggleController(this, {\n      target: this.target,\n      closeCallback: async () => {\n        if (!this.handleClosing()) return;\n        this.open = false;\n\n        await this.updateComplete;\n        this.emitEvent('igcClosed');\n      },\n    });\n\n    this.addEventListener('focus', () => {\n      this.emitEvent('igcFocus');\n    });\n\n    this.addEventListener('blur', () => {\n      this.emitEvent('igcBlur');\n    });\n\n    this.addEventListener(\n      'keydown',\n      this.navigationController.navigateHost.bind(this.navigationController)\n    );\n  }\n\n  protected themeAdopted(controller: ThemeController) {\n    this.themeController = controller;\n  }\n\n  protected override willUpdate() {\n    this.theme = this.themeController.theme;\n  }\n\n  protected override async getUpdateComplete() {\n    const result = await super.getUpdateComplete();\n    await this.toggleController.rendered;\n    return result;\n  }\n\n  /**\n   * Returns the current selection as a list of commma separated values,\n   * represented by the display key, when provided.\n   */\n  public get value() {\n    return this.selectionController.getValue(\n      Array.from(this.selectionController.selected)\n    );\n  }\n\n  @watch('value')\n  protected validate() {\n    this.updateComplete.then(() => this.reportValidity());\n  }\n\n  /** Checks the validity of the control. */\n  public reportValidity() {\n    this.invalid = this.required && !this.value;\n    return !this.invalid;\n  }\n\n  /** A wrapper around the reportValidity method to comply with the native input API. */\n  public checkValidity() {\n    return this.reportValidity();\n  }\n\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions) {\n    this.target.focus(options);\n  }\n\n  /** Removes focus from the component. */\n  public override blur() {\n    this.target.blur();\n  }\n\n  /**\n   * Selects the options in the list by either value or key value.\n   * If not argument is provided all items will be selected.\n   * @param { T[] | Values<T>[] } items - A list of values or values as set by the valueKey.\n   */\n  public select(items?: T[] | Values<T>[]) {\n    this.selectionController.select(items, false);\n  }\n\n  /**\n   * Deselects the options in the list by either value or key value.\n   * If not argument is provided all items will be deselected.\n   * @param { T[] | Values<T>[] } items - A list of values or values as set by the valueKey.\n   */\n  public deselect(items?: T[] | Values<T>[]) {\n    this.selectionController.deselect(items, false);\n  }\n\n  protected handleSearchInput(e: CustomEvent) {\n    this.dataController.searchTerm = e.detail;\n  }\n\n  protected handleOpening() {\n    const args = { cancelable: true };\n    return this.emitEvent('igcOpening', args);\n  }\n\n  protected handleClosing(): boolean {\n    const args = { cancelable: true };\n    return this.emitEvent('igcClosing', args);\n  }\n\n  protected async _show(emit = true) {\n    if (this.open) return;\n    if (emit && !this.handleOpening()) return;\n    this.open = true;\n\n    await this.updateComplete;\n    emit && this.emitEvent('igcOpened');\n\n    this.list.focus();\n\n    if (!this.autofocusList) {\n      this.input.focus();\n    }\n  }\n\n  /** Shows the list of options. */\n  public show() {\n    this._show(false);\n  }\n\n  protected async _hide(emit = true) {\n    if (!this.open) return;\n    if (emit && !this.handleClosing()) return;\n    this.open = false;\n\n    await this.updateComplete;\n    emit && this.emitEvent('igcClosed');\n    this.target.focus();\n  }\n\n  /** Hides the list of options. */\n  public hide() {\n    this._hide(false);\n  }\n\n  /** @hidden @internal */\n  public _toggle(emit = true) {\n    this.open ? this._hide(emit) : this._show(emit);\n  }\n\n  /** Toggles the list of options. */\n  public toggle() {\n    this._toggle(false);\n  }\n\n  protected itemRenderer = (item: T, index: number): TemplateResult => {\n    const record = item as ComboRecord<T>;\n    const active = this.navigationController.active === index;\n    const selected = this.selectionController.selected.has(item);\n    const headerTemplate = html`<igc-combo-header part=\"group-header\"\n      >${this.groupHeaderTemplate({ item: record })}</igc-combo-header\n    >`;\n\n    const itemParts = partNameMap({\n      item: true,\n      selected,\n      active,\n    });\n\n    const itemTemplate = html`<igc-combo-item\n      part=\"${itemParts}\"\n      exportparts=\"checkbox, checkbox-indicator, checked\"\n      @click=${this.itemClickHandler.bind(this)}\n      .index=${index}\n      .active=${active}\n      .selected=${selected}\n      >${this.itemTemplate({ item: record })}</igc-combo-item\n    >`;\n\n    return html`${this.groupKey && record.header\n      ? headerTemplate\n      : itemTemplate}`;\n  };\n\n  protected listKeydownHandler(event: KeyboardEvent) {\n    const target = event\n      .composedPath()\n      .find(\n        (el) => el instanceof IgcComboListComponent\n      ) as IgcComboListComponent;\n\n    if (target) {\n      this.navigationController.navigateList(event, target);\n    }\n  }\n\n  protected itemClickHandler(event: MouseEvent) {\n    const target = event\n      .composedPath()\n      .find(\n        (el) => el instanceof IgcComboItemComponent\n      ) as IgcComboItemComponent;\n\n    this.toggleSelect(target.index);\n    this.input.focus();\n  }\n\n  protected toggleSelect(index: number) {\n    this.selectionController.changeSelection(index);\n    this.navigationController.active = index;\n  }\n\n  protected navigateTo(item: T) {\n    this.navigationController.navigateTo(item, this.list);\n  }\n\n  protected handleClearIconClick(e: MouseEvent) {\n    e.stopPropagation();\n    this.selectionController.deselect([], true);\n    this.navigationController.active = -1;\n  }\n\n  protected toggleCaseSensitivity() {\n    this.filteringOptions.caseSensitive = !this.filteringOptions.caseSensitive;\n    this.requestUpdate('pipeline');\n  }\n\n  protected get hasPrefixes() {\n    return this.inputPrefix.length > 0;\n  }\n\n  protected get hasSuffixes() {\n    return this.inputSuffix.length > 0;\n  }\n\n  private renderToggleIcon() {\n    const openIcon =\n      this.theme === 'material' ? 'keyboard_arrow_up' : 'arrow_drop_up';\n    const closeIcon =\n      this.theme === 'material' ? 'keyboard_arrow_down' : 'arrow_drop_down';\n\n    return html`\n      <span slot=\"suffix\" part=\"toggle-icon\">\n        <slot name=\"toggle-icon\">\n          <igc-icon\n            name=${this.open ? openIcon : closeIcon}\n            collection=\"internal\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private renderClearIcon() {\n    const { selected } = this.selectionController;\n    const icon = this.theme === 'material' ? 'chip_cancel' : 'clear';\n\n    return html`<span\n      slot=\"suffix\"\n      part=\"clear-icon\"\n      @click=${this.handleClearIconClick}\n      ?hidden=${selected.size === 0}\n    >\n      <slot name=\"clear-icon\">\n        <igc-icon\n          name=\"${icon}\"\n          collection=\"internal\"\n          aria-hidden=\"true\"\n        ></igc-icon>\n      </slot>\n    </span>`;\n  }\n\n  private renderInput() {\n    return html`<igc-input\n      id=\"target\"\n      role=\"combobox\"\n      aria-owns=\"dropdown\"\n      aria-describedby=\"helper-text\"\n      aria-disabled=${this.disabled}\n      exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n      @click=${(e: MouseEvent) => {\n        e.preventDefault();\n        this._toggle(true);\n      }}\n      value=${ifDefined(this.value)}\n      placeholder=${ifDefined(this.placeholder)}\n      label=${ifDefined(this.label)}\n      dir=${this.dir}\n      @igcFocus=${(e: Event) => e.stopPropagation()}\n      @igcBlur=${(e: Event) => e.stopPropagation()}\n      @keydown=${this.navigationController.navigateHost.bind(\n        this.navigationController\n      )}\n      .disabled=\"${this.disabled}\"\n      .required=${this.required}\n      .invalid=${this.invalid}\n      .outlined=${this.outlined}\n      .autofocus=${this.autofocus}\n      readonly\n    >\n      <span slot=${this.hasPrefixes && 'prefix'}>\n        <slot name=\"prefix\"></slot>\n      </span>\n      ${this.renderClearIcon()}\n      <span slot=${this.hasSuffixes && 'suffix'}>\n        <slot name=\"suffix\"></slot>\n      </span>\n      ${this.renderToggleIcon()}\n    </igc-input>`;\n  }\n\n  private renderSearchInput() {\n    return html`<div part=\"filter-input\" ?hidden=${this.disableFiltering}>\n      <igc-input\n        part=\"search-input\"\n        placeholder=${this.placeholderSearch}\n        exportparts=\"input: search-input\"\n        @igcFocus=${(e: Event) => e.stopPropagation()}\n        @igcBlur=${(e: Event) => e.stopPropagation()}\n        @igcInput=${this.handleSearchInput}\n        @keydown=${(e: KeyboardEvent) =>\n          this.navigationController.navigateInput(e, this.list)}\n        dir=${this.dir}\n      >\n        <igc-icon\n          slot=${this.caseSensitiveIcon && 'suffix'}\n          name=\"case_sensitive\"\n          collection=\"internal\"\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  private renderEmptyTemplate() {\n    return html`<div part=\"empty\" ?hidden=${this.dataState.length > 0}>\n      <slot name=\"empty\">The list is empty</slot>\n    </div>`;\n  }\n\n  private renderList() {\n    return html`<div\n      @keydown=${this.listKeydownHandler}\n      part=\"list-wrapper\"\n      ${this.toggleController.toggleDirective}\n    >\n      ${this.renderSearchInput()}\n      <div part=\"header\">\n        <slot name=\"header\"></slot>\n      </div>\n      <igc-combo-list\n        id=\"dropdown\"\n        part=\"list\"\n        aria-label=\"${this.label}\"\n        .items=${this.dataState}\n        .renderItem=${this.itemRenderer}\n        ?hidden=${this.dataState.length === 0}\n      >\n      </igc-combo-list>\n      ${this.renderEmptyTemplate()}\n      <div part=\"footer\">\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>`;\n  }\n\n  private renderHelperText() {\n    return html`<div\n      id=\"helper-text\"\n      part=\"helper-text\"\n      ?hidden=\"${this.helperText.length === 0}\"\n    >\n      <slot name=\"helper-text\"></slot>\n    </div>`;\n  }\n\n  protected override render() {\n    return html`\n      ${this.renderInput()}${this.renderList()}${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 { html, LitElement, TemplateResult } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/combo.base.css.js';\nimport { styles as bootstrap } from './themes/light/combo.bootstrap.css.js';\nimport { styles as material } from './themes/light/combo.material.css.js';\nimport { styles as fluent } from './themes/light/combo.fluent.css.js';\nimport { styles as indigo } from './themes/light/combo.indigo.css.js';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcComboListComponent from './combo-list.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { NavigationController } from './controllers/navigation.js';\nimport { SelectionController } from './controllers/selection.js';\nimport { IgcToggleController } from '../toggle/toggle.controller.js';\nimport { DataController } from './controllers/data.js';\nimport { IgcToggleComponent } from '../toggle/types.js';\nimport {\n  Keys,\n  Values,\n  ComboRecord,\n  GroupingDirection,\n  FilteringOptions,\n  IgcComboEventMap,\n  ComboItemTemplate,\n} from './types.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { partNameMap } from '../common/util.js';\nimport { filteringOptionsConverter } from './utils/converters.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport type { ThemeController, Theme } from '../../theming/types.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\n\ndefineComponents(\n  IgcIconComponent,\n  IgcComboListComponent,\n  IgcComboItemComponent,\n  IgcComboHeaderComponent,\n  IgcInputComponent\n);\n\n/**\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot header - Renders a container before the list of options.\n * @slot footer - Renders a container after the list of options.\n * @slot helper-text - Renders content below the input.\n * @slot toggle-icon - Renders content inside the suffix container.\n * @slot clear-icon - Renders content inside the suffix container.\n *\n * @fires igcFocus - Emitted when the select gains focus.\n * @fires igcBlur - Emitted when the select loses focus.\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.\n * @csspart input - The main input field.\n * @csspart native-input - The native input of the main input field.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart toggle-icon - The toggle icon wrapper.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart case-icon - The case icon wrapper.\n * @csspart helper-text - The helper text wrapper.\n * @csspart search-input - The search input field.\n * @csspart list-wrapper - The list of options wrapper.\n * @csspart list - The list of options box.\n * @csspart item - Represents each item in the list of options.\n * @csspart group-header - Represents each header in the list of options.\n * @csspart active - Appended to the item parts list when the item is active.\n * @csspart selected - Appended to the item parts list when the item is selected.\n * @csspart checkbox - Represents each checkbox of each list item.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked.\n * @csspart header - The container holding the header content.\n * @csspart footer - The container holding the footer content.\n * @csspart empty - The container holding the empty content.\n */\n@themes({ material, bootstrap, fluent, indigo })\n@blazorAdditionalDependencies(\n  'IgcIconComponent, IgcComboListComponent, IgcComboItemComponent, IgcComboHeaderComponent, IgcInputComponent'\n)\nexport default class IgcComboComponent<T extends object>\n  extends EventEmitterMixin<IgcComboEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n  implements Partial<IgcToggleComponent>\n{\n  public static readonly tagName = 'igc-combo';\n  public static styles = styles;\n\n  protected navigationController = new NavigationController<T>(this);\n  protected selectionController = new SelectionController<T>(this);\n  protected dataController = new DataController<T>(this);\n  protected toggleController!: IgcToggleController;\n  protected themeController!: ThemeController;\n  protected theme!: Theme;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  protected helperText!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected inputSuffix!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected inputPrefix!: Array<HTMLElement>;\n\n  @query('[part=\"search-input\"]')\n  protected input!: IgcInputComponent;\n\n  @query('igc-input#target')\n  private target!: IgcInputComponent;\n\n  @query('igc-combo-list')\n  private list!: IgcComboListComponent;\n\n  /** The data source used to generate the list of options. */\n  @property({ attribute: false })\n  public data: Array<T> = [];\n\n  /**\n   * The name attribute of the control.\n   * @attr name\n   */\n  @property()\n  public name!: string;\n\n  /**\n   * The disabled attribute of the control.\n   * @attr disabled\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /**\n   * The required attribute of the control.\n   * @attr required\n   */\n  @property({ reflect: true, type: Boolean })\n  public required = false;\n\n  /**\n   * The invalid attribute of the control.\n   * @attr invalid\n   */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  /**\n   * The outlined attribute of the control.\n   * @attr outlined\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\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({ attribute: 'autofocus-list', type: Boolean })\n  public autofocusList = false;\n\n  /**\n   * The label attribute of the control.\n   * @attr label\n   */\n  @property({ type: String })\n  public label!: string;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr placeholder\n   */\n  @property({ type: String })\n  public placeholder!: string;\n\n  /**\n   * The placeholder attribute of the search input.\n   * @attr placeholder-search\n   */\n  @property({ attribute: 'placeholder-search', type: String })\n  public placeholderSearch = 'Search';\n\n  /**\n   * The direction attribute of the control.\n   * @attr dir\n   */\n  @property({ reflect: true })\n  public override dir: 'ltr' | 'rtl' | 'auto' = 'auto';\n\n  /**\n   * Sets the open state of the component.\n   * @attr open\n   */\n  @property({ type: Boolean })\n  public open = false;\n\n  /** @hidden @internal */\n  @property({ type: Boolean })\n  public flip = true;\n\n  /**\n   * The key in the data source used when selecting items.\n   * @attr value-key\n   */\n  @property({ attribute: 'value-key', reflect: false })\n  public valueKey?: Keys<T>;\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', reflect: false })\n  public displayKey?: Keys<T> = this.valueKey;\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', reflect: false })\n  public groupKey?: Keys<T> = this.displayKey;\n\n  /**\n   * Sorts the items in each group by ascending or descending order.\n   * @attr group-sorting\n   * @type {\"asc\" | \"desc\"}\n   */\n  @property({ attribute: 'group-sorting', reflect: false })\n  public groupSorting: GroupingDirection = 'asc';\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   */\n  @property({\n    attribute: 'filtering-options',\n    reflect: false,\n    converter: filteringOptionsConverter,\n  })\n  public filteringOptions: FilteringOptions<T> = {\n    filterKey: this.displayKey,\n    caseSensitive: false,\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', reflect: false })\n  public caseSensitiveIcon = false;\n\n  /**\n   * Disables the filtering of the list of options.\n   * @attr disable-filtering\n   */\n  @property({ type: Boolean, attribute: 'disable-filtering', reflect: false })\n  public disableFiltering = false;\n\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    if (typeof item !== 'object' || item === null) {\n      return String(item) as any;\n    }\n\n    if (this.displayKey) {\n      return html`${item[this.displayKey]}`;\n    }\n\n    return html`${String(item)}`;\n  };\n\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    return html`${this.groupKey && item[this.groupKey]}`;\n  };\n\n  @state()\n  protected dataState: Array<ComboRecord<T>> = [];\n\n  @watch('data')\n  protected dataChanged() {\n    this.dataState = structuredClone(this.data) as ComboRecord<T>[];\n\n    if (this.hasUpdated) {\n      this.pipeline();\n    }\n  }\n\n  @watch('valueKey')\n  protected updateDisplayKey() {\n    this.displayKey = this.displayKey ?? this.valueKey;\n  }\n\n  @watch('displayKey')\n  protected updateFilterKey() {\n    this.filteringOptions.filterKey =\n      this.filteringOptions.filterKey ?? this.displayKey;\n  }\n\n  @watch('groupKey')\n  @watch('groupSorting')\n  @watch('pipeline')\n  protected async pipeline() {\n    this.dataState = await this.dataController.apply([...this.data]);\n    this.navigationController.active = -1;\n  }\n\n  @watch('open')\n  protected toggleDirectiveChange() {\n    if (!this.target) return;\n    this.toggleController.target = this.target;\n    this.target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n  }\n\n  constructor() {\n    super();\n\n    this.toggleController = new IgcToggleController(this, {\n      target: this.target,\n      closeCallback: async () => {\n        if (!this.handleClosing()) return;\n        this.open = false;\n\n        await this.updateComplete;\n        this.emitEvent('igcClosed');\n      },\n    });\n\n    this.addEventListener('focus', () => {\n      this.emitEvent('igcFocus');\n    });\n\n    this.addEventListener('blur', () => {\n      this.emitEvent('igcBlur');\n    });\n\n    this.addEventListener(\n      'keydown',\n      this.navigationController.navigateHost.bind(this.navigationController)\n    );\n  }\n\n  protected themeAdopted(controller: ThemeController) {\n    this.themeController = controller;\n  }\n\n  protected override willUpdate() {\n    this.theme = this.themeController.theme;\n  }\n\n  protected override async getUpdateComplete() {\n    const result = await super.getUpdateComplete();\n    await this.toggleController.rendered;\n    return result;\n  }\n\n  /**\n   * Returns the current selection as a list of commma separated values,\n   * represented by the display key, when provided.\n   */\n  public get value() {\n    return this.selectionController.getValue(\n      Array.from(this.selectionController.selected)\n    );\n  }\n\n  @watch('value')\n  protected validate() {\n    this.updateComplete.then(() => this.reportValidity());\n  }\n\n  /** Checks the validity of the control. */\n  public reportValidity() {\n    this.invalid = this.required && !this.value;\n    return !this.invalid;\n  }\n\n  /** A wrapper around the reportValidity method to comply with the native input API. */\n  public checkValidity() {\n    return this.reportValidity();\n  }\n\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions) {\n    this.target.focus(options);\n  }\n\n  /** Removes focus from the component. */\n  public override blur() {\n    this.target.blur();\n  }\n\n  /**\n   * Selects the options in the list by either value or key value.\n   * If not argument is provided all items will be selected.\n   * @param { T[] | Values<T>[] } items - A list of values or values as set by the valueKey.\n   */\n  public select(items?: T[] | Values<T>[]) {\n    this.selectionController.select(items, false);\n    this.list.requestUpdate();\n  }\n\n  /**\n   * Deselects the options in the list by either value or key value.\n   * If not argument is provided all items will be deselected.\n   * @param { T[] | Values<T>[] } items - A list of values or values as set by the valueKey.\n   */\n  public deselect(items?: T[] | Values<T>[]) {\n    this.selectionController.deselect(items, false);\n    this.list.requestUpdate();\n  }\n\n  protected handleSearchInput(e: CustomEvent) {\n    this.dataController.searchTerm = e.detail;\n  }\n\n  protected handleOpening() {\n    const args = { cancelable: true };\n    return this.emitEvent('igcOpening', args);\n  }\n\n  protected handleClosing(): boolean {\n    const args = { cancelable: true };\n    return this.emitEvent('igcClosing', args);\n  }\n\n  protected async _show(emit = true) {\n    if (this.open) return;\n    if (emit && !this.handleOpening()) return;\n    this.open = true;\n\n    await this.updateComplete;\n    emit && this.emitEvent('igcOpened');\n\n    this.list.focus();\n\n    if (!this.autofocusList) {\n      this.input.focus();\n    }\n  }\n\n  /** Shows the list of options. */\n  public show() {\n    this._show(false);\n  }\n\n  protected async _hide(emit = true) {\n    if (!this.open) return;\n    if (emit && !this.handleClosing()) return;\n    this.open = false;\n\n    await this.updateComplete;\n    emit && this.emitEvent('igcClosed');\n    this.target.focus();\n  }\n\n  /** Hides the list of options. */\n  public hide() {\n    this._hide(false);\n  }\n\n  /** @hidden @internal */\n  public _toggle(emit = true) {\n    this.open ? this._hide(emit) : this._show(emit);\n  }\n\n  /** Toggles the list of options. */\n  public toggle() {\n    this._toggle(false);\n  }\n\n  protected itemRenderer = (item: T, index: number): TemplateResult => {\n    const record = item as ComboRecord<T>;\n    const active = this.navigationController.active === index;\n    const selected = this.selectionController.selected.has(item);\n    const headerTemplate = html`<igc-combo-header part=\"group-header\"\n      >${this.groupHeaderTemplate({ item: record })}</igc-combo-header\n    >`;\n\n    const itemParts = partNameMap({\n      item: true,\n      selected,\n      active,\n    });\n\n    const itemTemplate = html`<igc-combo-item\n      part=\"${itemParts}\"\n      exportparts=\"checkbox, checkbox-indicator, checked\"\n      @click=${this.itemClickHandler.bind(this)}\n      .index=${index}\n      .active=${active}\n      .selected=${selected}\n      >${this.itemTemplate({ item: record })}</igc-combo-item\n    >`;\n\n    return html`${this.groupKey && record.header\n      ? headerTemplate\n      : itemTemplate}`;\n  };\n\n  protected listKeydownHandler(event: KeyboardEvent) {\n    const target = event\n      .composedPath()\n      .find(\n        (el) => el instanceof IgcComboListComponent\n      ) as IgcComboListComponent;\n\n    if (target) {\n      this.navigationController.navigateList(event, target);\n    }\n  }\n\n  protected itemClickHandler(event: MouseEvent) {\n    const target = event\n      .composedPath()\n      .find(\n        (el) => el instanceof IgcComboItemComponent\n      ) as IgcComboItemComponent;\n\n    this.toggleSelect(target.index);\n    this.input.focus();\n  }\n\n  protected toggleSelect(index: number) {\n    this.selectionController.changeSelection(index);\n    this.navigationController.active = index;\n    this.list.requestUpdate();\n  }\n\n  protected navigateTo(item: T) {\n    this.navigationController.navigateTo(item, this.list);\n  }\n\n  protected handleClearIconClick(e: MouseEvent) {\n    e.stopPropagation();\n    this.selectionController.deselect([], true);\n    this.navigationController.active = -1;\n  }\n\n  protected toggleCaseSensitivity() {\n    this.filteringOptions.caseSensitive = !this.filteringOptions.caseSensitive;\n    this.requestUpdate('pipeline');\n  }\n\n  protected get hasPrefixes() {\n    return this.inputPrefix.length > 0;\n  }\n\n  protected get hasSuffixes() {\n    return this.inputSuffix.length > 0;\n  }\n\n  private renderToggleIcon() {\n    const openIcon =\n      this.theme === 'material' ? 'keyboard_arrow_up' : 'arrow_drop_up';\n    const closeIcon =\n      this.theme === 'material' ? 'keyboard_arrow_down' : 'arrow_drop_down';\n\n    return html`\n      <span slot=\"suffix\" part=\"toggle-icon\">\n        <slot name=\"toggle-icon\">\n          <igc-icon\n            name=${this.open ? openIcon : closeIcon}\n            collection=\"internal\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private renderClearIcon() {\n    const { selected } = this.selectionController;\n    const icon = this.theme === 'material' ? 'chip_cancel' : 'clear';\n\n    return html`<span\n      slot=\"suffix\"\n      part=\"clear-icon\"\n      @click=${this.handleClearIconClick}\n      ?hidden=${selected.size === 0}\n    >\n      <slot name=\"clear-icon\">\n        <igc-icon\n          name=\"${icon}\"\n          collection=\"internal\"\n          aria-hidden=\"true\"\n        ></igc-icon>\n      </slot>\n    </span>`;\n  }\n\n  private renderInput() {\n    return html`<igc-input\n      id=\"target\"\n      role=\"combobox\"\n      aria-owns=\"dropdown\"\n      aria-describedby=\"helper-text\"\n      aria-disabled=${this.disabled}\n      exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n      @click=${(e: MouseEvent) => {\n        e.preventDefault();\n        this._toggle(true);\n      }}\n      value=${ifDefined(this.value)}\n      placeholder=${ifDefined(this.placeholder)}\n      label=${ifDefined(this.label)}\n      dir=${this.dir}\n      @igcFocus=${(e: Event) => e.stopPropagation()}\n      @igcBlur=${(e: Event) => e.stopPropagation()}\n      @keydown=${this.navigationController.navigateHost.bind(\n        this.navigationController\n      )}\n      .disabled=\"${this.disabled}\"\n      .required=${this.required}\n      .invalid=${this.invalid}\n      .outlined=${this.outlined}\n      .autofocus=${this.autofocus}\n      readonly\n    >\n      <span slot=${this.hasPrefixes && 'prefix'}>\n        <slot name=\"prefix\"></slot>\n      </span>\n      ${this.renderClearIcon()}\n      <span slot=${this.hasSuffixes && 'suffix'}>\n        <slot name=\"suffix\"></slot>\n      </span>\n      ${this.renderToggleIcon()}\n    </igc-input>`;\n  }\n\n  private renderSearchInput() {\n    return html`<div part=\"filter-input\" ?hidden=${this.disableFiltering}>\n      <igc-input\n        part=\"search-input\"\n        placeholder=${this.placeholderSearch}\n        exportparts=\"input: search-input\"\n        @igcFocus=${(e: Event) => e.stopPropagation()}\n        @igcBlur=${(e: Event) => e.stopPropagation()}\n        @igcInput=${this.handleSearchInput}\n        @keydown=${(e: KeyboardEvent) =>\n          this.navigationController.navigateInput(e, this.list)}\n        dir=${this.dir}\n      >\n        <igc-icon\n          slot=${this.caseSensitiveIcon && 'suffix'}\n          name=\"case_sensitive\"\n          collection=\"internal\"\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  private renderEmptyTemplate() {\n    return html`<div part=\"empty\" ?hidden=${this.dataState.length > 0}>\n      <slot name=\"empty\">The list is empty</slot>\n    </div>`;\n  }\n\n  private renderList() {\n    return html`<div\n      @keydown=${this.listKeydownHandler}\n      part=\"list-wrapper\"\n      ${this.toggleController.toggleDirective}\n    >\n      ${this.renderSearchInput()}\n      <div part=\"header\">\n        <slot name=\"header\"></slot>\n      </div>\n      <igc-combo-list\n        id=\"dropdown\"\n        part=\"list\"\n        aria-label=\"${this.label}\"\n        .items=${this.dataState}\n        .renderItem=${this.itemRenderer}\n        ?hidden=${this.dataState.length === 0}\n      >\n      </igc-combo-list>\n      ${this.renderEmptyTemplate()}\n      <div part=\"footer\">\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>`;\n  }\n\n  private renderHelperText() {\n    return html`<div\n      id=\"helper-text\"\n      part=\"helper-text\"\n      ?hidden=\"${this.helperText.length === 0}\"\n    >\n      <slot name=\"helper-text\"></slot>\n    </div>`;\n  }\n\n  protected override render() {\n    return html`\n      ${this.renderInput()}${this.renderList()}${this.renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo': IgcComboComponent<object>;\n  }\n}\n"]}

package/components/combo/controllers/navigation.d.ts

@@ -19,6 +19,7 @@ export declare class NavigationController<T extends object> implements ReactiveC
     protected get currentItem(): number;
     protected get firstItem(): number;
     protected get lastItem(): number;
+    protected scrollToActive(container: IgcComboListComponent, behavior?: ScrollBehavior): void;
     get active(): number;
     set active(node: number);
     constructor(host: ComboHost<T>);

package/components/combo/controllers/navigation.js

@@ -30,6 +30,14 @@ export class NavigationController {
     get lastItem() {
         return this.dataState.length - 1;
     }
+    scrollToActive(container, behavior = 'auto') {
+        var _a;
+        (_a = container.element(this.active)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+            block: 'center',
+            behavior,
+        });
+        container.requestUpdate();
+    }
     get active() {
         return this._active;
     }
@@ -64,11 +72,11 @@ export class NavigationController {
     }
     home(container) {
         this.active = this.firstItem;
-        container.scrollToIndex(this.active, 'center');
+        this.scrollToActive(container, 'smooth');
     }
     end(container) {
         this.active = this.lastItem;
-        container.scrollToIndex(this.active, 'center');
+        this.scrollToActive(container, 'smooth');
     }
     space() {
         const item = this.dataState[this.active];
@@ -92,11 +100,11 @@ export class NavigationController {
     }
     arrowDown(container) {
         this.getNextItem(DIRECTION.Down);
-        container.scrollToIndex(this.active, 'center');
+        this.scrollToActive(container);
     }
     arrowUp(container) {
         this.getNextItem(DIRECTION.Up);
-        container.scrollToIndex(this.active, 'center');
+        this.scrollToActive(container);
     }
     getNextItem(direction) {
         const next = this.getNearestItem(this.currentItem, direction);
@@ -130,7 +138,7 @@ export class NavigationController {
     }
     navigateTo(item, container) {
         this.active = this.dataState.findIndex((i) => i === item);
-        container.scrollToIndex(this.active);
+        this.scrollToActive(container, 'smooth');
     }
     navigateHost(event) {
         if (this.hostHandlers.has(event.key)) {

package/components/combo/controllers/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\nimport IgcComboListComponent from '../combo-list.js';\nimport { ComboRecord, ComboHost } from '../types.js';\n\nconst START_INDEX: Readonly<number> = -1;\n\nenum DIRECTION {\n  Up = -1,\n  Down = 1,\n}\n\nexport class NavigationController<T extends object>\n  implements ReactiveController\n{\n  protected hostHandlers = new Map(\n    Object.entries({\n      Escape: this.escape,\n      ArrowDown: this.hostArrowDown,\n    })\n  );\n\n  protected searchInputHandlers = new Map(\n    Object.entries({\n      Escape: this.escape,\n      ArrowUp: this.escape,\n      ArrowDown: this.inputArrowDown,\n      Tab: this.inputArrowDown,\n    })\n  );\n\n  protected listHandlers = new Map(\n    Object.entries({\n      ArrowDown: this.arrowDown,\n      ArrowUp: this.arrowUp,\n      ' ': this.space,\n      Enter: this.enter,\n      Escape: this.escape,\n      Tab: this.escape,\n      Home: this.home,\n      End: this.end,\n    })\n  );\n\n  protected _active = START_INDEX;\n\n  public get input() {\n    // @ts-expect-error protected access\n    return this.host.input;\n  }\n\n  public get dataState() {\n    // @ts-expect-error protected access\n    return this.host.dataState;\n  }\n\n  public show() {\n    // @ts-expect-error protected access\n    this.host._show(true);\n  }\n\n  public hide() {\n    // @ts-expect-error protected access\n    this.host._hide(true);\n  }\n\n  public toggleSelect(index: number) {\n    // @ts-expect-error protected access\n    this.host.toggleSelect(index);\n  }\n\n  protected get currentItem() {\n    const item = this.active;\n    return item === START_INDEX ? START_INDEX : item;\n  }\n\n  protected get firstItem() {\n    return this.dataState.findIndex((i: ComboRecord<T>) => i.header !== true);\n  }\n\n  protected get lastItem() {\n    return this.dataState.length - 1;\n  }\n\n  public get active() {\n    return this._active;\n  }\n\n  public set active(node: number) {\n    this._active = node;\n    this.host.requestUpdate();\n  }\n\n  constructor(protected host: ComboHost<T>) {\n    this.host.addController(this);\n  }\n\n  protected home(container: IgcComboListComponent) {\n    this.active = this.firstItem;\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected end(container: IgcComboListComponent) {\n    this.active = this.lastItem;\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected space() {\n    const item = this.dataState[this.active];\n\n    if (!item.header) {\n      this.toggleSelect(this.active);\n    }\n  }\n\n  protected escape() {\n    this.hide();\n  }\n\n  protected enter() {\n    this.space();\n    this.hide();\n  }\n\n  protected inputArrowDown(container: IgcComboListComponent) {\n    container.focus();\n    this.arrowDown(container);\n  }\n\n  protected hostArrowDown() {\n    this.show();\n  }\n\n  protected arrowDown(container: IgcComboListComponent) {\n    this.getNextItem(DIRECTION.Down);\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected arrowUp(container: IgcComboListComponent) {\n    this.getNextItem(DIRECTION.Up);\n    container.scrollToIndex(this.active, 'center');\n  }\n\n  protected getNextItem(direction: DIRECTION) {\n    const next = this.getNearestItem(this.currentItem, direction);\n\n    if (next === -1) {\n      if (this.active === this.firstItem) {\n        this.input.focus();\n        this.active = START_INDEX;\n      }\n      return;\n    }\n\n    this.active = next;\n  }\n\n  protected getNearestItem(startIndex: number, direction: number) {\n    let index = startIndex;\n    const items = this.dataState;\n\n    while (items[index + direction]?.header) {\n      index += direction;\n    }\n\n    index += direction;\n\n    if (index >= 0 && index < items.length) {\n      return index;\n    } else {\n      return -1;\n    }\n  }\n\n  public hostConnected() {}\n\n  public hostDisconnected() {\n    this.active = START_INDEX;\n  }\n\n  public navigateTo(item: T, container: IgcComboListComponent) {\n    this.active = this.dataState.findIndex((i) => i === item);\n    container.scrollToIndex(this.active);\n  }\n\n  public navigateHost(event: KeyboardEvent) {\n    if (this.hostHandlers.has(event.key)) {\n      event.preventDefault();\n      this.hostHandlers.get(event.key)!.call(this);\n    }\n  }\n\n  public navigateInput(event: KeyboardEvent, container: IgcComboListComponent) {\n    event.stopPropagation();\n\n    if (this.searchInputHandlers.has(event.key)) {\n      event.preventDefault();\n      this.searchInputHandlers.get(event.key)!.call(this, container);\n    }\n  }\n\n  public navigateList(event: KeyboardEvent, container: IgcComboListComponent) {\n    if (this.listHandlers.has(event.key)) {\n      event.preventDefault();\n      this.listHandlers.get(event.key)!.call(this, container);\n    }\n  }\n}\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\nimport IgcComboListComponent from '../combo-list.js';\nimport { ComboRecord, ComboHost } from '../types.js';\n\nconst START_INDEX: Readonly<number> = -1;\n\nenum DIRECTION {\n  Up = -1,\n  Down = 1,\n}\n\nexport class NavigationController<T extends object>\n  implements ReactiveController\n{\n  protected hostHandlers = new Map(\n    Object.entries({\n      Escape: this.escape,\n      ArrowDown: this.hostArrowDown,\n    })\n  );\n\n  protected searchInputHandlers = new Map(\n    Object.entries({\n      Escape: this.escape,\n      ArrowUp: this.escape,\n      ArrowDown: this.inputArrowDown,\n      Tab: this.inputArrowDown,\n    })\n  );\n\n  protected listHandlers = new Map(\n    Object.entries({\n      ArrowDown: this.arrowDown,\n      ArrowUp: this.arrowUp,\n      ' ': this.space,\n      Enter: this.enter,\n      Escape: this.escape,\n      Tab: this.escape,\n      Home: this.home,\n      End: this.end,\n    })\n  );\n\n  protected _active = START_INDEX;\n\n  public get input() {\n    // @ts-expect-error protected access\n    return this.host.input;\n  }\n\n  public get dataState() {\n    // @ts-expect-error protected access\n    return this.host.dataState;\n  }\n\n  public show() {\n    // @ts-expect-error protected access\n    this.host._show(true);\n  }\n\n  public hide() {\n    // @ts-expect-error protected access\n    this.host._hide(true);\n  }\n\n  public toggleSelect(index: number) {\n    // @ts-expect-error protected access\n    this.host.toggleSelect(index);\n  }\n\n  protected get currentItem() {\n    const item = this.active;\n    return item === START_INDEX ? START_INDEX : item;\n  }\n\n  protected get firstItem() {\n    return this.dataState.findIndex((i: ComboRecord<T>) => i.header !== true);\n  }\n\n  protected get lastItem() {\n    return this.dataState.length - 1;\n  }\n\n  protected scrollToActive(\n    container: IgcComboListComponent,\n    behavior: ScrollBehavior = 'auto'\n  ) {\n    container.element(this.active)?.scrollIntoView({\n      block: 'center',\n      behavior,\n    });\n\n    container.requestUpdate();\n  }\n\n  public get active() {\n    return this._active;\n  }\n\n  public set active(node: number) {\n    this._active = node;\n    this.host.requestUpdate();\n  }\n\n  constructor(protected host: ComboHost<T>) {\n    this.host.addController(this);\n  }\n\n  protected home(container: IgcComboListComponent) {\n    this.active = this.firstItem;\n    this.scrollToActive(container, 'smooth');\n  }\n\n  protected end(container: IgcComboListComponent) {\n    this.active = this.lastItem;\n    this.scrollToActive(container, 'smooth');\n  }\n\n  protected space() {\n    const item = this.dataState[this.active];\n\n    if (!item.header) {\n      this.toggleSelect(this.active);\n    }\n  }\n\n  protected escape() {\n    this.hide();\n  }\n\n  protected enter() {\n    this.space();\n    this.hide();\n  }\n\n  protected inputArrowDown(container: IgcComboListComponent) {\n    container.focus();\n    this.arrowDown(container);\n  }\n\n  protected hostArrowDown() {\n    this.show();\n  }\n\n  protected arrowDown(container: IgcComboListComponent) {\n    this.getNextItem(DIRECTION.Down);\n    this.scrollToActive(container);\n  }\n\n  protected arrowUp(container: IgcComboListComponent) {\n    this.getNextItem(DIRECTION.Up);\n    this.scrollToActive(container);\n  }\n\n  protected getNextItem(direction: DIRECTION) {\n    const next = this.getNearestItem(this.currentItem, direction);\n\n    if (next === -1) {\n      if (this.active === this.firstItem) {\n        this.input.focus();\n        this.active = START_INDEX;\n      }\n      return;\n    }\n\n    this.active = next;\n  }\n\n  protected getNearestItem(startIndex: number, direction: number) {\n    let index = startIndex;\n    const items = this.dataState;\n\n    while (items[index + direction]?.header) {\n      index += direction;\n    }\n\n    index += direction;\n\n    if (index >= 0 && index < items.length) {\n      return index;\n    } else {\n      return -1;\n    }\n  }\n\n  public hostConnected() {}\n\n  public hostDisconnected() {\n    this.active = START_INDEX;\n  }\n\n  public navigateTo(item: T, container: IgcComboListComponent) {\n    this.active = this.dataState.findIndex((i) => i === item);\n    this.scrollToActive(container, 'smooth');\n  }\n\n  public navigateHost(event: KeyboardEvent) {\n    if (this.hostHandlers.has(event.key)) {\n      event.preventDefault();\n      this.hostHandlers.get(event.key)!.call(this);\n    }\n  }\n\n  public navigateInput(event: KeyboardEvent, container: IgcComboListComponent) {\n    event.stopPropagation();\n\n    if (this.searchInputHandlers.has(event.key)) {\n      event.preventDefault();\n      this.searchInputHandlers.get(event.key)!.call(this, container);\n    }\n  }\n\n  public navigateList(event: KeyboardEvent, container: IgcComboListComponent) {\n    if (this.listHandlers.has(event.key)) {\n      event.preventDefault();\n      this.listHandlers.get(event.key)!.call(this, container);\n    }\n  }\n}\n"]}

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

@@ -50,6 +50,10 @@ export const styles = css `:host {
   background: transparent;
 }
 
+:host([invalid]) ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
 :host([disabled]) {
   pointer-events: none;
   -webkit-user-select: none;

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

@@ -1 +1 @@
-{"version":3,"file":"combo.base.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n  display: block;\n  font-family: var(--ig-font-family);\n}\n:host > igc-input::part(input) {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  cursor: pointer;\n}\n:host > igc-input::part(input)::-moz-selection {\n  background: transparent;\n}\n:host > igc-input::part(input)::selection {\n  background: transparent;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n:host([disabled]) igc-input::part(input)::-webkit-input-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(input)::-moz-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(input):-ms-input-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(input)::-ms-input-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(label),\n:host([disabled]) igc-input::part(input)::placeholder,\n:host([disabled]) ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n[part=clear-icon],\n[part=toggle-icon],\n[part~=case-icon] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  cursor: pointer;\n}\n\n[part=list-wrapper] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  position: absolute;\n  width: 100%;\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  -webkit-box-shadow: var(--ig-elevation-8);\n          box-shadow: var(--ig-elevation-8);\n  overflow: hidden;\n  outline-style: none;\n  z-index: 999999;\n}\n[part=list-wrapper] igc-input {\n  --ig-size: var(--ig-size-small);\n  --ig-theme: material;\n}\n[part=list-wrapper] igc-input::part(container) {\n  background: transparent;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n  border-inline-end-color: transparent;\n  -webkit-border-before: 0;\n          border-block-start: 0;\n  border-radius: 0;\n}\n[part=list-wrapper] igc-input::part(start) {\n  display: none;\n}\n[part=list-wrapper] igc-input::part(input) {\n  border-radius: 0;\n  padding: 0;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n  border-inline-end-color: transparent;\n  -webkit-border-before: 0;\n          border-block-start: 0;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n[part=list-wrapper] igc-input::part(input)::-moz-selection {\n  background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] igc-input::part(input)::selection {\n  background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] [part=\"case-icon active\"] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part=filter-input] {\n  padding-inline: max(var(--is-large, 1) * 16px * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 4px * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));\n  padding-block: max(var(--is-large, 1) * 8px * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));\n  z-index: 26;\n}\n\n[part=list] {\n  min-height: 12.5rem !important;\n  outline-style: none;\n}\n\n[part=case-icon] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[part=\"case-icon active\"] {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part=empty] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  padding: 1rem 1.5rem;\n  font-size: 0.8125rem;\n}`;\n"]}
+{"version":3,"file":"combo.base.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2KvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n  display: block;\n  font-family: var(--ig-font-family);\n}\n:host > igc-input::part(input) {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  cursor: pointer;\n}\n:host > igc-input::part(input)::-moz-selection {\n  background: transparent;\n}\n:host > igc-input::part(input)::selection {\n  background: transparent;\n}\n\n:host([invalid]) ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n:host([disabled]) igc-input::part(input)::-webkit-input-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(input)::-moz-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(input):-ms-input-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(input)::-ms-input-placeholder {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) igc-input::part(label),\n:host([disabled]) igc-input::part(input)::placeholder,\n:host([disabled]) ::slotted([slot=helper-text]) {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n[part=clear-icon],\n[part=toggle-icon],\n[part~=case-icon] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  cursor: pointer;\n}\n\n[part=list-wrapper] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  position: absolute;\n  width: 100%;\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  -webkit-box-shadow: var(--ig-elevation-8);\n          box-shadow: var(--ig-elevation-8);\n  overflow: hidden;\n  outline-style: none;\n  z-index: 999999;\n}\n[part=list-wrapper] igc-input {\n  --ig-size: var(--ig-size-small);\n  --ig-theme: material;\n}\n[part=list-wrapper] igc-input::part(container) {\n  background: transparent;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n  border-inline-end-color: transparent;\n  -webkit-border-before: 0;\n          border-block-start: 0;\n  border-radius: 0;\n}\n[part=list-wrapper] igc-input::part(start) {\n  display: none;\n}\n[part=list-wrapper] igc-input::part(input) {\n  border-radius: 0;\n  padding: 0;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n  border-inline-end-color: transparent;\n  -webkit-border-before: 0;\n          border-block-start: 0;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n[part=list-wrapper] igc-input::part(input)::-moz-selection {\n  background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] igc-input::part(input)::selection {\n  background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] [part=\"case-icon active\"] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part=filter-input] {\n  padding-inline: max(var(--is-large, 1) * 16px * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 4px * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));\n  padding-block: max(var(--is-large, 1) * 8px * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));\n  z-index: 26;\n}\n\n[part=list] {\n  min-height: 12.5rem !important;\n  outline-style: none;\n}\n\n[part=case-icon] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[part=\"case-icon active\"] {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part=empty] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  padding: 1rem 1.5rem;\n  font-size: 0.8125rem;\n}`;\n"]}

package/components/date-time-input/date-time-input.d.ts

@@ -1,5 +1,5 @@
 import { DatePartDeltas, DatePart } from './date-util.js';
-import { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';
+import { IgcMaskInputBaseComponent, MaskRange } from '../mask-input/mask-input-base.js';
 import { IgcInputEventMap } from '../input/input-base.js';
 import { AbstractConstructor } from '../common/mixins/constructor.js';
 export interface IgcDateTimeInputEventMap extends Omit<IgcInputEventMap, 'igcChange'> {
@@ -105,7 +105,7 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
     protected handleInput(): void;
     protected handleDragLeave(): void;
     protected handleDragEnter(): void;
-    protected updateInput(part: string, start: number, finish: number): void;
+    protected updateInput(string: string, range: MaskRange): Promise<void>;
     private trySpinValue;
     private spinValue;
     private onWheel;

package/components/date-time-input/date-time-input.js

@@ -11,7 +11,7 @@ import { DateParts, DatePart, DateTimeUtil, } from './date-util.js';
 import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
 import { watch } from '../common/decorators/watch.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';
+import { IgcMaskInputBaseComponent, } from '../mask-input/mask-input-base.js';
 import { partNameMap } from '../common/util.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseComponent) {
@@ -220,16 +220,17 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
             this.maskedValue = this.getMaskedValue();
         }
     }
-    updateInput(part, start, finish) {
+    async updateInput(string, range) {
         var _a;
-        const { value, end } = this.parser.replace(this.maskedValue, part, start, finish);
+        const { value, end } = this.parser.replace(this.maskedValue, string, range.start, range.end);
         this.maskedValue = value;
         this.updateValue();
         this.requestUpdate();
-        if (start !== this.inputFormat.length) {
+        if (range.start !== this.inputFormat.length) {
             this.emitEvent('igcInput', { detail: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
         }
-        this.updateComplete.then(() => this.input.setSelectionRange(end, end));
+        await this.updateComplete;
+        this.input.setSelectionRange(end, end);
     }
     trySpinValue(datePart, delta, negative = false) {
         if (!delta) {

package/components/date-time-input/date-time-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport {\n  DatePartDeltas,\n  DatePartInfo,\n  DateParts,\n  DatePart,\n  DateTimeUtil,\n} from './date-util.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcInputEventMap } from '../input/input-base.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { AbstractConstructor } from '../common/mixins/constructor.js';\n\nexport interface IgcDateTimeInputEventMap\n  extends Omit<IgcInputEventMap, 'igcChange'> {\n  igcChange: CustomEvent<Date | null>;\n}\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n  IgcDateTimeInputEventMap,\n  AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n  public static readonly tagName = 'igc-date-time-input';\n\n  protected _defaultMask!: string;\n  protected _value!: Date | null;\n\n  private _oldValue: Date | null = null;\n  private _inputDateParts!: DatePartInfo[];\n  private _inputFormat!: string;\n  private _datePartDeltas: DatePartDeltas = {\n    date: 1,\n    month: 1,\n    year: 1,\n    hours: 1,\n    minutes: 1,\n    seconds: 1,\n  };\n\n  /**\n   * The date format to apply on the input.\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._defaultMask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this.setMask(val);\n      this._inputFormat = val;\n    }\n  }\n\n  /**\n   * The value of the input.\n   * @attr\n   */\n  @property({\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public get value(): Date | null {\n    return this._value;\n  }\n\n  public set value(val: Date | null) {\n    this._value = val\n      ? DateTimeUtil.isValidDate(val)\n        ? val\n        : DateTimeUtil.parseIsoDate(val)\n      : null;\n\n    this.updateMask();\n    this.validate();\n  }\n\n  /**\n   * The minimum value required for the input to remain valid.\n   * @attr min-value\n   */\n  @property({\n    attribute: 'min-value',\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public minValue!: Date | null;\n\n  /**\n   * The maximum value required for the input to remain valid.\n   * @attr max-value\n   */\n  @property({\n    attribute: 'max-value',\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public maxValue!: Date | null;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public displayFormat!: string;\n\n  /**\n   * Delta values used to increment or decrement each date part on step actions.\n   * All values default to `1`.\n   */\n  @property({ attribute: false })\n  public spinDelta!: DatePartDeltas;\n\n  /**\n   * Sets whether to loop over the currently spun segment.\n   * @attr spin-loop\n   */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /**\n   * The locale settings used to display the value.\n   * @attr\n   */\n  @property()\n  public locale = 'en';\n\n  @watch('locale', { waitUntilFirstUpdate: true })\n  protected setDefaultMask(): void {\n    if (!this._inputFormat) {\n      this.updateDefaultMask();\n      this.setMask(this._defaultMask);\n    }\n\n    if (this.value) {\n      this.updateMask();\n    }\n  }\n\n  @watch('displayFormat', { waitUntilFirstUpdate: true })\n  protected setDisplayFormat(): void {\n    if (this.displayFormat) {\n      if (this.value) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value!,\n          this.locale,\n          this.displayFormat,\n          true\n        );\n      }\n    }\n  }\n\n  @watch('prompt', { waitUntilFirstUpdate: true })\n  protected promptChange(): void {\n    if (!this.prompt) {\n      this.prompt = this.parser.prompt;\n    } else {\n      this.parser.prompt = this.prompt;\n    }\n  }\n\n  @watch('required', { waitUntilFirstUpdate: true })\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected handleInvalidState(): void {\n    this.updateComplete.then(\n      () => (this.invalid = !this.input.checkValidity())\n    );\n  }\n\n  @watch('maxValue')\n  @watch('minValue')\n  protected validate() {\n    if (!this.value) {\n      return null;\n    }\n\n    let errors = {};\n\n    if (this.minValue || this.maxValue) {\n      errors = DateTimeUtil.validateMinMax(\n        this.value,\n        this.minValue!,\n        this.maxValue!,\n        this.hasTimeParts,\n        this.hasDateParts\n      );\n\n      if (Object.keys(errors).length > 0) {\n        this.invalid = true;\n      } else {\n        this.invalid = false;\n      }\n    }\n\n    return errors;\n  }\n\n  private get hasDateParts(): boolean {\n    const parts =\n      this._inputDateParts ||\n      DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n    return parts.some(\n      (p) =>\n        p.type === DateParts.Date ||\n        p.type === DateParts.Month ||\n        p.type === DateParts.Year\n    );\n  }\n\n  private get hasTimeParts(): boolean {\n    const parts =\n      this._inputDateParts ||\n      DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n    return parts.some(\n      (p) =>\n        p.type === DateParts.Hours ||\n        p.type === DateParts.Minutes ||\n        p.type === DateParts.Seconds\n    );\n  }\n\n  private get targetDatePart(): DatePart | undefined {\n    let result;\n\n    if (this.hasFocus) {\n      const partType = this._inputDateParts.find(\n        (p) =>\n          p.start <= this.inputSelection.start &&\n          this.inputSelection.start <= p.end &&\n          p.type !== DateParts.Literal\n      )?.type as string as DatePart;\n\n      if (partType) {\n        result = partType;\n      }\n    } else {\n      if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n        result = DatePart.Date;\n      } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n        result = DatePart.Hours;\n      } else {\n        result = this._inputDateParts[0].type as string as DatePart;\n      }\n    }\n\n    return result;\n  }\n\n  private get datePartDeltas(): DatePartDeltas {\n    return Object.assign({}, this._datePartDeltas, this.spinDelta);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('wheel', this.onWheel);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.updateDefaultMask();\n    this.setMask(this.inputFormat);\n    if (this.value) {\n      this.updateMask();\n    }\n  }\n\n  /** Checks for validity of the control and shows the browser message if it's invalid. */\n  public reportValidity() {\n    const state = this._value\n      ? Object.keys(this.validate()!).length === 0\n      : this.input.reportValidity();\n\n    this.invalid = !state;\n    return state;\n  }\n\n  /** Check for validity of the control */\n  public checkValidity() {\n    if (this.disabled) {\n      return this.input.checkValidity();\n    }\n\n    if (!this._value) {\n      return !this.required;\n    }\n\n    return (\n      this.input.checkValidity() && Object.keys(this.validate()!).length === 0\n    );\n  }\n\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    const targetPart = datePart || this.targetDatePart;\n\n    if (!targetPart) {\n      return;\n    }\n\n    const newValue = this.trySpinValue(targetPart, delta);\n    this.value = newValue;\n    this.handleInput();\n  }\n\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    const targetPart = datePart || this.targetDatePart;\n\n    if (!targetPart) {\n      return;\n    }\n\n    const newValue = this.trySpinValue(targetPart, delta, true);\n    this.value = newValue;\n    this.handleInput();\n  }\n\n  /** Clears the input element of user input. */\n  public clear(): void {\n    this.maskedValue = '';\n    this.value = null;\n  }\n\n  protected updateMask() {\n    if (this.hasFocus) {\n      this.maskedValue = this.getMaskedValue();\n    } else {\n      if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n        this.maskedValue = '';\n        return;\n      }\n\n      const format = this.displayFormat || this.inputFormat;\n\n      if (this.displayFormat) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value,\n          this.locale,\n          format,\n          true\n        );\n      } else if (this.inputFormat) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value,\n          this.locale,\n          format\n        );\n      } else {\n        this.maskedValue = this.value.toLocaleString();\n      }\n    }\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n    this.invalid = !this.checkValidity();\n  }\n\n  protected override handleInput() {\n    this.emitEvent('igcInput', { detail: this.value?.toString() });\n  }\n\n  protected handleDragLeave() {\n    if (!this.hasFocus) {\n      this.updateMask();\n    }\n  }\n\n  protected handleDragEnter() {\n    if (!this.hasFocus) {\n      this.maskedValue = this.getMaskedValue();\n    }\n  }\n\n  protected updateInput(part: string, start: number, finish: number) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      part,\n      start,\n      finish\n    );\n\n    this.maskedValue = value;\n\n    this.updateValue();\n    this.requestUpdate();\n\n    if (start !== this.inputFormat.length) {\n      this.emitEvent('igcInput', { detail: this.value?.toString() });\n    }\n\n    this.updateComplete.then(() => this.input.setSelectionRange(end, end));\n  }\n\n  private trySpinValue(\n    datePart: DatePart,\n    delta?: number,\n    negative = false\n  ): Date {\n    if (!delta) {\n      // default to 1 if a delta is set to 0 or any other falsy value\n      delta = this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n    }\n\n    const spinValue = negative ? -Math.abs(delta) : Math.abs(delta);\n    return this.spinValue(datePart, spinValue);\n  }\n\n  private spinValue(datePart: DatePart, delta: number): Date {\n    if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n      return new Date();\n    }\n\n    const newDate = new Date(this.value.getTime());\n    let formatPart, amPmFromMask;\n    switch (datePart) {\n      case DatePart.Date:\n        DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Month:\n        DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Year:\n        DateTimeUtil.spinYear(delta, newDate);\n        break;\n      case DatePart.Hours:\n        DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Minutes:\n        DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Seconds:\n        DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.AmPm:\n        formatPart = this._inputDateParts.find(\n          (dp) => dp.type === DateParts.AmPm\n        );\n        if (formatPart !== undefined) {\n          amPmFromMask = this.maskedValue.substring(\n            formatPart!.start,\n            formatPart!.end\n          );\n          return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n        }\n        break;\n    }\n\n    return newDate;\n  }\n\n  private onWheel(event: WheelEvent) {\n    if (!this.hasFocus) {\n      return;\n    }\n\n    this.selection = this.inputSelection;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.deltaY > 0) {\n      this.stepDown();\n    } else {\n      this.stepUp();\n    }\n\n    this.updateComplete.then(() =>\n      this.setSelectionRange(this.selection.start, this.selection.end)\n    );\n  }\n\n  private updateDefaultMask(): void {\n    this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n  }\n\n  private setMask(val: string): void {\n    const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n    this._inputDateParts = DateTimeUtil.parseDateTimeFormat(val);\n    val = this._inputDateParts.map((p) => p.format).join('');\n\n    this._defaultMask = val;\n\n    const newMask = (val || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n      new RegExp(/(?=[^t])[\\w]/, 'g'),\n      '0'\n    );\n\n    this._mask =\n      newMask.indexOf('tt') !== -1\n        ? newMask.replace(new RegExp('tt', 'g'), 'LL')\n        : newMask;\n\n    this.parser.mask = this._mask;\n    this.parser.prompt = this.prompt;\n\n    if (!this.placeholder || oldFormat === this.placeholder) {\n      this.placeholder = val;\n    }\n  }\n\n  private parseDate(val: string) {\n    if (!val) {\n      return null;\n    }\n\n    return DateTimeUtil.parseValueFromMask(\n      val,\n      this._inputDateParts,\n      this.prompt\n    );\n  }\n\n  private getMaskedValue(): string {\n    let mask = this.emptyMask;\n\n    if (DateTimeUtil.isValidDate(this.value)) {\n      for (const part of this._inputDateParts) {\n        if (part.type === DateParts.Literal) {\n          continue;\n        }\n\n        const targetValue = DateTimeUtil.getPartValue(\n          part,\n          part.format.length,\n          this.value\n        );\n\n        mask = this.parser.replace(\n          mask,\n          targetValue,\n          part.start,\n          part.end\n        ).value;\n      }\n      return mask;\n    }\n\n    return this.maskedValue === '' ? mask : this.maskedValue;\n  }\n\n  private isComplete(): boolean {\n    return this.maskedValue.indexOf(this.prompt) === -1;\n  }\n\n  private updateValue(): void {\n    if (this.isComplete()) {\n      const parsedDate = this.parseDate(this.maskedValue);\n      if (DateTimeUtil.isValidDate(parsedDate)) {\n        this.value = parsedDate;\n      } else {\n        this.value = null;\n      }\n    } else {\n      this.value = null;\n    }\n  }\n\n  private getNewPosition(value: string, direction = 0): number {\n    const literals = this._inputDateParts.filter(\n      (p) => p.type === DateParts.Literal\n    );\n    let cursorPos = this.selection.start;\n\n    if (!direction) {\n      do {\n        cursorPos = cursorPos > 0 ? --cursorPos : cursorPos;\n      } while (!literals.some((l) => l.end === cursorPos) && cursorPos > 0);\n      return cursorPos;\n    } else {\n      do {\n        cursorPos++;\n      } while (\n        !literals.some((l) => l.start === cursorPos) &&\n        cursorPos < value.length\n      );\n      return cursorPos;\n    }\n  }\n\n  protected override handleFocus() {\n    this.hasFocus = true;\n    this._oldValue = this.value;\n    this.updateMask();\n    this.emitEvent('igcFocus');\n  }\n\n  protected override handleBlur() {\n    this.hasFocus = false;\n\n    if (!this.isComplete() && this.maskedValue !== this.emptyMask) {\n      const parse = this.parseDate(this.maskedValue);\n\n      if (parse) {\n        this.value = parse;\n      } else {\n        this.value = null;\n        this.maskedValue = '';\n      }\n    } else {\n      this.updateMask();\n    }\n\n    if (this._oldValue !== this.value) {\n      this.handleChange();\n    }\n\n    this.emitEvent('igcBlur');\n  }\n\n  protected override handleKeydown(e: KeyboardEvent) {\n    super.handleKeydown(e);\n\n    const key = e.key;\n\n    switch (key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        if (e.ctrlKey) {\n          e.preventDefault();\n          const value = (e.target as HTMLInputElement).value;\n          const dir = key === 'ArrowRight' ? 1 : 0;\n          const pos = this.getNewPosition(value, dir);\n\n          this.setSelectionRange(pos, pos);\n        }\n        break;\n      case 'ArrowUp':\n      case 'ArrowDown':\n        e.preventDefault();\n        key === 'ArrowUp' ? this.stepUp() : this.stepDown();\n\n        this.updateComplete.then(() =>\n          this.setSelectionRange(this.selection.start, this.selection.end)\n        );\n        break;\n      case ';':\n        if (e.ctrlKey) {\n          this.value = new Date();\n        }\n        break;\n    }\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder || this.emptyMask)}\n        ?readonly=${this.readonly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        @invalid=\"${this.handleInvalid}\"\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @input=${super.handleInput}\n        @keydown=${this.handleKeydown}\n        @cut=${this.handleCut}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-time-input': IgcDateTimeInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport {\n  DatePartDeltas,\n  DatePartInfo,\n  DateParts,\n  DatePart,\n  DateTimeUtil,\n} from './date-util.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport {\n  IgcMaskInputBaseComponent,\n  MaskRange,\n} from '../mask-input/mask-input-base.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcInputEventMap } from '../input/input-base.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { AbstractConstructor } from '../common/mixins/constructor.js';\n\nexport interface IgcDateTimeInputEventMap\n  extends Omit<IgcInputEventMap, 'igcChange'> {\n  igcChange: CustomEvent<Date | null>;\n}\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n  IgcDateTimeInputEventMap,\n  AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n  public static readonly tagName = 'igc-date-time-input';\n\n  protected _defaultMask!: string;\n  protected _value!: Date | null;\n\n  private _oldValue: Date | null = null;\n  private _inputDateParts!: DatePartInfo[];\n  private _inputFormat!: string;\n  private _datePartDeltas: DatePartDeltas = {\n    date: 1,\n    month: 1,\n    year: 1,\n    hours: 1,\n    minutes: 1,\n    seconds: 1,\n  };\n\n  /**\n   * The date format to apply on the input.\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._defaultMask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this.setMask(val);\n      this._inputFormat = val;\n    }\n  }\n\n  /**\n   * The value of the input.\n   * @attr\n   */\n  @property({\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public get value(): Date | null {\n    return this._value;\n  }\n\n  public set value(val: Date | null) {\n    this._value = val\n      ? DateTimeUtil.isValidDate(val)\n        ? val\n        : DateTimeUtil.parseIsoDate(val)\n      : null;\n\n    this.updateMask();\n    this.validate();\n  }\n\n  /**\n   * The minimum value required for the input to remain valid.\n   * @attr min-value\n   */\n  @property({\n    attribute: 'min-value',\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public minValue!: Date | null;\n\n  /**\n   * The maximum value required for the input to remain valid.\n   * @attr max-value\n   */\n  @property({\n    attribute: 'max-value',\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public maxValue!: Date | null;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public displayFormat!: string;\n\n  /**\n   * Delta values used to increment or decrement each date part on step actions.\n   * All values default to `1`.\n   */\n  @property({ attribute: false })\n  public spinDelta!: DatePartDeltas;\n\n  /**\n   * Sets whether to loop over the currently spun segment.\n   * @attr spin-loop\n   */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /**\n   * The locale settings used to display the value.\n   * @attr\n   */\n  @property()\n  public locale = 'en';\n\n  @watch('locale', { waitUntilFirstUpdate: true })\n  protected setDefaultMask(): void {\n    if (!this._inputFormat) {\n      this.updateDefaultMask();\n      this.setMask(this._defaultMask);\n    }\n\n    if (this.value) {\n      this.updateMask();\n    }\n  }\n\n  @watch('displayFormat', { waitUntilFirstUpdate: true })\n  protected setDisplayFormat(): void {\n    if (this.displayFormat) {\n      if (this.value) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value!,\n          this.locale,\n          this.displayFormat,\n          true\n        );\n      }\n    }\n  }\n\n  @watch('prompt', { waitUntilFirstUpdate: true })\n  protected promptChange(): void {\n    if (!this.prompt) {\n      this.prompt = this.parser.prompt;\n    } else {\n      this.parser.prompt = this.prompt;\n    }\n  }\n\n  @watch('required', { waitUntilFirstUpdate: true })\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected handleInvalidState(): void {\n    this.updateComplete.then(\n      () => (this.invalid = !this.input.checkValidity())\n    );\n  }\n\n  @watch('maxValue')\n  @watch('minValue')\n  protected validate() {\n    if (!this.value) {\n      return null;\n    }\n\n    let errors = {};\n\n    if (this.minValue || this.maxValue) {\n      errors = DateTimeUtil.validateMinMax(\n        this.value,\n        this.minValue!,\n        this.maxValue!,\n        this.hasTimeParts,\n        this.hasDateParts\n      );\n\n      if (Object.keys(errors).length > 0) {\n        this.invalid = true;\n      } else {\n        this.invalid = false;\n      }\n    }\n\n    return errors;\n  }\n\n  private get hasDateParts(): boolean {\n    const parts =\n      this._inputDateParts ||\n      DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n    return parts.some(\n      (p) =>\n        p.type === DateParts.Date ||\n        p.type === DateParts.Month ||\n        p.type === DateParts.Year\n    );\n  }\n\n  private get hasTimeParts(): boolean {\n    const parts =\n      this._inputDateParts ||\n      DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n    return parts.some(\n      (p) =>\n        p.type === DateParts.Hours ||\n        p.type === DateParts.Minutes ||\n        p.type === DateParts.Seconds\n    );\n  }\n\n  private get targetDatePart(): DatePart | undefined {\n    let result;\n\n    if (this.hasFocus) {\n      const partType = this._inputDateParts.find(\n        (p) =>\n          p.start <= this.inputSelection.start &&\n          this.inputSelection.start <= p.end &&\n          p.type !== DateParts.Literal\n      )?.type as string as DatePart;\n\n      if (partType) {\n        result = partType;\n      }\n    } else {\n      if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n        result = DatePart.Date;\n      } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n        result = DatePart.Hours;\n      } else {\n        result = this._inputDateParts[0].type as string as DatePart;\n      }\n    }\n\n    return result;\n  }\n\n  private get datePartDeltas(): DatePartDeltas {\n    return Object.assign({}, this._datePartDeltas, this.spinDelta);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('wheel', this.onWheel);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.updateDefaultMask();\n    this.setMask(this.inputFormat);\n    if (this.value) {\n      this.updateMask();\n    }\n  }\n\n  /** Checks for validity of the control and shows the browser message if it's invalid. */\n  public reportValidity() {\n    const state = this._value\n      ? Object.keys(this.validate()!).length === 0\n      : this.input.reportValidity();\n\n    this.invalid = !state;\n    return state;\n  }\n\n  /** Check for validity of the control */\n  public checkValidity() {\n    if (this.disabled) {\n      return this.input.checkValidity();\n    }\n\n    if (!this._value) {\n      return !this.required;\n    }\n\n    return (\n      this.input.checkValidity() && Object.keys(this.validate()!).length === 0\n    );\n  }\n\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    const targetPart = datePart || this.targetDatePart;\n\n    if (!targetPart) {\n      return;\n    }\n\n    const newValue = this.trySpinValue(targetPart, delta);\n    this.value = newValue;\n    this.handleInput();\n  }\n\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    const targetPart = datePart || this.targetDatePart;\n\n    if (!targetPart) {\n      return;\n    }\n\n    const newValue = this.trySpinValue(targetPart, delta, true);\n    this.value = newValue;\n    this.handleInput();\n  }\n\n  /** Clears the input element of user input. */\n  public clear(): void {\n    this.maskedValue = '';\n    this.value = null;\n  }\n\n  protected updateMask() {\n    if (this.hasFocus) {\n      this.maskedValue = this.getMaskedValue();\n    } else {\n      if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n        this.maskedValue = '';\n        return;\n      }\n\n      const format = this.displayFormat || this.inputFormat;\n\n      if (this.displayFormat) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value,\n          this.locale,\n          format,\n          true\n        );\n      } else if (this.inputFormat) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value,\n          this.locale,\n          format\n        );\n      } else {\n        this.maskedValue = this.value.toLocaleString();\n      }\n    }\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n    this.invalid = !this.checkValidity();\n  }\n\n  protected override handleInput() {\n    this.emitEvent('igcInput', { detail: this.value?.toString() });\n  }\n\n  protected handleDragLeave() {\n    if (!this.hasFocus) {\n      this.updateMask();\n    }\n  }\n\n  protected handleDragEnter() {\n    if (!this.hasFocus) {\n      this.maskedValue = this.getMaskedValue();\n    }\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n\n    this.updateValue();\n    this.requestUpdate();\n\n    if (range.start !== this.inputFormat.length) {\n      this.emitEvent('igcInput', { detail: this.value?.toString() });\n    }\n    await this.updateComplete;\n    this.input.setSelectionRange(end, end);\n  }\n\n  private trySpinValue(\n    datePart: DatePart,\n    delta?: number,\n    negative = false\n  ): Date {\n    if (!delta) {\n      // default to 1 if a delta is set to 0 or any other falsy value\n      delta = this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n    }\n\n    const spinValue = negative ? -Math.abs(delta) : Math.abs(delta);\n    return this.spinValue(datePart, spinValue);\n  }\n\n  private spinValue(datePart: DatePart, delta: number): Date {\n    if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n      return new Date();\n    }\n\n    const newDate = new Date(this.value.getTime());\n    let formatPart, amPmFromMask;\n    switch (datePart) {\n      case DatePart.Date:\n        DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Month:\n        DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Year:\n        DateTimeUtil.spinYear(delta, newDate);\n        break;\n      case DatePart.Hours:\n        DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Minutes:\n        DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Seconds:\n        DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.AmPm:\n        formatPart = this._inputDateParts.find(\n          (dp) => dp.type === DateParts.AmPm\n        );\n        if (formatPart !== undefined) {\n          amPmFromMask = this.maskedValue.substring(\n            formatPart!.start,\n            formatPart!.end\n          );\n          return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n        }\n        break;\n    }\n\n    return newDate;\n  }\n\n  private onWheel(event: WheelEvent) {\n    if (!this.hasFocus) {\n      return;\n    }\n\n    this.selection = this.inputSelection;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.deltaY > 0) {\n      this.stepDown();\n    } else {\n      this.stepUp();\n    }\n\n    this.updateComplete.then(() =>\n      this.setSelectionRange(this.selection.start, this.selection.end)\n    );\n  }\n\n  private updateDefaultMask(): void {\n    this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n  }\n\n  private setMask(val: string): void {\n    const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n    this._inputDateParts = DateTimeUtil.parseDateTimeFormat(val);\n    val = this._inputDateParts.map((p) => p.format).join('');\n\n    this._defaultMask = val;\n\n    const newMask = (val || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n      new RegExp(/(?=[^t])[\\w]/, 'g'),\n      '0'\n    );\n\n    this._mask =\n      newMask.indexOf('tt') !== -1\n        ? newMask.replace(new RegExp('tt', 'g'), 'LL')\n        : newMask;\n\n    this.parser.mask = this._mask;\n    this.parser.prompt = this.prompt;\n\n    if (!this.placeholder || oldFormat === this.placeholder) {\n      this.placeholder = val;\n    }\n  }\n\n  private parseDate(val: string) {\n    if (!val) {\n      return null;\n    }\n\n    return DateTimeUtil.parseValueFromMask(\n      val,\n      this._inputDateParts,\n      this.prompt\n    );\n  }\n\n  private getMaskedValue(): string {\n    let mask = this.emptyMask;\n\n    if (DateTimeUtil.isValidDate(this.value)) {\n      for (const part of this._inputDateParts) {\n        if (part.type === DateParts.Literal) {\n          continue;\n        }\n\n        const targetValue = DateTimeUtil.getPartValue(\n          part,\n          part.format.length,\n          this.value\n        );\n\n        mask = this.parser.replace(\n          mask,\n          targetValue,\n          part.start,\n          part.end\n        ).value;\n      }\n      return mask;\n    }\n\n    return this.maskedValue === '' ? mask : this.maskedValue;\n  }\n\n  private isComplete(): boolean {\n    return this.maskedValue.indexOf(this.prompt) === -1;\n  }\n\n  private updateValue(): void {\n    if (this.isComplete()) {\n      const parsedDate = this.parseDate(this.maskedValue);\n      if (DateTimeUtil.isValidDate(parsedDate)) {\n        this.value = parsedDate;\n      } else {\n        this.value = null;\n      }\n    } else {\n      this.value = null;\n    }\n  }\n\n  private getNewPosition(value: string, direction = 0): number {\n    const literals = this._inputDateParts.filter(\n      (p) => p.type === DateParts.Literal\n    );\n    let cursorPos = this.selection.start;\n\n    if (!direction) {\n      do {\n        cursorPos = cursorPos > 0 ? --cursorPos : cursorPos;\n      } while (!literals.some((l) => l.end === cursorPos) && cursorPos > 0);\n      return cursorPos;\n    } else {\n      do {\n        cursorPos++;\n      } while (\n        !literals.some((l) => l.start === cursorPos) &&\n        cursorPos < value.length\n      );\n      return cursorPos;\n    }\n  }\n\n  protected override handleFocus() {\n    this.hasFocus = true;\n    this._oldValue = this.value;\n    this.updateMask();\n    this.emitEvent('igcFocus');\n  }\n\n  protected override handleBlur() {\n    this.hasFocus = false;\n\n    if (!this.isComplete() && this.maskedValue !== this.emptyMask) {\n      const parse = this.parseDate(this.maskedValue);\n\n      if (parse) {\n        this.value = parse;\n      } else {\n        this.value = null;\n        this.maskedValue = '';\n      }\n    } else {\n      this.updateMask();\n    }\n\n    if (this._oldValue !== this.value) {\n      this.handleChange();\n    }\n\n    this.emitEvent('igcBlur');\n  }\n\n  protected override handleKeydown(e: KeyboardEvent) {\n    super.handleKeydown(e);\n\n    const key = e.key;\n\n    switch (key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        if (e.ctrlKey) {\n          e.preventDefault();\n          const value = (e.target as HTMLInputElement).value;\n          const dir = key === 'ArrowRight' ? 1 : 0;\n          const pos = this.getNewPosition(value, dir);\n\n          this.setSelectionRange(pos, pos);\n        }\n        break;\n      case 'ArrowUp':\n      case 'ArrowDown':\n        e.preventDefault();\n        key === 'ArrowUp' ? this.stepUp() : this.stepDown();\n\n        this.updateComplete.then(() =>\n          this.setSelectionRange(this.selection.start, this.selection.end)\n        );\n        break;\n      case ';':\n        if (e.ctrlKey) {\n          this.value = new Date();\n        }\n        break;\n    }\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder || this.emptyMask)}\n        ?readonly=${this.readonly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        @invalid=\"${this.handleInvalid}\"\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @input=${super.handleInput}\n        @keydown=${this.handleKeydown}\n        @cut=${this.handleCut}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-time-input': IgcDateTimeInputComponent;\n  }\n}\n"]}

package/components/dialog/themes/light/dialog.base.css.js

@@ -49,8 +49,8 @@ export const styles = css `:host {
   border: inherit;
   border-radius: inherit;
   min-width: inherit;
-  -webkit-box-shadow: var(--igc-elevation-24);
-          box-shadow: var(--igc-elevation-24);
+  -webkit-box-shadow: var(--ig-elevation-24);
+          box-shadow: var(--ig-elevation-24);
 }
 
 [part=content] {

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2px), 2px);\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: var(--ig-surface-500-contrast);\n  border-style: none;\n  padding: unset;\n}\n\n[part=base] {\n  background: inherit;\n  color: inherit;\n  border-style: inherit;\n  padding: inherit;\n  border: inherit;\n  border-radius: inherit;\n  min-width: inherit;\n  -webkit-box-shadow: var(--igc-elevation-24);\n          box-shadow: var(--igc-elevation-24);\n}\n\n[part=content] {\n  color: var(--content-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  font-family: var(--ig-body-1-font-family);\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  margin: 0;\n}\n\n[part=title],\n[part=footer] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-family: var(--ig-h6-font-family);\n  font-size: var(--ig-h6-font-size);\n  font-weight: var(--ig-h6-font-weight);\n  font-style: var(--ig-h6-font-style);\n  line-height: var(--ig-h6-line-height);\n  letter-spacing: var(--ig-h6-letter-spacing);\n  text-transform: var(--ig-h6-text-transform);\n  margin-top: var(--ig-h6-margin-top);\n  margin-bottom: var(--ig-h6-margin-bottom);\n  margin: 0;\n}\n\n[part=footer] {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n}\n\n::slotted(*) {\n  font: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  text-transform: inherit;\n  margin: 0;\n}\n\nslot[name=title]::slotted(:not(:last-child)),\nslot[name=footer]::slotted(:not(:last-child)) {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n\ndialog::-webkit-backdrop {\n  background: none;\n}\n\ndialog::backdrop {\n  background: none;\n}\n\n[part=backdrop] {\n  position: fixed;\n  inset: 0;\n  background: hsla(var(--ig-gray-500), 0.54);\n}`;\n"]}
+{"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2px), 2px);\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: var(--ig-surface-500-contrast);\n  border-style: none;\n  padding: unset;\n}\n\n[part=base] {\n  background: inherit;\n  color: inherit;\n  border-style: inherit;\n  padding: inherit;\n  border: inherit;\n  border-radius: inherit;\n  min-width: inherit;\n  -webkit-box-shadow: var(--ig-elevation-24);\n          box-shadow: var(--ig-elevation-24);\n}\n\n[part=content] {\n  color: var(--content-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  font-family: var(--ig-body-1-font-family);\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  margin: 0;\n}\n\n[part=title],\n[part=footer] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-family: var(--ig-h6-font-family);\n  font-size: var(--ig-h6-font-size);\n  font-weight: var(--ig-h6-font-weight);\n  font-style: var(--ig-h6-font-style);\n  line-height: var(--ig-h6-line-height);\n  letter-spacing: var(--ig-h6-letter-spacing);\n  text-transform: var(--ig-h6-text-transform);\n  margin-top: var(--ig-h6-margin-top);\n  margin-bottom: var(--ig-h6-margin-bottom);\n  margin: 0;\n}\n\n[part=footer] {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n}\n\n::slotted(*) {\n  font: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  text-transform: inherit;\n  margin: 0;\n}\n\nslot[name=title]::slotted(:not(:last-child)),\nslot[name=footer]::slotted(:not(:last-child)) {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n\ndialog::-webkit-backdrop {\n  background: none;\n}\n\ndialog::backdrop {\n  background: none;\n}\n\n[part=backdrop] {\n  position: fixed;\n  inset: 0;\n  background: hsla(var(--ig-gray-500), 0.54);\n}`;\n"]}