dap-design-system 0.60.2 → 0.61.0

package/dist/components/combobox/comboboxBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comboboxBase.js","sources":["../../../src/components/combobox/comboboxBase.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport { PopupPlacement } from '@/common/types'\nimport { getValidityStateObject } from '@/common/utils'\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\nimport { t } from '@/localization/localization'\n\nimport DapDSOptionList from '../option-list/option-list.component'\nimport styles from './combobox.scss?inline'\n\nexport default class ComboboxBaseElement extends GenericFormElement {\n  @query('input') readonly triggerInput: HTMLInputElement\n  @query('dap-ds-option-list') readonly optionList: DapDSOptionList\n  @property({ reflect: true }) placement: PopupPlacement = 'bottom-start'\n  @property({ type: Boolean, reflect: true }) opened = false\n  @property() searchMode: 'none' | 'typehead' | 'autocomplete' | 'manual' =\n    'autocomplete'\n  @property({ type: Boolean }) search = false\n  @property() clearButton?: string = 'true'\n  @property() placeholder: string | null\n  @property({ type: Boolean }) sync?: boolean\n  @property({ type: Boolean }) allowManualInput?: boolean = false\n  @property({ type: Boolean }) searchForText?: boolean = false\n  @property({ type: String }) searchOnValueSet? = 'false'\n  @property({ type: Boolean }) loading?: boolean = false\n  @property({ type: String }) selectable?: string = 'true'\n  @property({ type: Boolean }) noAnimation?: boolean = false\n  @property({ type: Boolean }) textComplete?: boolean = false\n  @property({ type: Boolean }) openOnEmpty?: boolean = false\n  @property({ type: Boolean }) disableViewportAutoClose: boolean = false\n  @property() searchButtonAriaLabel?: string\n  @property({ type: Boolean }) subtle: boolean\n  @property({ type: Boolean, reflect: true }) multiselect: boolean = false\n  @property({ type: Number, reflect: true }) maxSelections?: number\n\n  /** `data-testid` for the clear button. */\n  @property() clearButtonTestId = 'combobox-clear-button'\n\n  /** `data-testid` for the search button. */\n  @property() searchButtonTestId = 'combobox-search-button'\n\n  /**\n   * When enabled, the search button (the trailing icon button in search mode) is\n   * automatically disabled while the input is empty and re-enabled as soon as the\n   * user types. Opt-in; does not affect the input itself, which stays editable.\n   */\n  @property({ type: Boolean }) disableSearchWhenEmpty = false\n\n  /** True when the search input currently holds non-whitespace text. */\n  private get hasSearchText(): boolean {\n    const text =\n      this.selectedText || this.selectedItem?.text || this.value || ''\n    return text.trim().length > 0\n  }\n\n  @state() selectedItem: any\n  @state() selectedItems: any[] = []\n  @state() currentItem: any\n  @state() selectedText: string\n\n  private optionListObserver: MutationObserver | null = null\n  private isUserInteraction: boolean = false\n  private pendingInitialValues: string[] = []\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected async firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): Promise<void> {\n    super.firstUpdated(_changedProperties)\n\n    await this.optionList.updateComplete\n\n    // Wait for next frame to ensure slotted options are available\n    await new Promise(resolve => requestAnimationFrame(resolve))\n\n    // Wait for all option items to complete their updates\n    const options = this.getComboboxOptions()\n\n    await Promise.all(options.map((opt: any) => opt.updateComplete))\n\n    // Get the underlying value, not the computed value from the getter\n    const underlyingValue = super.value\n\n    if (underlyingValue) {\n      if (this.multiselect) {\n        // Handle multiselect mode - parse comma-separated values\n        const values = underlyingValue\n          .split(',')\n          .map((v: string) => v.trim())\n          .filter((v: string) => v)\n        // Store initial values to process later when options are ready\n        this.pendingInitialValues = values\n        // Try to populate immediately if options are available\n        this.updateMultipleSelectionsFromValues(values)\n      } else {\n        // Handle single-select mode\n        // Try to find the selected item from available options\n        this.selectedItem = this.optionList\n          ?.getAllOptions()\n          .find(option => option.value === underlyingValue)\n\n        if (this.selectedItem) {\n          this.selectedText = this.selectedItem.optionText || ''\n        } else {\n          // If no selected item found, leave selectedText empty\n          // It will be updated when options are loaded via updateSelectionFromValue\n          this.selectedText = ''\n        }\n\n        if (\n          !this.selectedText &&\n          (this.allowManualInput || this.searchMode === 'none')\n        ) {\n          this.selectedText = underlyingValue\n        }\n      }\n    }\n\n    // Set up MutationObserver to watch for dynamic option changes\n    this.setupOptionListObserver()\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    // Handle value property changes from outside the component\n    // Only process for combobox components, not search components\n    // Skip multiselect mode as the setter already handles value updates\n    if (\n      _changedProperties.has('value') &&\n      this.triggerInput &&\n      !this.search &&\n      !this.multiselect\n    ) {\n      const newValue = this.value\n      if (newValue) {\n        this.handleValueChange(newValue)\n      } else {\n        this.clearSelection()\n      }\n    }\n\n    // Free-text search (searchMode 'none' or allowManualInput) has no option to\n    // map onto, so the branch above skips it and the value never reaches the\n    // uncontrolled input. Reflect an externally-set value straight into the field\n    // so the search box is controllable (e.g. restoring a saved query). Typehead/\n    // autocomplete search keeps its existing behaviour. The guard leaves the\n    // input untouched when it already matches, so a keystroke — which set the\n    // value in the first place — doesn't bounce the caret to the end.\n    if (\n      _changedProperties.has('value') &&\n      this.triggerInput &&\n      this.isFreeTextSearch\n    ) {\n      const newValue = this.value ?? ''\n      if (this.triggerInput.value !== newValue) {\n        this.triggerInput.value = newValue\n      }\n      this.selectedText = newValue\n    }\n  }\n\n  private get isFreeTextSearch(): boolean {\n    return (\n      Boolean(this.search) &&\n      (this.searchMode === 'none' || Boolean(this.allowManualInput))\n    )\n  }\n\n  /**\n   * Handles value changes from outside the component\n   * This ensures the selection state is updated when the value is set programmatically\n   */\n  private handleValueChange(newValue: string): void {\n    if (!newValue) return\n\n    // Mark this as programmatic change, not user interaction\n    this.isUserInteraction = false\n\n    // Try to find the option with the new value\n    const option = this.getComboboxOptions().find(opt => opt.value === newValue)\n\n    if (option) {\n      // Option found, update selection\n      this.selectedItem = option\n      this.selectedText = option.optionText || option.textContent || ''\n\n      // Update the input value\n      if (this.triggerInput) {\n        this.triggerInput.value = this.selectedText\n      }\n\n      // Trigger re-render\n      this.requestUpdate()\n    } else {\n      // Option not found yet (might be loading)\n      this.selectedItem = null\n\n      // For search components, preserve the selectedText to maintain search functionality\n      // For combobox components, clear it to avoid showing raw values\n      if (!this.search) {\n        this.selectedText = ''\n\n        // Clear input value\n        if (this.triggerInput) {\n          this.triggerInput.value = ''\n        }\n      }\n\n      // Trigger re-render\n      this.requestUpdate()\n    }\n  }\n\n  private setupOptionListObserver(): void {\n    if (!this.optionList) return\n\n    // Disconnect existing observer if any\n    if (this.optionListObserver) {\n      this.optionListObserver.disconnect()\n    }\n\n    // Create new observer to watch for changes in the option list\n    this.optionListObserver = new MutationObserver(mutations => {\n      let shouldUpdateState = false\n\n      mutations.forEach(mutation => {\n        if (mutation.type === 'childList') {\n          // Check if option items were added or removed\n          const addedOptions = Array.from(mutation.addedNodes).some(\n            node => node.nodeName === 'DAP-DS-OPTION-ITEM',\n          )\n          const removedOptions = Array.from(mutation.removedNodes).some(\n            node => node.nodeName === 'DAP-DS-OPTION-ITEM',\n          )\n\n          if (addedOptions || removedOptions) {\n            shouldUpdateState = true\n          }\n        }\n      })\n\n      if (shouldUpdateState) {\n        // Update combobox state based on new option list\n        this.updateComboboxState()\n      }\n    })\n\n    // Start observing the combobox element itself for slot changes\n    // This is needed because remote data is added directly to the combobox element\n    this.optionListObserver.observe(this, {\n      childList: true,\n      subtree: true,\n    })\n  }\n\n  private updateComboboxState(): void {\n    // Wait for the next tick to ensure DOM is updated\n    requestAnimationFrame(() => {\n      // Wait one more tick to ensure options are fully initialized\n      requestAnimationFrame(() => {\n        const hasOptions = this.getComboboxOptions().length > 0\n        const hasInputValue =\n          this.triggerInput?.value && this.triggerInput.value.trim() !== ''\n\n        // If we have options and the dropdown should be open, show it\n        // For search components (this.search = true) or autocomplete mode\n        // Only open if this is a user interaction, not programmatic value setting\n        if (\n          hasOptions &&\n          hasInputValue &&\n          (this.isAutoComplete || this.search) &&\n          this.isUserInteraction\n        ) {\n          if (!this.opened) {\n            this.showDropDown()\n          }\n        } else if (!hasOptions && !this.openOnEmpty && hasInputValue) {\n          // If no options and we don't allow empty, hide the dropdown\n          // But only if the user has actually typed something\n          this.hideDropDown()\n        }\n\n        // Handle value restoration when options become available\n        if (hasOptions) {\n          if (this.multiselect) {\n            // For multiselect, check if selectedItems needs to be populated\n            if (\n              this.selectedItems.length === 0 &&\n              this.pendingInitialValues.length > 0\n            ) {\n              this.updateMultipleSelectionsFromValues(this.pendingInitialValues)\n            }\n          } else {\n            // For single-select, check if selectedItem needs to be populated\n            if (this.value && !this.selectedItem) {\n              this.updateSelectionFromValue()\n            }\n          }\n        }\n      })\n    })\n  }\n\n  /**\n   * Updates the selection state based on the current value\n   * This is useful when options are loaded asynchronously\n   */\n  private updateSelectionFromValue(): void {\n    if (!this.value) return\n\n    // Mark this as programmatic change, not user interaction\n    this.isUserInteraction = false\n\n    const option = this.getComboboxOptions().find(\n      opt => opt.value === this.value,\n    )\n\n    if (option) {\n      this.selectedItem = option\n      this.selectedText = option.optionText || option.textContent || ''\n\n      // Update the input value to show the selected text\n      if (this.triggerInput) {\n        this.triggerInput.value = this.selectedText\n      }\n\n      // Trigger re-render to update clear icon visibility\n      this.requestUpdate()\n    }\n  }\n\n  private cleanupOptionListObserver(): void {\n    if (this.optionListObserver) {\n      this.optionListObserver.disconnect()\n      this.optionListObserver = null\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.cleanupOptionListObserver()\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    if (name === 'value' && !value) {\n      this.clearSelection()\n    }\n\n    super.attributeChangedCallback(name, _old, value)\n  }\n\n  get isAutoComplete() {\n    return this.searchMode === 'autocomplete' || this.searchMode === 'manual'\n  }\n\n  /**\n   * Get all option items directly from the combobox element\n   * This is more reliable for dynamic updates than the option list component\n   */\n  private getComboboxOptions(): any[] {\n    return Array.from(this.querySelectorAll('dap-ds-option-item'))\n  }\n\n  get isOpenOnEmpty() {\n    return (\n      this.openOnEmpty ||\n      (!this.openOnEmpty && this.getComboboxOptions().length > 0)\n    )\n  }\n\n  get isOpenOnAutocomplete() {\n    return this.isAutoComplete && this.isOpenOnEmpty\n  }\n\n  get shouldHideClearIcon() {\n    // Check if input is empty (cross-browser compatible)\n    const inputValue = this.triggerInput?.value || ''\n    const hasPlaceholder = this.placeholder && this.placeholder.trim() !== ''\n\n    // Only apply JavaScript fallback when there's no placeholder\n    // When there IS a placeholder, let CSS :placeholder-shown handle it\n    if (hasPlaceholder) {\n      return false // Let CSS handle it\n    }\n\n    // Hide clear icon when input is empty and has no placeholder\n    return inputValue === ''\n  }\n\n  handleClick = () => {\n    if (!this.getComboboxOptions().length && !this.openOnEmpty) {\n      this.hideDropDown()\n    } else {\n      this.opened ? this.hideDropDown() : this.showDropDown()\n    }\n  }\n\n  private async handleEnterKey(event: KeyboardEvent) {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (this.allowManualInput) {\n      return this.handleSearchEnter()\n    }\n\n    if (this.currentItem && this.opened) {\n      return this.handleCurrentItemEnter()\n    }\n\n    if (this.search && !this.isAutoComplete) {\n      return this.handleSearchEnter()\n    }\n\n    return this.handleDefaultEnter()\n  }\n\n  private async handleCurrentItemEnter() {\n    if (this.currentItem.value === this.selectedItem?.value) {\n      this.hideDropDown()\n      this.triggerInput.value = this.selectedItem.text\n      this.triggerInput.focus()\n      return\n    }\n\n    if (this.currentItem.value !== this.selectedItem?.value) {\n      if (!this.searchForText) {\n        await this.handleSelectedItemChange(this.currentItem)\n      } else {\n        await this.handleTextSearch(this.currentItem.text)\n      }\n    }\n  }\n\n  private async handleSearchEnter() {\n    this.emit('dds-search', { search: this.selectedText })\n    this.setValidity()\n    return this.hideDropDown()\n  }\n\n  private async handleDefaultEnter() {\n    if (this.opened) {\n      return this.hideDropDown()\n    } else {\n      // For autocomplete mode, allow opening even without options initially\n      // The MutationObserver will handle showing/hiding based on actual option availability\n      return (\n        (this.openOnEmpty ||\n          this.getComboboxOptions().length ||\n          this.isAutoComplete) &&\n        this.showDropDown()\n      )\n    }\n  }\n\n  private async handleSelectedItemChange(item: any) {\n    this.selectedItem = item\n    this.emit('dds-change', {\n      value: this.selectedItem.value,\n      selectedItem: this.selectedItem,\n      type: 'select',\n    })\n    await this.updateComplete\n    this.value = this.selectedItem.value\n    this.selectedText = this.currentItem.text\n    this.triggerInput.value = this.currentItem.text\n    this.triggerInput.focus()\n    this.setValidity()\n  }\n\n  private async handleTextSearch(text: string) {\n    this.value = text\n    this.selectedText = text\n    this.triggerInput.value = text\n    this.triggerInput.focus()\n    this.emit('dds-search', { search: text })\n    this.setValidity()\n  }\n\n  private async handleArrowKeys(event: KeyboardEvent) {\n    event.preventDefault()\n\n    if (!this.opened) {\n      // For autocomplete mode, allow opening even without options initially\n      // The MutationObserver will handle showing/hiding based on actual option availability\n      if (\n        this.openOnEmpty ||\n        this.getComboboxOptions().length ||\n        this.isAutoComplete\n      ) {\n        this.showDropDown()\n      } else {\n        return // Don't proceed if we can't open dropdown\n      }\n    }\n\n    await this.updateComplete\n    this.optionList.captureFocus(event.key)\n  }\n\n  handleKeyDown = async (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      return\n    }\n\n    if (event.key === 'Enter') {\n      return this.handleEnterKey(event)\n    }\n\n    if (event.key === 'Escape') {\n      this.hideDropDown()\n      return this.focus()\n    }\n\n    // Handle Backspace for chip removal in multiselect mode\n    if (event.key === 'Backspace' && this.multiselect) {\n      const inputValue = this.triggerInput?.value || ''\n      // Only remove chip if input is empty\n      if (inputValue === '' && this.selectedItems.length > 0) {\n        event.preventDefault()\n        const lastItem = this.selectedItems[this.selectedItems.length - 1]\n        this.removeSelectedItem(lastItem)\n        this.emit('dds-change', {\n          value: this.selectedItems.map(item => item.value).join(','),\n          selectedItems: this.selectedItems,\n          type: 'remove',\n          item: lastItem,\n        })\n        this.setValidity()\n        return\n      }\n    }\n\n    if (\n      (event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight') &&\n      this.isAutoComplete\n    ) {\n      return this.handleArrowKeys(event)\n    }\n\n    // For autocomplete mode, only show dropdown if there are options OR if openOnEmpty is true\n    if (this.isAutoComplete && this.triggerInput?.value && !this.opened) {\n      const hasOptions = this.getComboboxOptions().length > 0\n      if (this.openOnEmpty || hasOptions) {\n        this.showDropDown()\n      }\n    }\n  }\n\n  handleInput = async (event: InputEvent) => {\n    const input = this.triggerInput\n\n    // Mark this as user interaction\n    this.isUserInteraction = true\n    if (\n      event.inputType !== 'deleteContentBackward' ||\n      (event.inputType === 'deleteContentBackward' && this.allowManualInput)\n    ) {\n      this.selectedText = input.value\n      if (this.search) {\n        this.value = input.value\n      }\n    } else if (this.search) {\n      this.selectedText = input.value\n      this.value = input.value\n    } else if (\n      input.value === '' &&\n      event.inputType === 'deleteContentBackward'\n    ) {\n      this.clearSelection()\n    }\n\n    this.emit('dds-input', { input: input.value, originalEvent: event })\n    this.setValidity()\n\n    // Trigger re-render to update clear icon visibility\n    this.requestUpdate()\n\n    // For autocomplete mode, only show dropdown if there are options OR if openOnEmpty is true\n    if (this.isAutoComplete && input.value && !this.opened) {\n      const hasOptions = this.getComboboxOptions().length > 0\n      if (this.openOnEmpty || hasOptions) {\n        this.showDropDown()\n      }\n    }\n  }\n\n  async clearSelection() {\n    // Mark this as programmatic change, not user interaction\n    this.isUserInteraction = false\n\n    // Was there anything to clear? Clearing an already-empty control (e.g. a\n    // programmatic `value = ''` on mount) must stay silent — otherwise it fires\n    // dds-change as if the user cleared a value, which a consumer reads as an\n    // edit. A real clear (the × button on a filled field) still emits.\n    const hadValue = Boolean(\n      this.value || this.selectedText || this.triggerInput?.value,\n    )\n\n    if (this.triggerInput) {\n      this.triggerInput.value = ''\n    }\n    this.selectedText = ''\n    this.selectedItem = null\n\n    this.value = undefined\n\n    // Trigger re-render to update clear icon visibility\n    this.requestUpdate()\n\n    await this.updateComplete\n\n    if (hadValue) {\n      this.emit('dds-change', this.selectedItem)\n    }\n  }\n\n  /**\n   * Multiselect helper methods\n   */\n  private getSelectedValues(): string[] {\n    return this.selectedItems.map(item => item.value)\n  }\n\n  private isMaxSelectionsReached(): boolean {\n    if (!this.maxSelections) return false\n    return this.selectedItems.length >= this.maxSelections\n  }\n\n  private addSelectedItem(item: any): void {\n    if (!this.multiselect) return\n\n    // Check if item is already selected\n    const isAlreadySelected = this.selectedItems.some(\n      selected => selected.value === item.value,\n    )\n\n    if (isAlreadySelected) return\n\n    // Check max selections limit\n    if (this.isMaxSelectionsReached()) return\n\n    // Add item to selectedItems array\n    this.selectedItems = [...this.selectedItems, item]\n\n    // Update value to comma-separated string (use super to avoid setter loop)\n    const newValue = this.getSelectedValues().join(',')\n    super.value = newValue\n\n    // Clear input text\n    this.selectedText = ''\n    if (this.triggerInput) {\n      this.triggerInput.value = ''\n    }\n\n    // Trigger re-render\n    this.requestUpdate()\n  }\n\n  private removeSelectedItem(item: any): void {\n    if (!this.multiselect) return\n\n    // Remove item from selectedItems array\n    this.selectedItems = this.selectedItems.filter(\n      selected => selected.value !== item.value,\n    )\n\n    // Update value to comma-separated string (use super to avoid setter loop)\n    if (this.selectedItems.length === 0) {\n      super.value = undefined\n    } else {\n      const newValue = this.getSelectedValues().join(',')\n      super.value = newValue\n    }\n\n    // Trigger re-render\n    this.requestUpdate()\n  }\n\n  private clearAllSelections(): void {\n    if (!this.multiselect) return\n\n    // Clear all selections\n    this.selectedItems = []\n    super.value = undefined\n    this.selectedText = ''\n\n    if (this.triggerInput) {\n      this.triggerInput.value = ''\n    }\n\n    // Trigger re-render\n    this.requestUpdate()\n  }\n\n  private updateMultipleSelectionsFromValues(values: string[]): void {\n    if (!this.multiselect) return\n\n    const options = this.getComboboxOptions()\n\n    // Don't clear if we've already populated items\n    const shouldClear = this.selectedItems.length === 0\n    if (shouldClear) {\n      this.selectedItems = []\n    }\n\n    let foundAny = false\n    values.forEach(value => {\n      // Check both property and attribute since elements might not be fully upgraded\n      const option = options.find(\n        opt => opt.value === value || opt.getAttribute('value') === value,\n      )\n      if (option) {\n        // Check if already in selectedItems to avoid duplicates\n        const exists = this.selectedItems.some(item => item.value === value)\n        if (!exists) {\n          this.selectedItems.push(option)\n          foundAny = true\n        }\n      }\n    })\n\n    // Clear pending values if we successfully found items\n    if (foundAny && this.pendingInitialValues.length > 0) {\n      this.pendingInitialValues = []\n    }\n\n    // Trigger re-render\n    this.requestUpdate()\n  }\n\n  /**\n   * Override value getter/setter to handle multiselect mode\n   */\n  override get value(): string | undefined {\n    if (this.multiselect) {\n      const values = this.getSelectedValues()\n      const result = values.length > 0 ? values.join(',') : undefined\n      return result\n    }\n    return super.value\n  }\n\n  override set value(val: string | undefined) {\n    if (this.multiselect) {\n      // Parse comma-separated values\n      const values = val\n        ? val\n            .split(',')\n            .map((v: string) => v.trim())\n            .filter((v: string) => v)\n        : []\n\n      // Store as pending if we have values and selectedItems is empty\n      // This ensures initial values are processed even if set after component is created\n      if (values.length > 0 && this.selectedItems.length === 0) {\n        this.pendingInitialValues = values\n      }\n\n      this.updateMultipleSelectionsFromValues(values)\n\n      // Update parent value\n      super.value = val\n    } else {\n      // Single select mode - use parent implementation\n      super.value = val\n    }\n  }\n\n  handleListKeyDown = (event: CustomEvent) => {\n    if (event.detail.key === 'Escape') {\n      this.hideDropDown()\n      this.currentItem = this.selectedItem\n      this.selectedText = ''\n      this.triggerInput.value = this.selectedItem.text\n      this.triggerInput.focus()\n    }\n  }\n\n  handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n    if (this && !path.includes(this)) {\n      this.hideDropDown()\n    }\n  }\n\n  private readonly handlePopupAutoClose = () => {\n    this.hideDropDown({ skipFocus: true })\n  }\n\n  handleFocus = () => {\n    this.emit('dds-focus')\n  }\n\n  handleBlur = () => {\n    this.emit('dds-blur')\n  }\n\n  async showDropDown() {\n    if (this.disabled || this.readonly || !this.isAutoComplete || this.opened) {\n      return\n    }\n\n    // For autocomplete mode, allow opening even without options initially\n    // The MutationObserver will handle showing/hiding based on actual option availability\n    if (\n      !this.openOnEmpty &&\n      !this.getComboboxOptions().length &&\n      !this.isAutoComplete\n    ) {\n      return\n    }\n\n    this.opened = true\n\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n  }\n\n  async hideDropDown(options?: { skipFocus?: boolean }) {\n    if (!this.opened) {\n      return\n    }\n\n    this.opened = false\n\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    await this.updateComplete\n    if (!options?.skipFocus) {\n      this.focus()\n    }\n    this.clearSelectionRange()\n  }\n\n  public get focusElement() {\n    return this.triggerInput\n  }\n\n  handleSelectedChange = async (event: CustomEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (this.searchForText) {\n      this.selectedText = event.detail.text\n      this.value = event.detail.text\n      this.triggerInput.value = event.detail.text\n\n      this.emit('dds-search', { search: this.selectedText })\n\n      // Trigger re-render to update clear icon visibility\n      this.requestUpdate()\n\n      this.setValidity()\n    } else if (this.multiselect) {\n      // Multiselect mode - add item to selected items\n      this.addSelectedItem(event.detail)\n      this.emit('dds-change', {\n        value: this.selectedItems.map(item => item.value).join(','),\n        selectedItems: this.selectedItems,\n        type: 'add',\n        item: event.detail,\n      })\n\n      // Clear current item to prevent text completion from filling it back in\n      this.currentItem = null\n\n      // Wait for update to complete before focusing\n      await this.updateComplete\n\n      // Ensure input is cleared after render\n      this.triggerInput.value = ''\n      this.triggerInput.focus()\n      this.setValidity()\n\n      // Don't close dropdown in multiselect mode\n      return\n    } else {\n      this.selectedItem = event.detail\n      this.selectedText = event.detail.text\n\n      if (this.value !== this.selectedItem?.value) {\n        this.triggerInput.value = event.detail.text\n        this.value = this.selectedItem.value\n        this.emit('dds-change', {\n          value: this.selectedItem.value,\n          selectedItem: this.selectedItem,\n          type: 'select',\n        })\n\n        // Trigger re-render to update clear icon visibility\n        this.requestUpdate()\n\n        await this.updateComplete\n\n        if (this.currentItem) {\n          this.triggerInput.value = this.currentItem.text\n        }\n        this.triggerInput.focus()\n        this.setValidity()\n      }\n    }\n\n    this.hideDropDown()\n  }\n\n  handleOptionDeselect = (event: CustomEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n\n    this.selectedItem = null\n    this.selectedText = ''\n    this.value = undefined\n    this.triggerInput.value = ''\n    this.emit('dds-change', {\n      value: undefined,\n      selectedItem: null,\n      type: 'deselect',\n    })\n\n    // Trigger re-render to update clear icon visibility\n    this.requestUpdate()\n\n    this.setValidity()\n  }\n\n  handleCurrentOptionChange = (event: CustomEvent) => {\n    this.currentItem = event.detail\n\n    // Skip text completion in multiselect mode\n    if (this.multiselect) {\n      return\n    }\n\n    if (event.detail) {\n      if (\n        this.textComplete &&\n        this.searchMode !== 'manual' &&\n        this.searchMode !== 'none'\n      ) {\n        this.triggerInput.value = event.detail.text\n      }\n\n      if (\n        this.isAutoComplete &&\n        this.selectedText &&\n        this.selectedText !== '' &&\n        !this.allowManualInput &&\n        this.textComplete\n      ) {\n        this.triggerInput.value = event.detail.text\n        this.setSelectionRange(\n          this.selectedText.length,\n          this.triggerInput.value.length,\n        )\n      }\n    }\n  }\n\n  handleListChanged = (event: CustomEvent) => {\n    if (!event.detail.elements.length && !this.openOnEmpty) {\n      this.hideDropDown()\n    }\n  }\n\n  handleClearClick = () => {\n    if (!this.disabled) {\n      if (this.multiselect) {\n        this.clearAllSelections()\n      } else {\n        this.clearSelection()\n      }\n\n      this.triggerInput.focus()\n      this.setValidity()\n\n      if (!this.openOnEmpty) {\n        this.hideDropDown()\n      }\n\n      this.emit('dds-clear')\n    }\n  }\n\n  handleSearchClick = (event: MouseEvent) => {\n    event.stopPropagation()\n    event.preventDefault()\n\n    this.setValidity()\n    this.emit('dds-search', { search: this.selectedText })\n  }\n\n  private setSelectionRange(start: number, end: number) {\n    this.triggerInput.setSelectionRange(start, end)\n  }\n\n  private clearSelectionRange() {\n    const controlValueLength = this.triggerInput.value.length\n\n    this.setSelectionRange(controlValueLength, controlValueLength)\n  }\n\n  getValidity() {\n    if (this.multiselect) {\n      return this.getMultiSelectValidity()\n    }\n    if (this.isAutoComplete) {\n      return this.getAutoCompleteValidity()\n    }\n    return this.getBasicValidity()\n  }\n\n  formResetCallback() {\n    this.internals.setValidity({})\n    this.internals.setFormValue(this.defaultValue)\n    this.value = this.defaultValue\n    if (this.multiselect) {\n      this.selectedItems = []\n    } else {\n      this.selectedItem = this.defaultValue\n    }\n  }\n\n  private getMultiSelectValidity(): boolean {\n    // Valid if not required OR has at least one selection\n    return !this.required || this.selectedItems.length > 0\n  }\n\n  private getAutoCompleteValidity(): boolean {\n    if (this.allowManualInput) {\n      return this.getManualInputValidity()\n    }\n    if (this.searchForText) {\n      return this.getSearchTextValidity()\n    }\n    return this.getSelectedItemValidity()\n  }\n\n  private getManualInputValidity(): boolean {\n    return (\n      this.triggerInput.value !== '' ||\n      (this.selectedItem !== null && this.selectedItem !== undefined)\n    )\n  }\n\n  private getSearchTextValidity(): boolean {\n    return this.triggerInput.value !== ''\n  }\n\n  private getSelectedItemValidity(): boolean {\n    return !!this.selectedItem\n  }\n\n  private getBasicValidity(): boolean {\n    return this.triggerInput.value !== ''\n  }\n\n  // custom validation\n  get validity(): ValidityState {\n    if (this.internals.validity) {\n      return this.internals.validity\n    } else {\n      return getValidityStateObject({\n        valueMissing: this.required && !this.getValidity(),\n      })\n    }\n  }\n\n  get validationMessage(): string {\n    return t('form.validationMessage.select')\n  }\n\n  checkValidity() {\n    return this.required ? this.getValidity() : true\n  }\n\n  reportValidity() {\n    return this.required ? this.checkValidity() : true\n  }\n\n  setValidity() {\n    if (!this.checkValidity()) {\n      this.internals.setValidity(\n        {\n          valueMissing: this.required && !this.getValidity(),\n        },\n        this.validationMessage,\n        this.triggerInput,\n      )\n    } else {\n      this.internals.setValidity({})\n    }\n  }\n\n  handleInvalid(event: Event) {\n    event.preventDefault()\n  }\n\n  getActiveDescendant() {\n    if (!this.opened) {\n      return this.triggerInput\n    }\n\n    const activeOption = this.optionList?.getActiveOption()\n    return activeOption\n  }\n\n  getSearchIconSize(size: string) {\n    switch (size) {\n      case 'sm':\n        return 'md'\n      case 'lg':\n        return 'lg'\n      case 'xs':\n        return 'sm'\n      default:\n        return 'md'\n    }\n  }\n\n  getInnerIconSize(size: string) {\n    switch (size) {\n      case 'sm':\n        return 16\n      case 'lg':\n        return 16\n      case 'xs':\n        return 10\n      default:\n        return 16\n    }\n  }\n\n  private handleChipRemove = (event: CustomEvent, item: any) => {\n    event.stopPropagation()\n    this.removeSelectedItem(item)\n    this.emit('dds-change', {\n      value: this.selectedItems.map(item => item.value).join(','),\n      selectedItems: this.selectedItems,\n      type: 'remove',\n      item: item,\n    })\n    this.setValidity()\n\n    // Focus input after removal\n    this.triggerInput.focus()\n  }\n\n  private renderChip(item: any) {\n    // Get text from the option element - prefer optionText getter, then textContent\n    const text = item.optionText || item.textContent || item.text || ''\n\n    return html`\n      <dap-ds-chip\n        size=\"sm\"\n        removeable\n        .value=${item.value}\n        @dds-remove=${(e: CustomEvent) => this.handleChipRemove(e, item)}>\n        ${text}\n      </dap-ds-chip>\n    `\n  }\n\n  private renderChips() {\n    if (!this.multiselect || this.selectedItems.length === 0) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"combobox__chips\" part=\"chips\">\n        ${this.selectedItems.map(item => this.renderChip(item))}\n      </div>\n    `\n  }\n\n  private renderInput() {\n    // In multiselect mode, only show selectedText (typing), never show selectedItem\n    const inputValue = this.multiselect\n      ? this.selectedText\n      : this.selectedText !== ''\n        ? this.selectedText\n        : this.selectedItem?.text || ''\n\n    return html`<input\n      id=\"input\"\n      part=\"input\"\n      role=\"combobox\"\n      class=\"${clsx('input', `input--${this.size}`, {\n        'input--disabled': this.disabled,\n        'input--readonly': this.readonly,\n        'input--multiselect': this.multiselect,\n      })}\"\n      aria-expanded=${this.opened}\n      aria-haspopup=\"listbox\"\n      aria-labelledby=\"label\"\n      aria-describedby=\"description ${this.feedback ? 'feedback' : ''}\"\n      aria-disabled=${this.disabled}\n      aria-autocomplete=\"both\"\n      aria-controls=\"option-list\"\n      aria-activedescendant=${ifDefined(this.getActiveDescendant()?.id)}\n      aria-multiselectable=${this.multiselect ? 'true' : 'false'}\n      ?required=${this.required}\n      ?readonly=${this.readonly}\n      ?autofocus=${this.autofocus}\n      autocomplete=${this.autocomplete as any}\n      ?disabled=${this.disabled}\n      value=${inputValue}\n      placeholder=${ifDefined(this.placeholder ?? '')}\n      type=${this.search ? 'search' : 'text'}\n      @blur=${this.handleBlur}\n      @focus=${this.handleFocus}\n      @input=${this.handleInput}\n      @keydown=${this.handleKeyDown}\n      @click=${this.handleClick} />`\n  }\n\n  private renderClearButton() {\n    if (this.clearButton !== 'true' || this.readonly) return nothing\n\n    return html`<div\n      class=\"${clsx('clear-icon', {\n        'clear-icon--hidden': this.shouldHideClearIcon,\n      })}\">\n      <dap-ds-icon-button\n        icon=\"close-line\"\n        data-testid=${this.clearButtonTestId}\n        aria-label=${t('clear')}\n        ?disabled=${this.disabled}\n        @click=${this.handleClearClick}></dap-ds-icon-button>\n    </div>`\n  }\n\n  private renderIndicatorIcon() {\n    const isAutocompleteOrManual =\n      this.searchMode === 'autocomplete' || this.searchMode === 'manual'\n    const showLoadingSpinner = this.loading\n      ? html`<dap-ds-icon-loading-spinner></dap-ds-icon-loading-spinner>`\n      : null\n\n    if (isAutocompleteOrManual && !this.search) {\n      return html`<div\n        class=\"${clsx('indicator-icon', {\n          'indicator-icon--loading': this.loading,\n        })}\"\n        part=\"indicator-icon\">\n        ${showLoadingSpinner ||\n        html`<slot name=\"indicator-icon\"\n          ><dap-ds-icon-arrow-down-s-line\n            aria-hidden=\"true\"\n            @click=${this.handleClick}>\n          </dap-ds-icon-arrow-down-s-line\n        ></slot>`}\n      </div>`\n    }\n\n    if (this.search) {\n      return html`<div\n        class=\"${clsx('indicator-icon', {\n          'indicator-icon--loading': this.loading,\n        })}\">\n        ${showLoadingSpinner ||\n        html`<dap-ds-icon-button\n          part=\"search-button\"\n          size=${this.getSearchIconSize(this.size)}\n          variant=${this.subtle ? 'neutral' : 'inverted-brand'}\n          icon=\"search-line\"\n          ?disabled=${this.disableSearchWhenEmpty && !this.hasSearchText}\n          data-testid=${this.searchButtonTestId}\n          iconSize=${this.getInnerIconSize(this.size)}\n          aria-label=${this.searchButtonAriaLabel ?? t('search')}\n          @click=${this.handleSearchClick}>\n        </dap-ds-icon-button>`}\n      </div>`\n    }\n\n    return nothing\n  }\n\n  private renderSelectActions() {\n    return html`<div\n      class=\"${clsx('select-action', `select-action--${this.size}`, {\n        'select-action--disabled': this.disabled,\n        'select-action--readonly': this.readonly,\n        'select-action--opened': this.opened,\n        'select-action--multiselect': this.multiselect,\n      })}\">\n      ${this.renderClearButton()} ${this.renderIndicatorIcon()}\n    </div>`\n  }\n\n  private renderOptionList() {\n    return html`<dap-ds-option-list\n      class=\"option-list\"\n      part=\"option-list\"\n      id=\"option-list\"\n      .search=${this.search}\n      searchMode=${this.allowManualInput ? 'none' : this.searchMode}\n      searchOnValueSet=${this.searchOnValueSet === 'true'}\n      filterText=${this.selectedText}\n      size=${ifDefined(this.size)}\n      value=${ifDefined(this.value)}\n      selectable=${ifDefined(this.selectable)}\n      @dds-option-change=${this.handleSelectedChange}\n      @dds-option-deselect=${this.handleOptionDeselect}\n      @dds-keydown=${this.handleListKeyDown}\n      @dds-current-change=${this.handleCurrentOptionChange}\n      @dds-list-changed=${this.handleListChanged}>\n      <slot></slot>\n    </dap-ds-option-list>`\n  }\n\n  renderCombobox() {\n    return html` ${(this, this.renderLabel())}\n      <div>\n        <dap-ds-popup\n          part=\"base\"\n          class=\"select-popup\"\n          overflow\n          ?opened=${this.opened}\n          ?hasArrow=${false}\n          placement=${this.placement}\n          floatingStrategy=\"fixed\"\n          offset=\"4\"\n          ?sync=${this.sync}\n          ?disableViewportAutoClose=${this.disableViewportAutoClose}\n          @dds-close=${this.handlePopupAutoClose}\n          @dds-closed=${this.hideDropDown}\n          @dds-opened=${this.showDropDown}>\n          <div\n            slot=\"trigger\"\n            part=\"trigger\"\n            class=\"${clsx('select', `select--${this.size}`, {\n              'select--disabled': this.disabled,\n              'select--readonly': this.readonly,\n              'select--opened': this.opened,\n              'select--loading': this.loading,\n              'select--success': this.status === 'success',\n              'select--error': this.status === 'error',\n              'select--no-animation': this.noAnimation,\n              'select--multiselect': this.multiselect,\n            })}\">\n            ${this.renderChips()} ${this.renderInput()}\n            ${this.renderSelectActions()}\n          </div>\n          ${this.renderOptionList()}\n        </dap-ds-popup>\n        ${this.multiselect\n          ? html`<div\n              class=\"sr-only\"\n              role=\"status\"\n              aria-live=\"polite\"\n              aria-atomic=\"true\">\n              ${this.selectedItems.length > 0\n                ? t('combobox.multiselect.selected', {\n                    count: this.selectedItems.length,\n                  })\n                : ''}\n            </div>`\n          : nothing}\n        ${this.feedback &&\n        html`<dap-ds-feedback\n          part=\"feedback\"\n          feedbackType=${ifDefined(this.feedbackType)}\n          feedbackSize=\"${ifDefined(this.size as 'lg' | 'sm' | 'xs')}\"\n          id=\"feedback\">\n          ${this.feedback}\n        </dap-ds-feedback>`}\n      </div>`\n  }\n}\n"],"names":["_ComboboxBaseElement","GenericFormElement","event","__async","_a","lastItem","item","_b","hasOptions","input","path","_changedProperties","__superGet","resolve","options","opt","underlyingValue","values","v","option","newValue","mutations","shouldUpdateState","mutation","addedOptions","node","removedOptions","hasInputValue","name","_old","value","inputValue","text","hadValue","selected","foundAny","val","start","end","controlValueLength","getValidityStateObject","t","size","html","e","nothing","clsx","ifDefined","_c","isAutocompleteOrManual","showLoadingSpinner","unsafeCSS","styles","ComboboxBaseElement","__decorateClass","query","property","state"],"mappings":"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"}

package/dist/components/command/command-group.component.d.ts

@@ -19,6 +19,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-command-group-items-gap - The gap between command items. (default: var(--dds-spacing-100))
  */
 export default class DapDSCommandGroup extends DdsElement {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     /**
      * The label of the command group.

package/dist/components/command/command-group.component.js

@@ -0,0 +1,63 @@
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as p } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import { html as d } from "../../node_modules/lit-html/static.js";
+import { DdsElement as u } from "../../internal/dds-hu-element.js";
+import h from "./command-group.scss.js";
+import { unsafeCSS as v } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var f = Object.defineProperty, a = (m, s, l, r) => {
+  for (var e = void 0, c = m.length - 1, o; c >= 0; c--)
+    (o = m[c]) && (e = o(s, l, e) || e);
+  return e && f(s, l, e), e;
+};
+const i = class i extends u {
+  constructor() {
+    super(...arguments), this.exclusive = !1, this._selectedItem = null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(
+      "dds-command-item-click",
+      this._handleItemClick
+    );
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener(
+      "dds-command-item-click",
+      this._handleItemClick
+    );
+  }
+  _handleItemClick(s) {
+    if (!this.exclusive) return;
+    const r = s.target;
+    r !== this._selectedItem && (this._selectedItem && this._selectedItem.removeAttribute("selected"), this._selectedItem = r, this._selectedItem.setAttribute("selected", ""));
+  }
+  render() {
+    return d`
+      <div class="command-group" part="base">
+        ${this.label ? d`<div class="command-group__label" part="label">
+              ${this.label}
+            </div>` : ""}
+        <div class="command-group__items" part="items">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+i.tagName = "dap-ds-command-group", i.styles = v(h);
+let t = i;
+a([
+  n({ type: String })
+], t.prototype, "label");
+a([
+  n({ type: Boolean })
+], t.prototype, "exclusive");
+a([
+  p()
+], t.prototype, "_selectedItem");
+export {
+  t as default
+};
+//# sourceMappingURL=command-group.component.js.map

package/dist/components/command/command-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-group.component.js","sources":["../../../src/components/command/command-group.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './command-group.scss?inline'\n\n/**\n * `dap-ds-command-group`\n * @summary A command group is a group of command items.\n * @element dap-ds-command-group\n * @title - Command group\n * @group command\n *\n * @slot - The default slot for the command group.\n *\n * @csspart base - The base part of the command group.\n * @csspart label - The label part of the command group.\n * @csspart items - The items part of the command group.\n *\n * @cssproperty --dds-command-group-gap - The gap between command group elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-command-group-margin-bottom - The bottom margin of the command group. (default: var(--dds-spacing-200))\n * @cssproperty --dds-command-group-border-radius - The border radius of the command group. (default: var(--dds-radius-small))\n * @cssproperty --dds-command-group-label-font-weight - The font weight of the command group label. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-command-group-items-gap - The gap between command items. (default: var(--dds-spacing-100))\n */\nexport default class DapDSCommandGroup extends DdsElement {\n  static tagName = 'dap-ds-command-group'\n\n  static readonly styles = unsafeCSS(styles)\n\n  /**\n   * The label of the command group.\n   */\n  @property({ type: String })\n  label?: string\n\n  /**\n   * Whether the command group is exclusive, only one item can be selected at a time.\n   */\n  @property({ type: Boolean })\n  exclusive = false\n\n  @state()\n  private _selectedItem: HTMLElement | null = null\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener(\n      'dds-command-item-click',\n      this._handleItemClick as EventListener,\n    )\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener(\n      'dds-command-item-click',\n      this._handleItemClick as EventListener,\n    )\n  }\n\n  private _handleItemClick(event: Event) {\n    if (!this.exclusive) return\n\n    const customEvent = event as CustomEvent\n    const clickedItem = customEvent.target as HTMLElement\n    if (clickedItem === this._selectedItem) return\n\n    // Deselect previously selected item\n    if (this._selectedItem) {\n      this._selectedItem.removeAttribute('selected')\n    }\n\n    // Select new item\n    this._selectedItem = clickedItem\n    this._selectedItem.setAttribute('selected', '')\n  }\n\n  render() {\n    return html`\n      <div class=\"command-group\" part=\"base\">\n        ${this.label\n          ? html`<div class=\"command-group__label\" part=\"label\">\n              ${this.label}\n            </div>`\n          : ''}\n        <div class=\"command-group__items\" part=\"items\">\n          <slot></slot>\n        </div>\n      </div>\n    `\n  }\n}\n"],"names":["_DapDSCommandGroup","DdsElement","event","clickedItem","html","unsafeCSS","styles","DapDSCommandGroup","__decorateClass","property","state"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAqBA,IAArB,MAAqBA,UAA0BC,EAAW;AAAA,EAA1D,cAAA;AAAA,UAAA,GAAA,SAAA,GAec,KAAA,YAAA,IAGZ,KAAQ,gBAAoC;AAAA,EAAA;AAAA,EAE5C,oBAAoB;AAClB,UAAM,kBAAkB,GACnB,KAAA;AAAA,MACH;AAAA,MACA,KAAK;AAAA,IACP;AAAA,EAAA;AAAA,EAGF,uBAAuB;AACrB,UAAM,qBAAqB,GACtB,KAAA;AAAA,MACH;AAAA,MACA,KAAK;AAAA,IACP;AAAA,EAAA;AAAA,EAGM,iBAAiBC,GAAc;AACjC,QAAA,CAAC,KAAK,UAAW;AAGrB,UAAMC,IADcD,EACY;AAC5B,IAAAC,MAAgB,KAAK,kBAGrB,KAAK,iBACF,KAAA,cAAc,gBAAgB,UAAU,GAI/C,KAAK,gBAAgBA,GAChB,KAAA,cAAc,aAAa,YAAY,EAAE;AAAA,EAAA;AAAA,EAGhD,SAAS;AACA,WAAAC;AAAAA;AAAAA,UAED,KAAK,QACHA;AAAAA,gBACI,KAAK,KAAK;AAAA,sBAEd,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOd;AAlEEJ,EAAO,UAAU,wBAEDA,EAAA,SAASK,EAAUC,CAAM;AAH3C,IAAqBC,IAArBP;AASEQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GARPF,EASnB,WAAA,OAAA;AAMAC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAdRF,EAenB,WAAA,WAAA;AAGQC,EAAA;AAAA,EADPE,EAAM;AAAA,GAjBYH,EAkBX,WAAA,eAAA;"}

package/dist/components/command/command-group.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSCommandGroup } from './command-group.component';
+export * from './command-group.component';
+export default DapDSCommandGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-command-group': DapDSCommandGroup;
+    }
+}

