dap-design-system 0.60.2 → 0.61.0

package/dist/components/option-list/option-list.component.js

@@ -0,0 +1,346 @@
+var m = Object.defineProperty;
+var u = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
+var f = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, h = (o, e) => {
+  for (var t in e || (e = {}))
+    b.call(e, t) && f(o, t, e[t]);
+  if (u)
+    for (var t of u(e))
+      x.call(e, t) && f(o, t, e[t]);
+  return o;
+};
+import { clsx as g } from "../../node_modules/clsx/dist/clsx.js";
+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 d } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as c } from "../../node_modules/@lit/reactive-element/decorators/state.js";
+import { ifDefined as v } from "../../node_modules/lit-html/directives/if-defined.js";
+import { unsafeStatic as I, html as O } from "../../node_modules/lit-html/static.js";
+import { scrollIntoContainer as y } from "../../common/utils.js";
+import { DdsElement as C } from "../../internal/dds-hu-element.js";
+import { SizedMixin as S } from "../../internal/mixin/sizedMixin.js";
+import A from "../option-item/option-item.component.js";
+import E from "./option-list.scss.js";
+import { unsafeCSS as T } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var $ = Object.defineProperty, a = (o, e, t, i) => {
+  for (var s = void 0, l = o.length - 1, p; l >= 0; l--)
+    (p = o[l]) && (s = p(e, t, s) || s);
+  return s && $(e, t, s), s;
+};
+const r = class r extends S(C) {
+  constructor() {
+    super(...arguments), this.filterText = "", this.focused = !1, this.search = !1, this.searchMode = "none", this.searchOnValueSet = "true", this.selectable = "true", this.disableDelaySet = !1, this.queryString = "", this.firstLoad = !0, this.optionEls = [], this.availableOptions = [], this.handleOptionClick = (e) => {
+      this.focused = !0;
+      const t = e.target;
+      if (t && !t.disabled) {
+        const i = e.ctrlKey || e.metaKey, s = t.selected;
+        if (i && s) {
+          const l = this.availableOptions.find(
+            (p) => p.hasAttribute("empty")
+          );
+          l ? (this.setSelectedOption(l), this.setCurrentOption(l), this.value = l.value, this.selectedIndex = this.findIndexByValue(
+            this.availableOptions,
+            l.value
+          ), this.emit("dds-option-change", h({}, this.getEventDetails(l)))) : (this.setSelectedOption(void 0), this.setCurrentOption(null), this.value = void 0, this.selectedIndex = -1, this.emit("dds-option-deselect", {
+            option: t,
+            value: void 0,
+            index: -1,
+            text: t.optionText
+          }));
+          return;
+        }
+        this.setCurrentOption(t), this.setSelectedOption(t), this.selectionChanged(t), this.updateComplete.then(() => {
+          this.selectedIndex = this.findIndexByValue(
+            this.availableOptions,
+            this.value
+          ), this.disableDelaySet || this.emit("dds-option-change", h({}, this.getEventDetails(this.currentOption)));
+        });
+      } else
+        e.preventDefault(), e.stopPropagation();
+    }, this.getSearchString = (e) => (typeof this.queryTimeout == "number" && window.clearTimeout(this.queryTimeout), this.queryTimeout = window.setTimeout(() => {
+      this.queryString = "";
+    }, 500), this.queryString += e, this.queryString), this.buildQueryString = (e) => {
+      const t = this.getSearchString(e);
+      for (const i of this.availableOptions)
+        if (i.optionText.toLowerCase().startsWith(t.toLowerCase())) {
+          this.selectedIndex = this.findIndexByValue(
+            this.availableOptions,
+            i.value
+          ), this.setCurrentOption(i);
+          break;
+        }
+    };
+  }
+  get isAutoComplete() {
+    return this.searchMode === "autocomplete" || this.searchMode === "manual";
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.setAttribute("role", "listbox");
+  }
+  getAllOptions() {
+    var s;
+    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("slot"), t = e == null ? void 0 : e.assignedElements()[0], i = (t == null ? void 0 : t.nodeName) === "SLOT" ? (e == null ? void 0 : e.assignedElements()[0]).assignedElements() : e == null ? void 0 : e.assignedElements();
+    return i ? [...i] : [...this.querySelectorAll("dap-ds-option-item")];
+  }
+  getAllRenderedOptions() {
+    var t;
+    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelectorAll("dap-ds-option-item");
+    return e ? [...e] : [];
+  }
+  getAllAvailabeOptions() {
+    return this.availableOptions;
+  }
+  getActiveOption() {
+    return this.currentOption ? this.getAllRenderedOptions().find(
+      (t) => t.value === this.currentOption.value
+    ) : null;
+  }
+  updated(e) {
+    if (super.updated(e), e.has("value") && !e.has("currentOption") && this.searchOnValueSet === "true") {
+      const t = this.availableOptions.find(
+        (i) => i.value === this.value
+      );
+      t && (this.changeOption(t, e.get("value")), this.selectedIndex = this.findIndexByValue(
+        this.availableOptions,
+        this.value
+      ), this.emit("dds-option-change", h({}, this.getEventDetails(this.currentOption))));
+    }
+    (e.has("options") || e.has("optionEls")) && (this.availableOptions = this.options || this.optionEls, this.emit("dds-list-changed", { elements: this.availableOptions }));
+  }
+  shouldUpdate(e) {
+    return e.has("filterText") && (this.filterText && this.searchMode !== "none" && this.searchMode !== "manual" ? (this.filterAvailableOptions(), this.selectedIndex = 0, this.setCurrentOption(this.availableOptions[0], !1), this.emit("dds-list-changed", { elements: this.availableOptions })) : this.filterText && this.searchMode === "manual" ? this.selectedIndex === -1 && this.availableOptions.length > 0 && (this.selectedIndex = 0, this.setCurrentOption(this.availableOptions[0], !1)) : this.filterText && this.searchMode === "none" ? (this.filterAvailableOptions(), this.selectedIndex = -1, this.setCurrentOption(null, !1), this.setSelectedOption(), this.emit("dds-list-changed", { elements: this.availableOptions })) : (this.availableOptions = this.options || this.optionEls, this.selectedIndex = -1, this.setCurrentOption(null, !1), this.emit("dds-list-changed", { elements: this.availableOptions }))), super.shouldUpdate(e);
+  }
+  filterAvailableOptions() {
+    const e = this.filterText.toLowerCase();
+    this.availableOptions = (this.options || this.optionEls).filter((t) => {
+      if (!t.disabled)
+        return t.optionText.toLowerCase().startsWith(e);
+    });
+  }
+  attributeChangedCallback(e, t, i) {
+    if (super.attributeChangedCallback(e, t, i), e === "value" && t !== i && this.searchOnValueSet === "true")
+      if (i) {
+        const s = this.availableOptions.find((l) => l.value === i);
+        this.setSelectedOption(s), this.selectionChanged(s), this.emit("dds-option-change", h({}, this.getEventDetails(this.currentOption)));
+      } else
+        this.setSelectedOption(), this.selectionChanged();
+  }
+  setOptionsFromSlottedItems() {
+    const e = this.getAllOptions();
+    this.availableOptions = e, this.optionEls = e;
+  }
+  handleKeydown(e) {
+    e.preventDefault(), this.handleKeyCodes(e.key, e.code);
+  }
+  scrollToActiveOption() {
+    if (!this.currentOption)
+      return;
+    const e = this.getAllRenderedOptions().find(
+      (t) => t.value === this.currentOption.value
+    );
+    e && y(e);
+  }
+  handleNavigationKey(e) {
+    var t;
+    if (e === "ArrowDown")
+      this.selectedIndex = this.findNearestEnabled(
+        this.availableOptions,
+        this.selectedIndex,
+        1
+      );
+    else if (e === "ArrowUp") {
+      const i = this.findNearestEnabled(
+        this.availableOptions,
+        this.selectedIndex,
+        this.selectedIndex === -1 ? 1 : -1
+      );
+      this.selectedIndex = i === this.availableOptions.length ? -1 : i;
+    } else if (e === "Home")
+      this.selectedIndex = (t = this.availableOptions[0]) != null && t.disabled ? this.findNearestEnabled(this.availableOptions, -1, 1) : 0;
+    else if (e === "End") {
+      const i = this.findNearestEnabled(
+        this.availableOptions,
+        this.availableOptions.length,
+        -1
+      );
+      this.selectedIndex = i === this.availableOptions.length ? -1 : i;
+    }
+  }
+  handleActionKey(e) {
+    e === "Escape" ? this.emit("dds-cancel") : e === "Enter" && (this.setSelectedOption(this.availableOptions[this.selectedIndex]), this.selectionChanged(this.availableOptions[this.selectedIndex]), this.emit("dds-option-change", h({}, this.getEventDetails(this.currentOption))));
+  }
+  handleTypeheadKey(e) {
+    this.searchMode === "typehead" && ((e == null ? void 0 : e.length) === 1 || e === "Backspace") && this.buildQueryString(e);
+  }
+  handleKeyCodes(e, t) {
+    if (this.focused && (this.handleNavigationKey(e), this.handleActionKey(e), this.handleTypeheadKey(e), this.selectedIndex >= 0)) {
+      const i = this.availableOptions[this.selectedIndex];
+      this.setCurrentOption(i), this.emit("dds-keydown", h({
+        code: t,
+        key: e
+      }, this.getEventDetails(i)));
+    }
+  }
+  getEventDetails(e) {
+    if (!e)
+      return;
+    let t = e;
+    return e.tagName !== "DAP-DS-OPTION-ITEM" && (t = e.closest("dap-ds-option-item")), {
+      opt: t,
+      value: t == null ? void 0 : t.value,
+      text: t == null ? void 0 : t.optionText,
+      index: this.selectedIndex
+    };
+  }
+  findNearestEnabled(e, t, i) {
+    let s = t, l;
+    do
+      if (s += i, l = e[s], l === void 0)
+        break;
+    while (l != null && l.disabled);
+    return l ? s : t;
+  }
+  findIndexByValue(e, t) {
+    return e.findIndex((i) => i.value === t);
+  }
+  clearItemFocusStates() {
+    this.availableOptions.forEach((e) => {
+      e.focused = !1, e.tabIndex = -1;
+    });
+  }
+  // Only set the current option without selecting it, eg: focus
+  setCurrentOption(e, t = !0) {
+    this.clearItemFocusStates(), e ? (this.currentOption = e, e.focused = !0, e.tabIndex = 0, this.emit("dds-current-change", h({}, this.getEventDetails(e))), t ? this.setFocusedOption(e) : this.scrollToActiveOption()) : (this.currentOption = null, this.emit("dds-current-change", null));
+  }
+  setFocusedOption(e) {
+    const t = this.getAllRenderedOptions().find(
+      (i) => i.value === e.value
+    );
+    t && t.focus({ preventScroll: !0 });
+  }
+  setSelectedOption(e) {
+    this.availableOptions.forEach((t) => t.selected = !1), e && (this.currentOption = e, e.selected = !0);
+  }
+  selectionChanged(e, t) {
+    const i = t || this.value;
+    e && e.value !== i && (this.value = e.value);
+  }
+  changeOption(e, t) {
+    e && !e.disabled && (this.selectedIndex = this.findIndexByValue(
+      this.availableOptions,
+      e.value
+    ), this.setSelectedOption(e), this.setCurrentOption(e), this.selectionChanged(e, t));
+  }
+  handleInitialFocus() {
+    if (!this.value && this.selectedIndex < 0)
+      this.selectedIndex = 0;
+    else {
+      const e = this.value ? this.findIndexByValue(this.availableOptions, this.value) : this.selectedIndex;
+      e !== -1 && !this.isAutoComplete && (this.selectedIndex = e, this.setCurrentOption(this.availableOptions[this.selectedIndex]), this.setSelectedOption(this.availableOptions[this.selectedIndex]), this.value && this.selectionChanged(this.availableOptions[this.selectedIndex]));
+    }
+    this.selectedIndex || (this.setCurrentOption(this.availableOptions[0]), this.setSelectedOption(this.availableOptions[0]));
+  }
+  handleKeyFocus(e) {
+    (this.isAutoComplete || this.searchMode === "none") && (this.handleKeyCodes(e), this.setCurrentOption(this.availableOptions[this.selectedIndex], !1), this.setSelectedOption(this.availableOptions[this.selectedIndex])), this.searchMode === "typehead" && this.buildQueryString(e);
+  }
+  captureFocus(e) {
+    this.focused = !0, this.focus(), e ? this.handleKeyFocus(e) : this.handleInitialFocus(), typeof requestAnimationFrame == "function" && requestAnimationFrame(() => this.scrollToActiveOption());
+  }
+  removeFocus() {
+    this.focused = !1, this.clearItemFocusStates();
+  }
+  handleSlotChange() {
+    const e = this.getAllOptions();
+    if (this.setOptionsFromSlottedItems(), e.length > 0 && this.searchOnValueSet === "true") {
+      const t = e.find((i) => i.value === this.value);
+      this.setSelectedOption(t), this.selectionChanged(t), this.currentOption && (this.selectedIndex = this.findIndexByValue(e, this.value), this.emit("dds-option-change", h({}, this.getEventDetails(this.currentOption))));
+    } else if (e.length > 0 && !this.search && !this.isAutoComplete) {
+      const t = e.find((i) => !i.disabled);
+      this.selectedIndex = 0, this.setCurrentOption(t, !1), this.emit("dds-current-change", h({}, this.getEventDetails(t)));
+    } else if (e.length > 0 && (this.search || this.isAutoComplete)) {
+      const t = e.find((i) => !i.disabled);
+      (!this.currentOption || this.currentOption.value !== (t == null ? void 0 : t.value)) && (this.selectedIndex = 0, this.setCurrentOption(t, !1));
+    }
+  }
+  render() {
+    return O`<div
+      part="base"
+      class=${g("option-list", {
+      "option-list--sm": this.size === "sm",
+      "option-list--lg": this.size === "lg"
+    })}
+      @keydown=${this.handleKeydown}
+      @focus=${this.captureFocus}>
+      ${this.availableOptions.map(
+      (e, t) => O`
+          <dap-ds-option-item
+            size=${this.size}
+            part="option-item"
+            exportparts="base: option-item-base, label: option-item-label, prefix: option-item-prefix, suffix: option-item-suffix"
+            ?disabled=${e.disabled}
+            ?selected=${this.value === e.value}
+            ?focused=${t === this.selectedIndex}
+            label=${v(e.label)}
+            role="option"
+            value=${e.value}
+            tabIndex=${e.tabIndex}
+            id=${e.id || `dap-ds-option-${e.value}`}
+            data-testid=${v(e.dataset.testid || void 0)}
+            selectable=${this.selectable}
+            @click=${this.handleOptionClick}>
+            ${I(e.innerHTML)}
+          </dap-ds-option-item>
+        `
+    )}
+      <slot hidden @slotchange=${this.handleSlotChange}></slot>
+    </div> `;
+  }
+};
+r.tagName = "dap-ds-option-list", r.dependencies = {
+  "dap-ds-option-item": A
+}, r.styles = T(E);
+let n = r;
+a([
+  d()
+], n.prototype, "filterText");
+a([
+  d({ type: String, reflect: !0 })
+], n.prototype, "value");
+a([
+  d({ type: Boolean })
+], n.prototype, "focused");
+a([
+  d({ type: Boolean })
+], n.prototype, "search");
+a([
+  d()
+], n.prototype, "searchMode");
+a([
+  d({ type: String })
+], n.prototype, "searchOnValueSet");
+a([
+  d({ type: String })
+], n.prototype, "selectable");
+a([
+  d({ type: Array })
+], n.prototype, "options");
+a([
+  d({ type: Boolean })
+], n.prototype, "disableDelaySet");
+a([
+  c()
+], n.prototype, "currentOption");
+a([
+  c()
+], n.prototype, "selectedIndex");
+a([
+  c()
+], n.prototype, "optionEls");
+a([
+  c()
+], n.prototype, "availableOptions");
+export {
+  n as default
+};
+//# sourceMappingURL=option-list.component.js.map