package/dist/components/command/command-group.js

@@ -0,0 +1,6 @@
+import o from "./command-group.component.js";
+o.define();
+export {
+  o as default
+};
+//# sourceMappingURL=command-group.js.map

package/dist/components/command/command-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-group.js","sources":["../../../src/components/command/command-group.ts"],"sourcesContent":["import DapDSCommandGroup from './command-group.component'\n\nexport * from './command-group.component'\nexport default DapDSCommandGroup\n\nDapDSCommandGroup.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-command-group': DapDSCommandGroup\n  }\n}\n"],"names":["DapDSCommandGroup"],"mappings":";AAKAA,EAAkB,OAAO;"}

package/dist/components/command/command-group.scss.js

@@ -0,0 +1,5 @@
+const d = ":host{--dds-command-group-gap: var(--dds-spacing-100);--dds-command-group-margin-bottom: var(--dds-spacing-200);--dds-command-group-border-radius: var(--dds-radius-small);--dds-command-group-label-font-weight: var(--dds-font-weight-bold);--dds-command-group-items-gap: var(--dds-spacing-100)}.command-group{display:flex;flex-direction:column;gap:var(--dds-command-group-gap, var(--dds-spacing-100));margin-bottom:var(--dds-command-group-margin-bottom, var(--dds-spacing-200));border-radius:var(--dds-command-group-border-radius, var(--dds-radius-small))}.command-group__label{font-weight:var(--dds-command-group-label-font-weight, var(--dds-font-weight-bold))}.command-group__items{display:flex;flex-direction:column;gap:var(--dds-command-group-items-gap, var(--dds-spacing-100))}";
+export {
+  d as default
+};
+//# sourceMappingURL=command-group.scss.js.map

package/dist/components/command/command-group.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-group.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/command/command-item.component.d.ts

@@ -1,5 +1,6 @@
 import { LinkTarget } from '../../dap-design-system';
 import { DdsElement } from '../../internal/dds-hu-element';
+import { default as DapDSIcon } from '../icon/icon.component';
 /**
  * `dap-ds-command-item`
  * @summary A command item is a command item that can be selected.
@@ -23,6 +24,10 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-command-item-selected-background - The background color of the selected command item (default: var(--dds-transparent-black-subtle))
  */
 export default class DapDSCommandItem extends DdsElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-icon': typeof DapDSIcon;
+    };
     private readonly _trigger;
     static readonly styles: import('lit').CSSResult;
     /**

package/dist/components/command/command-item.component.js

@@ -0,0 +1,116 @@
+import { clsx as p } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as m } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as i } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as u } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import { query as y } from "../../node_modules/@lit/reactive-element/decorators/query.js";
+import { ifDefined as h } from "../../node_modules/lit-html/directives/if-defined.js";
+import { unsafeStatic as f, html as o } from "../../node_modules/lit-html/static.js";
+import { DdsElement as b } from "../../internal/dds-hu-element.js";
+import _ from "../icon/icon.component.js";
+import g from "./command-item.scss.js";
+import { unsafeCSS as $ } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var S = Object.defineProperty, s = (c, e, d, k) => {
+  for (var a = void 0, l = c.length - 1, n; l >= 0; l--)
+    (n = c[l]) && (a = n(e, d, a) || a);
+  return a && S(e, d, a), a;
+};
+const r = class r extends b {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.target = "_self", this.rel = "noreferrer noopener", this.selectable = !1, this.selected = !1, this.closeOnSelect = "true", this._isSelected = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._isSelected = this.selected;
+  }
+  updated(e) {
+    super.updated(e), e.has("selected") && (this._isSelected = this.selected);
+  }
+  _handleClick(e) {
+    e.stopPropagation(), !this.disabled && (this._isSelected = !this._isSelected, this.emit("dds-command-item-click", {
+      value: this.value,
+      closeOnSelect: this.closeOnSelect
+    }));
+  }
+  _handleKeyDown(e) {
+    (e.key === "Enter" || e.key === " ") && (this.href ? e.stopPropagation() : (e.preventDefault(), this._handleClick(e))), e.key === "Escape" && (e.preventDefault(), this.emit("dds-close"));
+  }
+  focus() {
+    this._trigger && this._trigger.focus();
+  }
+  render() {
+    return o`
+      <${f(this.href ? "a" : "button")}
+        part="base"
+        id="trigger"
+        class=${p("command-item", {
+      "command-item--disabled": this.disabled,
+      "command-item--selected": this.selectable && this._isSelected
+    })}
+        .disabled=${this.disabled}
+        aria-disabled=${this.disabled}
+        aria-label=${h(this.ariaLabel) || ""}
+        aria-pressed=${h(this.href ? void 0 : this.selected)}
+        href=${this.href}
+        target=${this.target}
+        rel=${this.rel}
+        .autofocus=${this.autofocus}
+        @click=${this._handleClick}
+        @keydown=${this._handleKeyDown}>
+        <span
+          part="content"
+          class=${p("command-item__content", {
+      "command-item__content--selectable": this.selectable
+    })}>
+          ${this.selectable ? this._isSelected ? o`<slot name="check"
+                    ><dap-ds-icon
+                      name="check-line2"
+                      aria-hidden="true"></dap-ds-icon
+                  ></slot>` : o`<span class="sr-only"></span>` : m}
+          <span part="label" class="command-item__label"><slot></slot></span>
+        </span>
+      </${f(this.href ? "a" : "button")}
+    `;
+  }
+};
+r.tagName = "dap-ds-command-item", r.dependencies = {
+  "dap-ds-icon": _
+}, r.styles = $(g);
+let t = r;
+s([
+  y("#trigger")
+], t.prototype, "_trigger");
+s([
+  i({ type: String })
+], t.prototype, "value");
+s([
+  i({ type: Boolean })
+], t.prototype, "disabled");
+s([
+  i()
+], t.prototype, "name");
+s([
+  i()
+], t.prototype, "href");
+s([
+  i()
+], t.prototype, "target");
+s([
+  i()
+], t.prototype, "rel");
+s([
+  i({ type: Boolean })
+], t.prototype, "selectable");
+s([
+  i({ type: Boolean })
+], t.prototype, "selected");
+s([
+  i({ type: String })
+], t.prototype, "closeOnSelect");
+s([
+  u()
+], t.prototype, "_isSelected");
+export {
+  t as default
+};
+//# sourceMappingURL=command-item.component.js.map

package/dist/components/command/command-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-item.component.js","sources":["../../../src/components/command/command-item.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { nothing, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html, unsafeStatic } from 'lit/static-html.js'\n\nimport { LinkTarget } from '@/dap-design-system'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport DapDSIcon from '../icon/icon.component'\nimport styles from './command-item.scss?inline'\n\n/**\n * `dap-ds-command-item`\n * @summary A command item is a command item that can be selected.\n * @element dap-ds-command-item\n * @title - Command item\n * @group command\n *\n * @event {{ value: string, closeOnSelect: boolean }} dds-command-item-click - Fired when the command item is clicked.\n *\n * @slot - The label of the command item.\n * @slot check - The check of the command item.\n *\n * @csspart base - The base part of the command item.\n * @csspart content - The content part of the command item.\n * @csspart label - The label part of the command item.\n *\n * @cssproperty --dds-command-item-padding - The padding of the command item (default: var(--dds-spacing-100) var(--dds-spacing-200))\n * @cssproperty --dds-command-item-background - The background color of the command item (default: none)\n * @cssproperty --dds-command-item-color - The text color of the command item (default: var(--dds-text-primary-base))\n * @cssproperty --dds-command-item-hover-background - The background color of the command item on hover (default: var(--dds-transparent-black-subtle))\n * @cssproperty --dds-command-item-selected-background - The background color of the selected command item (default: var(--dds-transparent-black-subtle))\n */\nexport default class DapDSCommandItem extends DdsElement {\n  static tagName = 'dap-ds-command-item'\n\n  static dependencies = {\n    'dap-ds-icon': DapDSIcon,\n  }\n\n  @query('#trigger')\n  private readonly _trigger!: HTMLButtonElement\n\n  static readonly styles = unsafeCSS(styles)\n\n  /**\n   * The value of the command item.\n   */\n  @property({ type: String })\n  value?: string\n\n  /**\n   * Whether the command item is disabled.\n   */\n  @property({ type: Boolean })\n  disabled = false\n\n  /** The name of the button */\n  @property() name: string\n\n  /** The Href of the button. If this present the button will be rendered as an anchor `<a></a>` element. */\n  @property() href: string\n\n  /** The target of the button\n   * @type { '_blank' | '_self' | '_parent' | '_top' }\n   */\n  @property() target: LinkTarget = '_self'\n\n  /**\n   * The rel of the button link. Default is `noreferrer noopener`.\n   */\n  @property() rel = 'noreferrer noopener'\n\n  /**\n   * Whether the command item is selectable.\n   */\n  @property({ type: Boolean })\n  selectable = false\n\n  /**\n   * Whether the command item is selected.\n   */\n  @property({ type: Boolean })\n  selected = false\n\n  /**\n   * Whether the command item should close the command when selected.\n   */\n  @property({ type: String })\n  closeOnSelect = 'true'\n\n  @state()\n  private _isSelected = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    this._isSelected = this.selected\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties)\n    if (changedProperties.has('selected')) {\n      this._isSelected = this.selected\n    }\n  }\n\n  private _handleClick(event: Event) {\n    event.stopPropagation()\n\n    if (this.disabled) return\n    this._isSelected = !this._isSelected\n    this.emit('dds-command-item-click', {\n      value: this.value,\n      closeOnSelect: this.closeOnSelect,\n    })\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      if (!this.href) {\n        event.preventDefault()\n        this._handleClick(event)\n      } else {\n        event.stopPropagation()\n      }\n    }\n\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      this.emit('dds-close')\n    }\n  }\n\n  public focus() {\n    if (this._trigger) {\n      this._trigger.focus()\n    }\n  }\n\n  render() {\n    return html`\n      <${unsafeStatic(this.href ? 'a' : 'button')}\n        part=\"base\"\n        id=\"trigger\"\n        class=${clsx('command-item', {\n          'command-item--disabled': this.disabled,\n          'command-item--selected': this.selectable && this._isSelected,\n        })}\n        .disabled=${this.disabled}\n        aria-disabled=${this.disabled}\n        aria-label=${ifDefined(this.ariaLabel) || ''}\n        aria-pressed=${ifDefined(this.href ? undefined : this.selected)}\n        href=${this.href}\n        target=${this.target}\n        rel=${this.rel}\n        .autofocus=${this.autofocus}\n        @click=${this._handleClick}\n        @keydown=${this._handleKeyDown}>\n        <span\n          part=\"content\"\n          class=${clsx('command-item__content', {\n            'command-item__content--selectable': this.selectable,\n          })}>\n          ${\n            this.selectable\n              ? this._isSelected\n                ? html`<slot name=\"check\"\n                    ><dap-ds-icon\n                      name=\"check-line2\"\n                      aria-hidden=\"true\"></dap-ds-icon\n                  ></slot>`\n                : html`<span class=\"sr-only\"></span>`\n              : nothing\n          }\n          <span part=\"label\" class=\"command-item__label\"><slot></slot></span>\n        </span>\n      </${unsafeStatic(this.href ? 'a' : 'button')}\n    `\n  }\n}\n"],"names":["_DapDSCommandItem","DdsElement","changedProperties","event","html","unsafeStatic","clsx","ifDefined","nothing","DapDSIcon","unsafeCSS","styles","DapDSCommandItem","__decorateClass","query","property","state"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GAsBa,KAAA,WAAA,IAWsB,KAAA,SAAA,SAKf,KAAA,MAAA,uBAML,KAAA,aAAA,IAMF,KAAA,WAAA,IAMK,KAAA,gBAAA,QAGhB,KAAQ,cAAc;AAAA,EAAA;AAAA,EAEtB,oBAAoB;AAClB,UAAM,kBAAkB,GACxB,KAAK,cAAc,KAAK;AAAA,EAAA;AAAA,EAG1B,QAAQC,GAAyC;AAC/C,UAAM,QAAQA,CAAiB,GAC3BA,EAAkB,IAAI,UAAU,MAClC,KAAK,cAAc,KAAK;AAAA,EAC1B;AAAA,EAGM,aAAaC,GAAc;AAGjC,IAFAA,EAAM,gBAAgB,GAElB,MAAK,aACJ,KAAA,cAAc,CAAC,KAAK,aACzB,KAAK,KAAK,0BAA0B;AAAA,MAClC,OAAO,KAAK;AAAA,MACZ,eAAe,KAAK;AAAA,IAAA,CACrB;AAAA,EAAA;AAAA,EAGK,eAAeA,GAAsB;AAC3C,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACpC,KAAK,OAIRA,EAAM,gBAAgB,KAHtBA,EAAM,eAAe,GACrB,KAAK,aAAaA,CAAK,KAMvBA,EAAM,QAAQ,aAChBA,EAAM,eAAe,GACrB,KAAK,KAAK,WAAW;AAAA,EACvB;AAAA,EAGK,QAAQ;AACb,IAAI,KAAK,YACP,KAAK,SAAS,MAAM;AAAA,EACtB;AAAA,EAGF,SAAS;AACA,WAAAC;AAAAA,SACFC,EAAa,KAAK,OAAO,MAAM,QAAQ,CAAC;AAAA;AAAA;AAAA,gBAGjCC,EAAK,gBAAgB;AAAA,MAC3B,0BAA0B,KAAK;AAAA,MAC/B,0BAA0B,KAAK,cAAc,KAAK;AAAA,IAAA,CACnD,CAAC;AAAA,oBACU,KAAK,QAAQ;AAAA,wBACT,KAAK,QAAQ;AAAA,qBAChBC,EAAU,KAAK,SAAS,KAAK,EAAE;AAAA,uBAC7BA,EAAU,KAAK,OAAO,SAAY,KAAK,QAAQ,CAAC;AAAA,eACxD,KAAK,IAAI;AAAA,iBACP,KAAK,MAAM;AAAA,cACd,KAAK,GAAG;AAAA,qBACD,KAAK,SAAS;AAAA,iBAClB,KAAK,YAAY;AAAA,mBACf,KAAK,cAAc;AAAA;AAAA;AAAA,kBAGpBD,EAAK,yBAAyB;AAAA,MACpC,qCAAqC,KAAK;AAAA,IAAA,CAC3C,CAAC;AAAA,YAEA,KAAK,aACD,KAAK,cACHF;AAAAA;AAAAA;AAAAA;AAAAA,8BAKAA,mCACFI,CACN;AAAA;AAAA;AAAA,UAGAH,EAAa,KAAK,OAAO,MAAM,QAAQ,CAAC;AAAA;AAAA,EAAA;AAGlD;AAjJEL,EAAO,UAAU,uBAEjBA,EAAO,eAAe;AAAA,EACpB,eAAeS;AACjB,GAKgBT,EAAA,SAASU,EAAUC,CAAM;AAV3C,IAAqBC,IAArBZ;AAQmBa,EAAA;AAAA,EADhBC,EAAM,UAAU;AAAA,GAPEF,EAQF,WAAA,UAAA;AAQjBC,EAAA;AAAA,EADCE,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAfPH,EAgBnB,WAAA,OAAA;AAMAC,EAAA;AAAA,EADCE,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GArBRH,EAsBnB,WAAA,UAAA;AAGYC,EAAA;AAAA,EAAXE,EAAS;AAAA,GAzBSH,EAyBP,WAAA,MAAA;AAGAC,EAAA;AAAA,EAAXE,EAAS;AAAA,GA5BSH,EA4BP,WAAA,MAAA;AAKAC,EAAA;AAAA,EAAXE,EAAS;AAAA,GAjCSH,EAiCP,WAAA,QAAA;AAKAC,EAAA;AAAA,EAAXE,EAAS;AAAA,GAtCSH,EAsCP,WAAA,KAAA;AAMZC,EAAA;AAAA,EADCE,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GA3CRH,EA4CnB,WAAA,YAAA;AAMAC,EAAA;AAAA,EADCE,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAjDRH,EAkDnB,WAAA,UAAA;AAMAC,EAAA;AAAA,EADCE,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAvDPH,EAwDnB,WAAA,eAAA;AAGQC,EAAA;AAAA,EADPG,EAAM;AAAA,GA1DYJ,EA2DX,WAAA,aAAA;"}

package/dist/components/command/command-item.d.ts

@@ -0,0 +1,8 @@
+import { default as DapDSCommandItem } from './command-item.component';
+export * from './command-item.component';
+export default DapDSCommandItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-command-item': DapDSCommandItem;
+    }
+}