package/dist/components/option-list/option-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-list.component.js","sources":["../../../src/components/option-list/option-list.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html, unsafeStatic } from 'lit/static-html.js'\n\nimport { scrollIntoContainer } from '@/common/utils'\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport DapDSOptionItem from '../option-item/option-item.component'\nimport styles from './option-list.scss?inline'\n\n/**\n * `dap-ds-option-list`\n * @summary An option list is a list of selectable options.\n * @element dap-ds-option-list\n * @title - Option list\n *\n * @event {{ void }} dds-cancel - Fired when the escape key is pressed.\n * @event {{ option: DapDSOptionItem, value: string, index: number, text: string }} dds-option-change - Fired when the option list value changes.\n * @event {{ void }} dds-keydown - Fired when a key is pressed down.\n * @event {{ elements: DapDSOptionItem[] }} dds-list-changed - Fired when the available options list changes.\n *\n * @csspart base - The main option list container.\n * @csspart option-item - The option item of the option list.\n * @csspart popup-base - The base of the popup.\n * @csspart option-item-base - The base of the option item.\n * @csspart option-item-label - The label of the option item.\n * @csspart option-item-prefix - The prefix of the option item.\n * @csspart option-item-suffix - The suffix of the option item.\n *\n * @slot - The default slot for the options.\n */\nexport default class DapDSOptionList extends SizedMixin(DdsElement) {\n  static tagName = 'dap-ds-option-list'\n\n  static dependencies = {\n    'dap-ds-option-item': DapDSOptionItem,\n  }\n\n  /** The filter text of the option list */\n  @property() filterText = ''\n\n  /** The value of the option list */\n  @property({ type: String, reflect: true }) value?: string\n\n  /** The focused state of the option list. */\n  @property({ type: Boolean }) focused = false\n\n  /** Whether the option list is searchable */\n  @property({ type: Boolean }) search = false\n\n  /** The search mode of the option list. Default is `none` */\n  @property() searchMode: 'none' | 'typehead' | 'autocomplete' | 'manual' =\n    'none'\n\n  /**\n   * @ignore\n   */\n  @property({ type: String }) searchOnValueSet = 'true'\n\n  /** Whether the option list items are selectable, whether it shows the selected icon */\n  @property({ type: String }) selectable = 'true'\n\n  /**\n   * @ignore\n   */\n  @property({ type: Array })\n  public options?: any[]\n\n  /**\n   * @ignore\n   */\n  @property({ type: Boolean }) disableDelaySet = false\n\n  queryTimeout: number | undefined\n  queryString = ''\n  firstLoad = true\n\n  @state()\n  private currentOption: any\n\n  @state()\n  public selectedIndex: number\n\n  @state()\n  private optionEls: DapDSOptionItem[] = []\n\n  @state()\n  private availableOptions: DapDSOptionItem[] = []\n\n  get isAutoComplete() {\n    return this.searchMode === 'autocomplete' || this.searchMode === 'manual'\n  }\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n\n    this.setAttribute('role', 'listbox')\n  }\n\n  getAllOptions() {\n    const mainSlot = this.shadowRoot?.querySelector('slot')\n    const assignedElement = mainSlot?.assignedElements()[0]\n    const embeddedSlot =\n      assignedElement?.nodeName === 'SLOT'\n        ? (\n            mainSlot?.assignedElements()[0] as HTMLSlotElement\n          ).assignedElements()\n        : mainSlot?.assignedElements()\n\n    if (!embeddedSlot) {\n      return [...this.querySelectorAll<DapDSOptionItem>('dap-ds-option-item')]\n    } else {\n      return [...(embeddedSlot as DapDSOptionItem[])]\n    }\n  }\n\n  private getAllRenderedOptions(): DapDSOptionItem[] {\n    const ro =\n      this.shadowRoot?.querySelectorAll<DapDSOptionItem>('dap-ds-option-item')\n    return ro ? [...ro] : []\n  }\n\n  getAllAvailabeOptions() {\n    return this.availableOptions\n  }\n\n  getActiveOption() {\n    if (!this.currentOption) {\n      return null\n    }\n\n    const activeOption = this.getAllRenderedOptions().find(\n      el => el.value === this.currentOption.value,\n    )\n\n    return activeOption\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    if (\n      _changedProperties.has('value') &&\n      !_changedProperties.has('currentOption') &&\n      this.searchOnValueSet === 'true'\n    ) {\n      const option = this.availableOptions.find(\n        option => option.value === this.value,\n      )\n\n      if (option) {\n        this.changeOption(option, _changedProperties.get('value'))\n\n        this.selectedIndex = this.findIndexByValue(\n          this.availableOptions,\n          this.value,\n        )\n\n        this.emit('dds-option-change', {\n          ...this.getEventDetails(this.currentOption),\n        })\n      }\n    }\n\n    if (\n      _changedProperties.has('options') ||\n      _changedProperties.has('optionEls')\n    ) {\n      this.availableOptions = this.options || this.optionEls\n      this.emit('dds-list-changed', { elements: this.availableOptions })\n    }\n  }\n\n  protected shouldUpdate(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): boolean {\n    if (_changedProperties.has('filterText')) {\n      if (\n        this.filterText &&\n        this.searchMode !== 'none' &&\n        this.searchMode !== 'manual'\n      ) {\n        this.filterAvailableOptions()\n        this.selectedIndex = 0\n        this.setCurrentOption(this.availableOptions[0], false)\n        this.emit('dds-list-changed', { elements: this.availableOptions })\n      } else if (this.filterText && this.searchMode === 'manual') {\n        if (this.selectedIndex === -1 && this.availableOptions.length > 0) {\n          this.selectedIndex = 0\n          this.setCurrentOption(this.availableOptions[0], false)\n        }\n      } else if (this.filterText && this.searchMode === 'none') {\n        this.filterAvailableOptions()\n        this.selectedIndex = -1\n        this.setCurrentOption(null, false)\n        this.setSelectedOption()\n        this.emit('dds-list-changed', { elements: this.availableOptions })\n      } else {\n        this.availableOptions = this.options || this.optionEls\n        this.selectedIndex = -1\n        this.setCurrentOption(null, false)\n        this.emit('dds-list-changed', { elements: this.availableOptions })\n      }\n    }\n\n    return super.shouldUpdate(_changedProperties)\n  }\n\n  public filterAvailableOptions(): void {\n    const valueLowerCase = this.filterText.toLowerCase()\n    this.availableOptions = (this.options || this.optionEls).filter(item => {\n      if (!item.disabled) {\n        const itemTextLowerCase = item.optionText.toLowerCase()\n        return itemTextLowerCase.startsWith(valueLowerCase)\n      }\n    })\n  }\n\n  attributeChangedCallback(name: string, oldValue: any, newValue: any) {\n    super.attributeChangedCallback(name, oldValue, newValue)\n    if (\n      name === 'value' &&\n      oldValue !== newValue &&\n      this.searchOnValueSet === 'true'\n    ) {\n      if (newValue) {\n        const option = this.availableOptions.find(el => el.value === newValue)\n\n        this.setSelectedOption(option)\n        this.selectionChanged(option)\n\n        this.emit('dds-option-change', {\n          ...this.getEventDetails(this.currentOption),\n        })\n      } else {\n        this.setSelectedOption()\n        this.selectionChanged()\n      }\n    }\n  }\n\n  public setOptionsFromSlottedItems(): void {\n    const elements = this.getAllOptions()\n    this.availableOptions = elements\n    this.optionEls = elements\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    event.preventDefault()\n\n    this.handleKeyCodes(event.key, event.code)\n  }\n\n  private scrollToActiveOption(): void {\n    if (!this.currentOption) {\n      return\n    }\n\n    const activeOption = this.getAllRenderedOptions().find(\n      el => el.value === this.currentOption.value,\n    )\n\n    if (activeOption) {\n      // Scroll only within the list's own scroll container. A plain\n      // scrollIntoView would also scroll every ancestor (modal body, page),\n      // pushing the trigger out of the viewport and tripping the popup's\n      // viewport auto-close so the dropdown snaps shut on open.\n      scrollIntoContainer(activeOption)\n    }\n  }\n\n  private handleNavigationKey(key: string): void {\n    if (key === 'ArrowDown') {\n      this.selectedIndex = this.findNearestEnabled(\n        this.availableOptions,\n        this.selectedIndex,\n        1,\n      )\n    } else if (key === 'ArrowUp') {\n      const nearest = this.findNearestEnabled(\n        this.availableOptions,\n        this.selectedIndex,\n        this.selectedIndex === -1 ? 1 : -1,\n      )\n      this.selectedIndex =\n        nearest === this.availableOptions.length ? -1 : nearest\n    } else if (key === 'Home') {\n      this.selectedIndex = this.availableOptions[0]?.disabled\n        ? this.findNearestEnabled(this.availableOptions, -1, 1)\n        : 0\n    } else if (key === 'End') {\n      const nearest = this.findNearestEnabled(\n        this.availableOptions,\n        this.availableOptions.length,\n        -1,\n      )\n      this.selectedIndex =\n        nearest === this.availableOptions.length ? -1 : nearest\n    }\n  }\n\n  private handleActionKey(key: string): void {\n    if (key === 'Escape') {\n      this.emit('dds-cancel')\n    } else if (key === 'Enter') {\n      this.setSelectedOption(this.availableOptions[this.selectedIndex])\n      this.selectionChanged(this.availableOptions[this.selectedIndex])\n      this.emit('dds-option-change', {\n        ...this.getEventDetails(this.currentOption),\n      })\n    }\n  }\n\n  private handleTypeheadKey(key: string): void {\n    if (\n      this.searchMode === 'typehead' &&\n      (key?.length === 1 || key === 'Backspace')\n    ) {\n      this.buildQueryString(key)\n    }\n  }\n\n  private handleKeyCodes(key: string, keyCode?: string) {\n    if (!this.focused) {\n      return\n    }\n\n    this.handleNavigationKey(key)\n    this.handleActionKey(key)\n    this.handleTypeheadKey(key)\n\n    if (this.selectedIndex >= 0) {\n      const option = this.availableOptions[this.selectedIndex]\n      this.setCurrentOption(option)\n      this.emit('dds-keydown', {\n        code: keyCode,\n        key,\n        ...this.getEventDetails(option),\n      })\n    }\n  }\n\n  private getEventDetails(option?: DapDSOptionItem) {\n    if (!option) {\n      return undefined\n    }\n\n    let opt = option\n\n    if (option.tagName !== 'DAP-DS-OPTION-ITEM') {\n      opt = option.closest('dap-ds-option-item')!\n    }\n\n    return {\n      opt,\n      value: opt?.value,\n      text: opt?.optionText,\n      index: this.selectedIndex,\n    }\n  }\n\n  private findNearestEnabled(\n    allOptions: DapDSOptionItem[],\n    current: number,\n    step: number,\n  ) {\n    let nextIndex: number = current\n    let nextOption: DapDSOptionItem\n\n    do {\n      nextIndex += step\n      nextOption = allOptions[nextIndex]\n      if (nextOption === undefined) {\n        break\n      }\n    } while (nextOption?.disabled)\n\n    return nextOption ? nextIndex : current\n  }\n\n  private findIndexByValue(\n    allOptions: DapDSOptionItem[],\n    value?: string,\n  ): number {\n    return allOptions.findIndex(option => option.value === value)\n  }\n\n  private clearItemFocusStates() {\n    this.availableOptions.forEach(el => {\n      el.focused = false\n      el.tabIndex = -1\n    })\n  }\n\n  // Only set the current option without selecting it, eg: focus\n  private setCurrentOption(option?: DapDSOptionItem | null, setFocus = true) {\n    this.clearItemFocusStates()\n\n    if (option) {\n      this.currentOption = option\n      option.focused = true\n      option.tabIndex = 0\n\n      this.emit('dds-current-change', {\n        ...this.getEventDetails(option),\n      })\n\n      if (setFocus) {\n        this.setFocusedOption(option)\n      } else {\n        this.scrollToActiveOption()\n      }\n    } else {\n      this.currentOption = null\n\n      this.emit('dds-current-change', null)\n    }\n  }\n\n  private setFocusedOption(option: DapDSOptionItem) {\n    const renderedItem = this.getAllRenderedOptions().find(\n      el => el.value === option.value,\n    )\n\n    if (renderedItem) {\n      // preventScroll so native focus doesn't scroll ancestor containers (modal\n      // body, page); scrollToActiveOption reveals it within the list instead.\n      renderedItem.focus({ preventScroll: true })\n    }\n  }\n\n  private setSelectedOption(option?: DapDSOptionItem | undefined) {\n    this.availableOptions.forEach(el => (el.selected = false))\n\n    if (option) {\n      this.currentOption = option\n\n      option.selected = true\n    }\n  }\n\n  private selectionChanged(option?: DapDSOptionItem | undefined, value?: any) {\n    const oldValue = value || this.value\n\n    if (option) {\n      if (option.value !== oldValue) {\n        this.value = option.value\n      }\n    }\n  }\n\n  private changeOption(option: DapDSOptionItem, value?: any) {\n    if (option && !option.disabled) {\n      this.selectedIndex = this.findIndexByValue(\n        this.availableOptions,\n        option.value,\n      )\n\n      this.setSelectedOption(option)\n      this.setCurrentOption(option)\n      this.selectionChanged(option, value)\n    }\n  }\n\n  private readonly handleOptionClick = (event: MouseEvent) => {\n    this.focused = true\n    const option = event.target as DapDSOptionItem\n\n    if (option && !option.disabled) {\n      const isModifierKeyPressed = event.ctrlKey || event.metaKey\n      const isAlreadySelected = option.selected\n\n      if (isModifierKeyPressed && isAlreadySelected) {\n        // Find the empty item (with \"empty\" attribute) to select automatically\n        const emptyItem = this.availableOptions.find(opt =>\n          opt.hasAttribute('empty'),\n        )\n\n        if (emptyItem) {\n          // Select the empty item automatically\n          this.setSelectedOption(emptyItem)\n          this.setCurrentOption(emptyItem)\n          this.value = emptyItem.value\n          this.selectedIndex = this.findIndexByValue(\n            this.availableOptions,\n            emptyItem.value,\n          )\n\n          this.emit('dds-option-change', {\n            ...this.getEventDetails(emptyItem),\n          })\n        } else {\n          // Fallback to original behavior if no empty item found\n          this.setSelectedOption(undefined)\n          this.setCurrentOption(null)\n          this.value = undefined\n          this.selectedIndex = -1\n\n          this.emit('dds-option-deselect', {\n            option: option,\n            value: undefined,\n            index: -1,\n            text: option.optionText,\n          })\n        }\n\n        return\n      }\n\n      this.setCurrentOption(option)\n      this.setSelectedOption(option)\n      this.selectionChanged(option)\n\n      this.updateComplete.then(() => {\n        this.selectedIndex = this.findIndexByValue(\n          this.availableOptions,\n          this.value,\n        )\n\n        if (!this.disableDelaySet) {\n          this.emit('dds-option-change', {\n            ...this.getEventDetails(this.currentOption),\n          })\n        }\n      })\n    } else {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n  }\n\n  getSearchString = (char: string) => {\n    if (typeof this.queryTimeout === 'number') {\n      window.clearTimeout(this.queryTimeout)\n    }\n\n    this.queryTimeout = window.setTimeout(() => {\n      this.queryString = ''\n    }, 500)\n\n    this.queryString += char\n    return this.queryString\n  }\n\n  buildQueryString = (char: string) => {\n    const queryString = this.getSearchString(char)\n\n    for (const option of this.availableOptions) {\n      const label = option.optionText.toLowerCase()\n\n      if (label.startsWith(queryString.toLowerCase())) {\n        this.selectedIndex = this.findIndexByValue(\n          this.availableOptions,\n          option.value,\n        )\n        this.setCurrentOption(option)\n        break\n      }\n    }\n  }\n\n  private handleInitialFocus(): void {\n    if (!this.value && this.selectedIndex < 0) {\n      this.selectedIndex = 0\n    } else {\n      const index = this.value\n        ? this.findIndexByValue(this.availableOptions, this.value)\n        : this.selectedIndex\n\n      if (index !== -1 && !this.isAutoComplete) {\n        this.selectedIndex = index\n        this.setCurrentOption(this.availableOptions[this.selectedIndex])\n        this.setSelectedOption(this.availableOptions[this.selectedIndex])\n        if (this.value) {\n          this.selectionChanged(this.availableOptions[this.selectedIndex])\n        }\n      }\n    }\n\n    if (!this.selectedIndex) {\n      this.setCurrentOption(this.availableOptions[0])\n      this.setSelectedOption(this.availableOptions[0])\n    }\n  }\n\n  private handleKeyFocus(key: string): void {\n    if (this.isAutoComplete || this.searchMode === 'none') {\n      this.handleKeyCodes(key)\n      this.setCurrentOption(this.availableOptions[this.selectedIndex], false)\n      this.setSelectedOption(this.availableOptions[this.selectedIndex])\n    }\n\n    if (this.searchMode === 'typehead') {\n      this.buildQueryString(key)\n    }\n  }\n\n  public captureFocus(key?: string): void {\n    this.focused = true\n    this.focus()\n\n    if (!key) {\n      this.handleInitialFocus()\n    } else {\n      this.handleKeyFocus(key)\n    }\n\n    // The popup constrains its scroll container's max-height via floating-ui one\n    // animation frame after opening. At this point that constraint isn't applied\n    // yet (clientHeight === scrollHeight), so the container isn't scrollable and\n    // both native focus() scrolling and scrollIntoView are no-ops. Defer the\n    // scroll to the next frame so the selected option is actually revealed.\n    if (typeof requestAnimationFrame === 'function') {\n      requestAnimationFrame(() => this.scrollToActiveOption())\n    }\n  }\n\n  public removeFocus(): void {\n    this.focused = false\n    this.clearItemFocusStates()\n  }\n\n  private handleSlotChange() {\n    const allOptions = this.getAllOptions()\n    this.setOptionsFromSlottedItems()\n\n    if (allOptions.length > 0 && this.searchOnValueSet === 'true') {\n      const option = allOptions.find(el => el.value === this.value)\n      this.setSelectedOption(option)\n      this.selectionChanged(option)\n\n      if (this.currentOption) {\n        this.selectedIndex = this.findIndexByValue(allOptions, this.value)\n        this.emit('dds-option-change', {\n          ...this.getEventDetails(this.currentOption),\n        })\n      }\n    } else if (allOptions.length > 0 && !this.search && !this.isAutoComplete) {\n      const firstOption = allOptions.find(option => !option.disabled)\n      this.selectedIndex = 0\n      this.setCurrentOption(firstOption, false)\n\n      this.emit('dds-current-change', {\n        ...this.getEventDetails(firstOption),\n      })\n    } else if (allOptions.length > 0 && (this.search || this.isAutoComplete)) {\n      const firstOption = allOptions.find(option => !option.disabled)\n\n      if (\n        !this.currentOption ||\n        this.currentOption.value !== firstOption?.value\n      ) {\n        this.selectedIndex = 0\n        this.setCurrentOption(firstOption, false)\n      }\n    }\n  }\n\n  render() {\n    return html`<div\n      part=\"base\"\n      class=${clsx('option-list', {\n        'option-list--sm': this.size === 'sm',\n        'option-list--lg': this.size === 'lg',\n      })}\n      @keydown=${this.handleKeydown}\n      @focus=${this.captureFocus}>\n      ${this.availableOptions.map(\n        (option, index) => html`\n          <dap-ds-option-item\n            size=${this.size}\n            part=\"option-item\"\n            exportparts=\"base: option-item-base, label: option-item-label, prefix: option-item-prefix, suffix: option-item-suffix\"\n            ?disabled=${option.disabled}\n            ?selected=${this.value === option.value}\n            ?focused=${index === this.selectedIndex}\n            label=${ifDefined(option.label)}\n            role=\"option\"\n            value=${option.value}\n            tabIndex=${option.tabIndex}\n            id=${option.id || `dap-ds-option-${option.value}`}\n            data-testid=${ifDefined(option.dataset.testid || undefined)}\n            selectable=${this.selectable}\n            @click=${this.handleOptionClick}>\n            ${unsafeStatic(option.innerHTML)}\n          </dap-ds-option-item>\n        `,\n      )}\n      <slot hidden @slotchange=${this.handleSlotChange}></slot>\n    </div> `\n  }\n}\n"],"names":["_DapDSOptionList","SizedMixin","DdsElement","event","option","isModifierKeyPressed","isAlreadySelected","emptyItem","opt","__spreadValues","char","queryString","_changedProperties","mainSlot","_a","assignedElement","embeddedSlot","ro","el","valueLowerCase","item","name","oldValue","newValue","elements","activeOption","scrollIntoContainer","key","nearest","keyCode","allOptions","current","step","nextIndex","nextOption","value","setFocus","renderedItem","index","firstOption","html","clsx","ifDefined","unsafeStatic","DapDSOptionItem","unsafeCSS","styles","DapDSOptionList","__decorateClass","property","state"],"mappings":"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"}

package/dist/components/option-list/option-list.d.ts

@@ -1,8 +1,8 @@
-import { default as DapDSOptionList } from './option-list.component.js';
-export * from './option-list.component.js';
+import { default as DapDSOptionList } from './option-list.component';
+export * from './option-list.component';
 export default DapDSOptionList;
 declare global {
     interface HTMLElementTagNameMap {
-        'dap-option-list': DapDSOptionList;
+        'dap-ds-option-list': DapDSOptionList;
     }
 }

package/dist/components/option-list/option-list.js

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

package/dist/components/option-list/option-list.js.map

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

package/dist/components/option-list/option-list.scss.js

@@ -0,0 +1,5 @@
+const t = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}.option-list dap-ds-option-item:not(:last-of-type)::part(base){margin-bottom:var(--dds-spacing-100)}";
+export {
+  t as default
+};
+//# sourceMappingURL=option-list.scss.js.map

package/dist/components/option-list/option-list.scss.js.map

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

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

@@ -25,6 +25,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-overlay-transition-timing - Controls the transition timing function (default: var(--dds-easing-ease-in-out))
  */
 export default class DapDSOverlay extends DdsElement {
+    static tagName: string;
     /** The open state of the overlay. */
     open: boolean;
     static readonly styles: import('lit').CSSResult;

package/dist/components/overlay/overlay.component.js

@@ -0,0 +1,72 @@
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as l } from "../../node_modules/lit-html/lit-html.js";
+import "../../node_modules/lit-element/lit-element.js";
+import { property as c } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { DdsElement as h } from "../../internal/dds-hu-element.js";
+import f from "./overlay.scss.js";
+import { unsafeCSS as p } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, m = (a, e, s, n) => {
+  for (var t = void 0, o = a.length - 1, d; o >= 0; o--)
+    (d = a[o]) && (t = d(e, s, t) || t);
+  return t && u(e, s, t), t;
+};
+const i = class i extends h {
+  constructor() {
+    super(...arguments), this.open = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("aria-hidden") || this.setAttribute("aria-hidden", "true"), this.open || this.classList.add("closed");
+  }
+  updated(e) {
+    if (super.updated(e), e.has("open")) {
+      const s = e.get("open"), n = this.open;
+      n && !s ? this.handleOpen() : !n && s && this.handleClose();
+    }
+  }
+  handleOpen() {
+    if (this.emit("dds-before-open", void 0, {
+      cancelable: !0
+    }).defaultPrevented) {
+      this.open = !1;
+      return;
+    }
+    this.classList.remove("closed", "transitioning"), this.setAttribute("aria-hidden", "false"), this.addEventListener(
+      "transitionend",
+      () => {
+        this.emit("dds-opened", void 0, {
+          cancelable: !1
+        });
+      },
+      { once: !0 }
+    );
+  }
+  handleClose() {
+    if (this.emit("dds-before-close", void 0, {
+      cancelable: !0
+    }).defaultPrevented) {
+      this.open = !0;
+      return;
+    }
+    this.classList.add("transitioning"), this.classList.remove("closed"), this.setAttribute("aria-hidden", "true"), this.addEventListener(
+      "transitionend",
+      () => {
+        this.classList.remove("transitioning"), this.classList.add("closed"), this.emit("dds-closed", void 0, {
+          cancelable: !1
+        });
+      },
+      { once: !0 }
+    );
+  }
+  render() {
+    return l`<div part="base"><slot></slot></div>`;
+  }
+};
+i.tagName = "dap-ds-overlay", i.styles = p(f);
+let r = i;
+m([
+  c({ type: Boolean, reflect: !0 })
+], r.prototype, "open");
+export {
+  r as default
+};
+//# sourceMappingURL=overlay.component.js.map

package/dist/components/overlay/overlay.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.component.js","sources":["../../../src/components/overlay/overlay.component.ts"],"sourcesContent":["import { html, type PropertyValueMap, unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\n\nimport styles from './overlay.scss?inline'\n\n/**\n * `dap-ds-overlay`\n * @summary An overlay is a container for overlay content.\n * @element dap-ds-overlay\n * @title - Overlay\n *\n * @property {boolean} open - The open state of the overlay.\n *\n * @event {CustomEvent} dds-before-open - Fires before the overlay opens.\n * @event {CustomEvent} dds-opened - Fires after the overlay opens.\n * @event {CustomEvent} dds-before-close - Fires before the overlay closes.\n * @event {CustomEvent} dds-closed - Fires after the overlay closes.\n *\n * @slot - The content of the overlay.\n *\n * @csspart base - The overlay element\n *\n * @cssproperty --dds-overlay-z-index - Controls the z-index of the overlay (default: 1)\n * @cssproperty --dds-overlay-background - Controls the background of the overlay (default: var(--dds-black-10))\n * @cssproperty --dds-overlay-opacity-closed - Controls the opacity when overlay is closed (default: 0)\n * @cssproperty --dds-overlay-opacity-open - Controls the opacity when overlay is open (default: 1)\n * @cssproperty --dds-overlay-transition-duration - Controls the transition duration (default: var(--dds-transition-fast))\n * @cssproperty --dds-overlay-transition-timing - Controls the transition timing function (default: var(--dds-easing-ease-in-out))\n */\nexport default class DapDSOverlay extends DdsElement {\n  static tagName = 'dap-ds-overlay'\n\n  /** The open state of the overlay. */\n  @property({ type: Boolean, reflect: true }) open = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  connectedCallback(): void {\n    super.connectedCallback()\n    // Set aria-hidden to true by default\n    if (!this.hasAttribute('aria-hidden')) {\n      this.setAttribute('aria-hidden', 'true')\n    }\n    // Add closed class initially\n    if (!this.open) {\n      this.classList.add('closed')\n    }\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(changedProperties)\n\n    if (changedProperties.has('open')) {\n      const wasOpen = changedProperties.get('open') as boolean | undefined\n      const isOpen = this.open\n\n      if (isOpen && !wasOpen) {\n        this.handleOpen()\n      } else if (!isOpen && wasOpen) {\n        this.handleClose()\n      }\n    }\n  }\n\n  private handleOpen(): void {\n    const beforeOpenEvent = this.emit('dds-before-open', undefined, {\n      cancelable: true,\n    })\n\n    if (beforeOpenEvent.defaultPrevented) {\n      this.open = false\n      return\n    }\n\n    this.classList.remove('closed', 'transitioning')\n    this.setAttribute('aria-hidden', 'false')\n\n    this.addEventListener(\n      'transitionend',\n      () => {\n        this.emit('dds-opened', undefined, {\n          cancelable: false,\n        })\n      },\n      { once: true },\n    )\n  }\n\n  private handleClose(): void {\n    const beforeCloseEvent = this.emit('dds-before-close', undefined, {\n      cancelable: true,\n    })\n\n    if (beforeCloseEvent.defaultPrevented) {\n      this.open = true\n      return\n    }\n\n    this.classList.add('transitioning')\n    this.classList.remove('closed')\n    this.setAttribute('aria-hidden', 'true')\n\n    this.addEventListener(\n      'transitionend',\n      () => {\n        this.classList.remove('transitioning')\n        this.classList.add('closed')\n        this.emit('dds-closed', undefined, {\n          cancelable: false,\n        })\n      },\n      { once: true },\n    )\n  }\n\n  render() {\n    return html`<div part=\"base\"><slot></slot></div>`\n  }\n}\n"],"names":["_DapDSOverlay","DdsElement","changedProperties","wasOpen","isOpen","html","unsafeCSS","styles","DapDSOverlay","__decorateClass","property"],"mappings":";;;;;;;;;;;;AA+BA,MAAqBA,IAArB,MAAqBA,UAAqBC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA;AAAA,EAAA;AAAA,EAInD,oBAA0B;AACxB,UAAM,kBAAkB,GAEnB,KAAK,aAAa,aAAa,KAC7B,KAAA,aAAa,eAAe,MAAM,GAGpC,KAAK,QACH,KAAA,UAAU,IAAI,QAAQ;AAAA,EAC7B;AAAA,EAGQ,QACRC,GACM;AAGF,QAFJ,MAAM,QAAQA,CAAiB,GAE3BA,EAAkB,IAAI,MAAM,GAAG;AAC3B,YAAAC,IAAUD,EAAkB,IAAI,MAAM,GACtCE,IAAS,KAAK;AAEhB,MAAAA,KAAU,CAACD,IACb,KAAK,WAAW,IACP,CAACC,KAAUD,KACpB,KAAK,YAAY;AAAA,IACnB;AAAA,EACF;AAAA,EAGM,aAAmB;AAKzB,QAJwB,KAAK,KAAK,mBAAmB,QAAW;AAAA,MAC9D,YAAY;AAAA,IAAA,CACb,EAEmB,kBAAkB;AACpC,WAAK,OAAO;AACZ;AAAA,IAAA;AAGG,SAAA,UAAU,OAAO,UAAU,eAAe,GAC1C,KAAA,aAAa,eAAe,OAAO,GAEnC,KAAA;AAAA,MACH;AAAA,MACA,MAAM;AACC,aAAA,KAAK,cAAc,QAAW;AAAA,UACjC,YAAY;AAAA,QAAA,CACb;AAAA,MACH;AAAA,MACA,EAAE,MAAM,GAAK;AAAA,IACf;AAAA,EAAA;AAAA,EAGM,cAAoB;AAK1B,QAJyB,KAAK,KAAK,oBAAoB,QAAW;AAAA,MAChE,YAAY;AAAA,IAAA,CACb,EAEoB,kBAAkB;AACrC,WAAK,OAAO;AACZ;AAAA,IAAA;AAGG,SAAA,UAAU,IAAI,eAAe,GAC7B,KAAA,UAAU,OAAO,QAAQ,GACzB,KAAA,aAAa,eAAe,MAAM,GAElC,KAAA;AAAA,MACH;AAAA,MACA,MAAM;AACC,aAAA,UAAU,OAAO,eAAe,GAChC,KAAA,UAAU,IAAI,QAAQ,GACtB,KAAA,KAAK,cAAc,QAAW;AAAA,UACjC,YAAY;AAAA,QAAA,CACb;AAAA,MACH;AAAA,MACA,EAAE,MAAM,GAAK;AAAA,IACf;AAAA,EAAA;AAAA,EAGF,SAAS;AACA,WAAAE;AAAAA,EAAA;AAEX;AA1FEL,EAAO,UAAU,kBAKDA,EAAA,SAASM,EAAUC,CAAM;AAN3C,IAAqBC,IAArBR;AAI8CS,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAJvBF,EAIyB,WAAA,MAAA;"}

package/dist/components/overlay/overlay.d.ts

@@ -1,5 +1,5 @@
-import { default as DapDSOverlay } from './overlay.component.js';
-export * from './overlay.component.js';
+import { default as DapDSOverlay } from './overlay.component';
+export * from './overlay.component';
 export default DapDSOverlay;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/overlay/overlay.js

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

package/dist/components/overlay/overlay.js.map

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

package/dist/components/overlay/overlay.scss.js

@@ -0,0 +1,5 @@
+const t = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-overlay-z-index: 1;--dds-overlay-background: var(--dds-black-10);--dds-overlay-opacity-closed: 0;--dds-overlay-opacity-open: 1;--dds-overlay-transition-duration: var(--dds-transition-fast);--dds-overlay-transition-timing: var(--dds-easing-ease-in-out);visibility:hidden;position:fixed;overflow:hidden;inset-block:0;inset-inline:0;z-index:var(--dds-overlay-z-index);transition:opacity var(--dds-overlay-transition-duration) var(--dds-overlay-transition-timing);opacity:var(--dds-overlay-opacity-closed);background:var(--dds-overlay-background);pointer-events:none}:host([open]){visibility:visible;opacity:var(--dds-overlay-opacity-open);pointer-events:auto}[part=overlay]{display:block;width:100%;height:100%}";
+export {
+  t as default
+};
+//# sourceMappingURL=overlay.scss.js.map

package/dist/components/overlay/overlay.scss.js.map

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

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

@@ -1,5 +1,9 @@
 import { PropertyValueMap } from 'lit';
 import { DdsElement } from '../../internal/dds-hu-element';
+import { default as DapDSButton } from '../button/button.component';
+import { default as ArrowsArrowDownSFill } from '../icons/arrows/arrows-arrow-down-s-fill/arrows-arrow-down-s-fill.component';
+import { default as DapDSOptionItem } from '../option-item/option-item.component';
+import { default as DapDSSelect } from '../select/select.component';
 /**
  * `dap-ds-pager`
  * @summary A pager is a component that displays pagination controls.
@@ -42,6 +46,13 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-pager-button-font-weight - The font weight of the pager buttons (default: var(--dds-font-weight-bold, 700))
  */
 export default class DapDSPager extends DdsElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-select': typeof DapDSSelect;
+        'dap-ds-icon-arrow-down-s-fill': typeof ArrowsArrowDownSFill;
+        'dap-ds-option-item': typeof DapDSOptionItem;
+        'dap-ds-button': typeof DapDSButton;
+    };
     /** Whether the pager is disabled. */
     disabled: boolean;
     /** Enable manual pagination. If true, the component will not automatically update the page index. */