package/dist/components/command/command-item.js

@@ -0,0 +1,6 @@
+import e from "./command-item.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=command-item.js.map

package/dist/components/command/command-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-item.js","sources":["../../../src/components/command/command-item.ts"],"sourcesContent":["import DapDSCommandItem from './command-item.component'\n\nexport * from './command-item.component'\nexport default DapDSCommandItem\n\nDapDSCommandItem.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-command-item': DapDSCommandItem\n  }\n}\n"],"names":["DapDSCommandItem"],"mappings":";AAKAA,EAAiB,OAAO;"}

package/dist/components/command/command-item.scss.js

@@ -0,0 +1,5 @@
+const d = ":host{--dds-command-item-padding: var(--dds-spacing-100) var(--dds-spacing-200);--dds-command-item-background: none;--dds-command-item-color: var(--dds-text-primary-base);--dds-command-item-hover-background: var(--dds-transparent-black-subtle);--dds-command-item-selected-background: var(--dds-transparent-black-subtle);display:flex}.command-item{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;align-items:center;width:100%;padding:var(--dds-command-item-padding);border:0;border-radius:var(--dds-radius-small);background:var(--dds-command-item-background);color:var(--dds-command-item-color);font-family:inherit;font-size:var(--dds-font-size-base);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-font-line-height-xlarge);text-align:left;text-decoration:none;cursor:pointer}.command-item:hover:not(.command-item--disabled){background-color:var(--dds-command-item-hover-background)}.command-item:focus:not(.command-item--disabled){outline-style:solid}.command-item.command-item--selected{background-color:var(--dds-command-item-selected-background);color:var(--dds-command-item-color)}.command-item.command-item-selectable--disabled,.command-item.command-item--disabled{opacity:.5;cursor:not-allowed}.command-item__content{display:flex;align-items:center;gap:var(--dds-spacing-100);width:100%}.command-item__content--selectable{display:grid;grid-template-columns:var(--dds-spacing-600) 1fr;align-items:center;justify-content:space-between;gap:var(--dds-spacing-100);width:100%;cursor:pointer}.command-item__label{display:flex;flex:1;align-items:center;gap:var(--dds-spacing-100)}.command-item-check{margin-left:var(--dds-spacing-200);color:var(--dds-text-primary-base)}";
+export {
+  d as default
+};
+//# sourceMappingURL=command-item.scss.js.map

package/dist/components/command/command-item.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-item.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/command/command.component.d.ts

@@ -12,6 +12,10 @@ import { default as DapDSPopup } from '../popup/popup.component.js';
  * @slot - The command items.
  */
 export default class DapDSCommand extends DapDSPopup {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-popup': typeof DapDSPopup;
+    };
     constructor();
     private readonly _trigger;
     static readonly styles: import('lit').CSSResult;