dap-design-system 0.60.2 → 0.61.0

package/dist/internal/adopt-light-styles.js

@@ -0,0 +1,16 @@
+const a = (c) => {
+  const e = window, d = e.ShadowRoot && (e.ShadyCSS === void 0 || e.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, o = c.constructor.styles, n = Array.isArray(o) ? o : o ? [o] : [], l = n.map((t) => t.cssText).join(`
+`);
+  if (d) {
+    const t = new CSSStyleSheet();
+    t.replace(l), document.adoptedStyleSheets = [...document.adoptedStyleSheets, t];
+  } else
+    n.forEach((t) => {
+      const s = document.createElement("style"), S = e.litNonce;
+      S !== void 0 && s.setAttribute("nonce", S), s.textContent = t.cssText, document.head.appendChild(s);
+    });
+};
+export {
+  a as adoptLightStyles
+};
+//# sourceMappingURL=adopt-light-styles.js.map

package/dist/internal/adopt-light-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adopt-light-styles.js","sources":["../../src/internal/adopt-light-styles.ts"],"sourcesContent":["export const adoptLightStyles = (element: HTMLElement) => {\n  const global = window\n  const supportsAdoptingStyleSheets =\n    global.ShadowRoot &&\n    (global.ShadyCSS === undefined || global.ShadyCSS.nativeShadow) &&\n    'adoptedStyleSheets' in Document.prototype &&\n    'replace' in CSSStyleSheet.prototype\n\n  const rawStyles = (element.constructor as any).styles\n  // Lit's `static styles` may be a single CSSResult or an array of them.\n  const styles = Array.isArray(rawStyles)\n    ? rawStyles\n    : rawStyles\n      ? [rawStyles]\n      : []\n  const cssText = styles.map((s: any) => s.cssText).join('\\n')\n\n  if (supportsAdoptingStyleSheets) {\n    const myStyleSheet = new CSSStyleSheet()\n    myStyleSheet.replace(cssText)\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, myStyleSheet]\n  } else {\n    styles.forEach((s: any) => {\n      const style = document.createElement('style')\n      const nonce = (global as any)['litNonce']\n      if (nonce !== undefined) {\n        style.setAttribute('nonce', nonce)\n      }\n      style.textContent = s.cssText\n      document.head.appendChild(style)\n    })\n  }\n}\n"],"names":["adoptLightStyles","element","global","supportsAdoptingStyleSheets","rawStyles","styles","cssText","s","myStyleSheet","style","nonce"],"mappings":"AAAa,MAAAA,IAAmB,CAACC,MAAyB;AACxD,QAAMC,IAAS,QACTC,IACJD,EAAO,eACNA,EAAO,aAAa,UAAaA,EAAO,SAAS,iBAClD,wBAAwB,SAAS,aACjC,aAAa,cAAc,WAEvBE,IAAaH,EAAQ,YAAoB,QAEzCI,IAAS,MAAM,QAAQD,CAAS,IAClCA,IACAA,IACE,CAACA,CAAS,IACV,CAAC,GACDE,IAAUD,EAAO,IAAI,CAACE,MAAWA,EAAE,OAAO,EAAE,KAAK;AAAA,CAAI;AAE3D,MAAIJ,GAA6B;AACzB,UAAAK,IAAe,IAAI,cAAc;AACvC,IAAAA,EAAa,QAAQF,CAAO,GAC5B,SAAS,qBAAqB,CAAC,GAAG,SAAS,oBAAoBE,CAAY;AAAA,EAAA;AAEpE,IAAAH,EAAA,QAAQ,CAACE,MAAW;AACnB,YAAAE,IAAQ,SAAS,cAAc,OAAO,GACtCC,IAASR,EAAe;AAC9B,MAAIQ,MAAU,UACND,EAAA,aAAa,SAASC,CAAK,GAEnCD,EAAM,cAAcF,EAAE,SACb,SAAA,KAAK,YAAYE,CAAK;AAAA,IAAA,CAChC;AAEL;"}

package/dist/internal/dds-hu-element.d.ts

@@ -1,6 +1,26 @@
 import { PropertyValueMap, LitElement } from 'lit';
 import { EventOptions } from './event';
 export declare class DdsElement extends LitElement {
+    /**
+     * The custom element tag name for this component (e.g. `dap-ds-button`).
+     * Each component sets this; `define()` uses it as the default name and the
+     * Custom Elements Manifest analyzer reads it to recover the tag.
+     */
+    static tagName: string;
+    /**
+     * Other DDS components this element renders internally. They are registered
+     * automatically (guarded) the first time this element is constructed, so a
+     * per-component import brings its own dependencies without the consumer
+     * having to register them by hand.
+     */
+    static dependencies: Record<string, typeof DdsElement>;
+    /**
+     * Registers this component as a custom element. Safe to call repeatedly and
+     * across bundles: if the tag is already defined it is a no-op (warning on a
+     * different constructor) instead of throwing like `customElements.define`.
+     */
+    static define(name?: string, ctor?: CustomElementConstructor, options?: ElementDefinitionOptions): void;
+    constructor();
     /**
      * Accessible label for the element. Use this to provide a text alternative
      * for elements that don't have visible text content.

package/dist/internal/dds-hu-element.js

@@ -0,0 +1,101 @@
+var y = Object.defineProperty;
+var h = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var c = (i, t, e) => t in i ? y(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, l = (i, t) => {
+  for (var e in t || (t = {}))
+    S.call(t, e) && c(i, e, t[e]);
+  if (h)
+    for (var e of h(t))
+      m.call(t, e) && c(i, e, t[e]);
+  return i;
+};
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import "../node_modules/lit-html/lit-html.js";
+import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
+import { property as o } from "../node_modules/@lit/reactive-element/decorators/property.js";
+var b = Object.defineProperty, p = (i, t, e, r) => {
+  for (var s = void 0, d = i.length - 1, u; d >= 0; d--)
+    (u = i[d]) && (s = u(t, e, s) || s);
+  return s && b(t, e, s), s;
+};
+const n = class n extends f {
+  constructor() {
+    super(), this.ariaLabel = null, this.ariaExpanded = null, this.ariaControls = null, this.ariaHasPopup = null, this.ariaDescribedBy = null, this.ariaPressed = null, this.ariaHidden = null;
+    const t = this.constructor.dependencies;
+    for (const [e, r] of Object.entries(t))
+      r && r.define(e, r);
+  }
+  /**
+   * Registers this component as a custom element. Safe to call repeatedly and
+   * across bundles: if the tag is already defined it is a no-op (warning on a
+   * different constructor) instead of throwing like `customElements.define`.
+   */
+  static define(t = this.tagName, e = this, r = {}) {
+    const s = customElements.get(t);
+    if (s) {
+      s !== e && console.warn(
+        `[dds] <${t}> is already registered with a different constructor; skipping re-registration.`
+      );
+      return;
+    }
+    try {
+      customElements.define(t, e, r);
+    } catch (d) {
+      customElements.define(t, class extends e {
+      }, r);
+    }
+  }
+  emit(t, e, r) {
+    const s = new CustomEvent(t, l({
+      bubbles: !0,
+      cancelable: !1,
+      composed: !0,
+      detail: e ? l({}, e) : void 0
+    }, r));
+    return this.dispatchEvent(s), s;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this._updateCustomStyles();
+  }
+  updated(t) {
+    super.updated(t), t.has("customStyles") && this._updateCustomStyles();
+  }
+  _updateCustomStyles() {
+    this.shadowRoot && (this.customStyles ? this._customStyleSheet ? this._customStyleSheet.replaceSync(this.customStyles) : (this._customStyleSheet = new CSSStyleSheet(), this._customStyleSheet.replaceSync(this.customStyles), this.shadowRoot.adoptedStyleSheets = [
+      ...this.shadowRoot.adoptedStyleSheets,
+      this._customStyleSheet
+    ]) : this._customStyleSheet && (this.shadowRoot.adoptedStyleSheets = this.shadowRoot.adoptedStyleSheets.filter(
+      (t) => t !== this._customStyleSheet
+    ), this._customStyleSheet = void 0));
+  }
+};
+n.tagName = "", n.dependencies = {};
+let a = n;
+p([
+  o({ type: String, attribute: "aria-label" })
+], a.prototype, "ariaLabel");
+p([
+  o({ type: String, attribute: "aria-expanded" })
+], a.prototype, "ariaExpanded");
+p([
+  o({ type: String, attribute: "aria-controls" })
+], a.prototype, "ariaControls");
+p([
+  o({ type: String, attribute: "aria-haspopup" })
+], a.prototype, "ariaHasPopup");
+p([
+  o({ type: String, attribute: "aria-describedby" })
+], a.prototype, "ariaDescribedBy");
+p([
+  o({ type: String, attribute: "aria-pressed" })
+], a.prototype, "ariaPressed");
+p([
+  o({ type: String, attribute: "aria-hidden" })
+], a.prototype, "ariaHidden");
+p([
+  o({ type: String, attribute: "custom-styles" })
+], a.prototype, "customStyles");
+export {
+  a as DdsElement
+};
+//# sourceMappingURL=dds-hu-element.js.map

package/dist/internal/dds-hu-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dds-hu-element.js","sources":["../../src/internal/dds-hu-element.ts"],"sourcesContent":["import { PropertyValueMap } from 'lit'\nimport { LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { EventOptions } from './event'\n\nexport class DdsElement extends LitElement {\n  /**\n   * The custom element tag name for this component (e.g. `dap-ds-button`).\n   * Each component sets this; `define()` uses it as the default name and the\n   * Custom Elements Manifest analyzer reads it to recover the tag.\n   */\n  static tagName = ''\n\n  /**\n   * Other DDS components this element renders internally. They are registered\n   * automatically (guarded) the first time this element is constructed, so a\n   * per-component import brings its own dependencies without the consumer\n   * having to register them by hand.\n   */\n  static dependencies: Record<string, typeof DdsElement> = {}\n\n  /**\n   * Registers this component as a custom element. Safe to call repeatedly and\n   * across bundles: if the tag is already defined it is a no-op (warning on a\n   * different constructor) instead of throwing like `customElements.define`.\n   */\n  static define(\n    name: string = this.tagName,\n    ctor: CustomElementConstructor = this as unknown as CustomElementConstructor,\n    options: ElementDefinitionOptions = {},\n  ): void {\n    const existing = customElements.get(name)\n    if (existing) {\n      if (existing !== ctor) {\n        console.warn(\n          `[dds] <${name}> is already registered with a different constructor; skipping re-registration.`,\n        )\n      }\n      return\n    }\n    try {\n      customElements.define(name, ctor, options)\n    } catch {\n      // A constructor can only be registered under one tag. Fall back to an\n      // anonymous subclass so a second tag for the same class still works.\n      customElements.define(name, class extends ctor {}, options)\n    }\n  }\n\n  constructor() {\n    super()\n    // Auto-register declared dependencies (guarded) when first instantiated.\n    // The `component &&` guard tolerates circular dependency graphs where a\n    // referenced class may not be initialised yet at module-eval time.\n    const deps = (this.constructor as typeof DdsElement).dependencies\n    for (const [name, component] of Object.entries(deps)) {\n      if (component) {\n        component.define(name, component as unknown as CustomElementConstructor)\n      }\n    }\n  }\n\n  /**\n   * Accessible label for the element. Use this to provide a text alternative\n   * for elements that don't have visible text content.\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  override ariaLabel: string | null = null\n\n  /**\n   * Indicates whether the element is expanded or collapsed.\n   * @type { 'true' | 'false' }\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-expanded' })\n  override ariaExpanded: string | null = null\n\n  /**\n   * Identifies the element that is controlled by this element.\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-controls' })\n  ariaControls: string | null = null\n\n  /**\n   * Indicates the availability and type of interactive popup element.\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-haspopup' })\n  override ariaHasPopup: string | null = null\n\n  /**\n   * Identifies the element that describes the current element.\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-describedby' })\n  ariaDescribedBy: string | null = null\n\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons.\n   * @type { 'true' | 'false' | 'mixed' }\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-pressed' })\n  override ariaPressed: string | null = null\n\n  /**\n   * Indicates whether the element is hidden from accessibility APIs.\n   * @type { 'true' | 'false' }\n   * @group Accessibility\n   */\n  @property({ type: String, attribute: 'aria-hidden' })\n  override ariaHidden: string | null = null\n\n  /**\n   * Custom CSS text to be merged with the component's styles.\n   * This CSS will be injected into the shadow DOM and merged with the component's static styles.\n   * @example\n   * ```html\n   * <dap-ds-spinner custom-styles=\".spinner { border: 2px solid red; }\"></dap-ds-spinner>\n   * ```\n   */\n  @property({ type: String, attribute: 'custom-styles' })\n  customStyles?: string\n\n  private _customStyleSheet?: CSSStyleSheet\n\n  emit<V = Record<PropertyKey, any>>(\n    name: string,\n    value?: V,\n    options?: EventOptions,\n  ) {\n    const event = new CustomEvent<V>(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail: value ? ({ ...value } as V) : undefined,\n      ...options,\n    })\n\n    this.dispatchEvent(event)\n\n    return event\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n    this._updateCustomStyles()\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n    // Update custom styles when customStyles changes\n    if (_changedProperties.has('customStyles')) {\n      this._updateCustomStyles()\n    }\n  }\n\n  private _updateCustomStyles(): void {\n    if (!this.shadowRoot) return\n\n    if (this.customStyles) {\n      // Create or update custom stylesheet using adoptedStyleSheets API\n      // This ensures custom styles come after static styles and can override them\n      if (this._customStyleSheet) {\n        this._customStyleSheet.replaceSync(this.customStyles)\n      } else {\n        this._customStyleSheet = new CSSStyleSheet()\n        this._customStyleSheet.replaceSync(this.customStyles)\n        this.shadowRoot.adoptedStyleSheets = [\n          ...this.shadowRoot.adoptedStyleSheets,\n          this._customStyleSheet,\n        ]\n      }\n    } else if (this._customStyleSheet) {\n      // Remove custom stylesheet if not needed\n      this.shadowRoot.adoptedStyleSheets =\n        this.shadowRoot.adoptedStyleSheets.filter(\n          sheet => sheet !== this._customStyleSheet,\n        )\n      this._customStyleSheet = undefined\n    }\n  }\n}\n"],"names":["_DdsElement","LitElement","deps","name","component","ctor","options","existing","e","value","event","__spreadValues","_changedProperties","sheet","DdsElement","__decorateClass","property"],"mappings":"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"}

package/dist/internal/keyboard-navigation.js

@@ -0,0 +1,108 @@
+var h = Object.defineProperty, l = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var o = (s, t, e) => t in s ? h(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, r = (s, t) => {
+  for (var e in t || (t = {}))
+    I.call(t, e) && o(s, e, t[e]);
+  if (u)
+    for (var e of u(t))
+      m.call(t, e) && o(s, e, t[e]);
+  return s;
+}, d = (s, t) => l(s, f(t));
+class _ {
+  constructor(t, e) {
+    this._cachedItems = null, this._cacheInvalidated = !0, this._focusedItem = null, this._focusedIndex = -1, this._container = t, this._options = e;
+  }
+  invalidateCache() {
+    this._cachedItems = null, this._cacheInvalidated = !0;
+  }
+  getEnabledItems() {
+    return (this._cacheInvalidated || !this._cachedItems) && (this._cachedItems = this._container.querySelectorAll(
+      this._options.enabledSelector
+    ), this._cacheInvalidated = !1), Array.from(this._cachedItems);
+  }
+  setFocusedItem(t) {
+    var i, c;
+    const e = this.getEnabledItems();
+    this._focusedItem && (this._focusedItem.setAttribute("tabindex", "-1"), this._focusedItem.setAttribute("aria-selected", "false")), t < 0 ? t = e.length - 1 : t >= e.length && (t = 0), this._focusedIndex = t, this._focusedItem = e[t], this._focusedItem && (this._focusedItem.setAttribute("tabindex", "0"), this._focusedItem.setAttribute("aria-selected", "true"), this._focusedItem.focus(), (c = (i = this._options).onSelectionChange) == null || c.call(
+      i,
+      this._focusedItem,
+      t + 1,
+      e.length
+    ));
+  }
+  initializeFocus(t) {
+    const e = this.getEnabledItems();
+    e.forEach((c) => {
+      const n = c;
+      n.setAttribute("tabindex", "-1"), n.setAttribute("role", "menuitem"), n.setAttribute("aria-selected", "false");
+    });
+    let i = 0;
+    if (t) {
+      const c = e.indexOf(t);
+      c !== -1 && (i = c);
+    }
+    e.length > 0 && this.setFocusedItem(i);
+  }
+  handleKeyDown(t) {
+    var e, i;
+    switch (t.key) {
+      case "ArrowDown":
+        return t.preventDefault(), this.setFocusedItem(this._focusedIndex + 1), !0;
+      case "ArrowUp":
+        return t.preventDefault(), this.setFocusedItem(this._focusedIndex - 1), !0;
+      case "Tab":
+        return t.preventDefault(), t.shiftKey ? this.setFocusedItem(this._focusedIndex - 1) : this.setFocusedItem(this._focusedIndex + 1), !0;
+      case "Home":
+        return t.preventDefault(), this.setFocusedItem(0), !0;
+      case "End":
+        return t.preventDefault(), this.setFocusedItem(this.getEnabledItems().length - 1), !0;
+      case "Enter":
+      case " ":
+        return t.preventDefault(), this._focusedItem && (this._focusedItem.click(), (i = (e = this._options).onItemClick) == null || i.call(e, this._focusedItem)), !0;
+      default:
+        return !1;
+    }
+  }
+  reset() {
+    this._focusedItem = null, this._focusedIndex = -1;
+  }
+  get focusedItem() {
+    return this._focusedItem;
+  }
+  get focusedIndex() {
+    return this._focusedIndex;
+  }
+}
+function b(s, t) {
+  let e = s.querySelector("[aria-live]");
+  e || (e = document.createElement("div"), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), e.style.position = "absolute", e.style.left = "-10000px", e.style.width = "1px", e.style.height = "1px", e.style.overflow = "hidden", s.appendChild(e)), e.textContent = t;
+}
+function g(s, t, e, i) {
+  var a;
+  const n = `${((a = t.textContent) == null ? void 0 : a.trim()) || ""}, ${e} of ${i}`;
+  b(s, n);
+}
+function y(s, t) {
+  const e = new _(s, d(r({}, t), {
+    onSelectionChange: (i, c, n) => {
+      var a;
+      g(s, i, c, n), (a = t.onSelectionChange) == null || a.call(t, i, c, n);
+    }
+  }));
+  return {
+    manager: e,
+    handleKeyDown: (i) => e.handleKeyDown(i),
+    invalidateCache: () => e.invalidateCache(),
+    initializeFocus: (i) => e.initializeFocus(i),
+    reset: () => e.reset()
+  };
+}
+export {
+  _ as KeyboardNavigationManager,
+  g as announceSelection,
+  y as createKeyboardNavigationHandler,
+  b as createOrUpdateLiveRegion
+};
+//# sourceMappingURL=keyboard-navigation.js.map

package/dist/internal/keyboard-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-navigation.js","sources":["../../src/internal/keyboard-navigation.ts"],"sourcesContent":["/**\n * Keyboard navigation utilities for dropdown/menu components\n */\n\nexport interface KeyboardNavigationItem {\n  setAttribute(name: string, value: string): void\n  focus(): void\n  click(): void\n  textContent: string | null\n}\n\nexport interface KeyboardNavigationOptions {\n  enabledSelector: string\n  onSelectionChange?: (item: HTMLElement, index: number, total: number) => void\n  onItemClick?: (item: HTMLElement) => void\n}\n\nexport class KeyboardNavigationManager {\n  private _cachedItems: NodeListOf<Element> | null = null\n  private _cacheInvalidated = true\n  private _focusedItem: HTMLElement | null = null\n  private _focusedIndex = -1\n  private _container: Element\n  private _options: KeyboardNavigationOptions\n\n  constructor(container: Element, options: KeyboardNavigationOptions) {\n    this._container = container\n    this._options = options\n  }\n\n  invalidateCache() {\n    this._cachedItems = null\n    this._cacheInvalidated = true\n  }\n\n  getEnabledItems(): Element[] {\n    if (this._cacheInvalidated || !this._cachedItems) {\n      this._cachedItems = this._container.querySelectorAll(\n        this._options.enabledSelector,\n      )\n      this._cacheInvalidated = false\n    }\n    return Array.from(this._cachedItems)\n  }\n\n  setFocusedItem(index: number) {\n    const items = this.getEnabledItems()\n\n    // Clear current focus\n    if (this._focusedItem) {\n      this._focusedItem.setAttribute('tabindex', '-1')\n      this._focusedItem.setAttribute('aria-selected', 'false')\n    }\n\n    // Normalize index (circular navigation)\n    if (index < 0) {\n      index = items.length - 1\n    } else if (index >= items.length) {\n      index = 0\n    }\n\n    // Set new focus\n    this._focusedIndex = index\n    this._focusedItem = items[index] as HTMLElement\n\n    if (this._focusedItem) {\n      this._focusedItem.setAttribute('tabindex', '0')\n      this._focusedItem.setAttribute('aria-selected', 'true')\n      this._focusedItem.focus()\n\n      // Notify callback\n      this._options.onSelectionChange?.(\n        this._focusedItem,\n        index + 1,\n        items.length,\n      )\n    }\n  }\n\n  initializeFocus(lastClickedItem?: HTMLElement) {\n    const items = this.getEnabledItems()\n\n    // Set all items to tabindex -1 and role menuitem initially\n    items.forEach(item => {\n      const htmlItem = item as HTMLElement\n      htmlItem.setAttribute('tabindex', '-1')\n      htmlItem.setAttribute('role', 'menuitem')\n      htmlItem.setAttribute('aria-selected', 'false')\n    })\n\n    // Find the item to focus (last clicked or first available)\n    let focusIndex = 0\n    if (lastClickedItem) {\n      const lastClickedIndex = items.indexOf(lastClickedItem)\n      if (lastClickedIndex !== -1) {\n        focusIndex = lastClickedIndex\n      }\n    }\n\n    if (items.length > 0) {\n      this.setFocusedItem(focusIndex)\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent): boolean {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        this.setFocusedItem(this._focusedIndex + 1)\n        return true\n\n      case 'ArrowUp':\n        event.preventDefault()\n        this.setFocusedItem(this._focusedIndex - 1)\n        return true\n\n      case 'Tab':\n        event.preventDefault()\n        // Tab moves forward, Shift+Tab moves backward\n        if (event.shiftKey) {\n          this.setFocusedItem(this._focusedIndex - 1)\n        } else {\n          this.setFocusedItem(this._focusedIndex + 1)\n        }\n        return true\n\n      case 'Home':\n        event.preventDefault()\n        this.setFocusedItem(0)\n        return true\n\n      case 'End':\n        event.preventDefault()\n        this.setFocusedItem(this.getEnabledItems().length - 1)\n        return true\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (this._focusedItem) {\n          this._focusedItem.click()\n          this._options.onItemClick?.(this._focusedItem)\n        }\n        return true\n\n      default:\n        return false\n    }\n  }\n\n  reset() {\n    this._focusedItem = null\n    this._focusedIndex = -1\n  }\n\n  get focusedItem() {\n    return this._focusedItem\n  }\n\n  get focusedIndex() {\n    return this._focusedIndex\n  }\n}\n\n/**\n * Creates a live region for screen reader announcements\n */\nexport function createOrUpdateLiveRegion(\n  container: Element,\n  announcement: string,\n): void {\n  let liveRegion = container.querySelector('[aria-live]') as HTMLElement\n  if (!liveRegion) {\n    liveRegion = document.createElement('div')\n    liveRegion.setAttribute('aria-live', 'polite')\n    liveRegion.setAttribute('aria-atomic', 'true')\n    liveRegion.style.position = 'absolute'\n    liveRegion.style.left = '-10000px'\n    liveRegion.style.width = '1px'\n    liveRegion.style.height = '1px'\n    liveRegion.style.overflow = 'hidden'\n    container.appendChild(liveRegion)\n  }\n\n  liveRegion.textContent = announcement\n}\n\n/**\n * Announces current selection to screen readers\n */\nexport function announceSelection(\n  container: Element,\n  item: HTMLElement,\n  position: number,\n  total: number,\n): void {\n  const text = item.textContent?.trim() || ''\n  const announcement = `${text}, ${position} of ${total}`\n  createOrUpdateLiveRegion(container, announcement)\n}\n\n/**\n * Standard keyboard navigation handler for dropdown/menu components\n */\nexport function createKeyboardNavigationHandler(\n  container: Element,\n  options: KeyboardNavigationOptions,\n) {\n  const manager = new KeyboardNavigationManager(container, {\n    ...options,\n    onSelectionChange: (item, position, total) => {\n      announceSelection(container, item, position, total)\n      options.onSelectionChange?.(item, position, total)\n    },\n  })\n\n  return {\n    manager,\n    handleKeyDown: (event: KeyboardEvent) => manager.handleKeyDown(event),\n    invalidateCache: () => manager.invalidateCache(),\n    initializeFocus: (lastClickedItem?: HTMLElement) =>\n      manager.initializeFocus(lastClickedItem),\n    reset: () => manager.reset(),\n  }\n}\n"],"names":["KeyboardNavigationManager","container","options","index","_a","_b","items","lastClickedItem","item","htmlItem","focusIndex","lastClickedIndex","event","createOrUpdateLiveRegion","announcement","liveRegion","announceSelection","position","total","createKeyboardNavigationHandler","manager","__spreadProps","__spreadValues"],"mappings":"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"}

package/dist/internal/mixin/choiceElementMixin.js

@@ -0,0 +1,20 @@
+import { property as s } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+var i = Object.defineProperty, p = (t, r, n, f) => {
+  for (var e = void 0, o = t.length - 1, c; o >= 0; o--)
+    (c = t[o]) && (e = c(r, n, e) || e);
+  return e && i(r, n, e), e;
+};
+function a(t) {
+  class r extends t {
+    constructor() {
+      super(...arguments), this.checked = !1;
+    }
+  }
+  return p([
+    s({ type: Boolean, reflect: !0 })
+  ], r.prototype, "checked"), r;
+}
+export {
+  a as ChoiceElementMixin
+};
+//# sourceMappingURL=choiceElementMixin.js.map

package/dist/internal/mixin/choiceElementMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choiceElementMixin.js","sources":["../../../src/internal/mixin/choiceElementMixin.ts"],"sourcesContent":["import { LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\ntype Constructor<T = Record<string, unknown>> = {\n  new (...args: any[]): T\n  prototype: T\n}\n\nexport interface ChoiceElementMixinInterface {\n  checked: boolean\n}\n\nexport function ChoiceElementMixin<T extends Constructor<LitElement>>(\n  constructor: T,\n): T & Constructor<ChoiceElementMixinInterface> {\n  class ChoiceElement extends constructor {\n    @property({ type: Boolean, reflect: true }) checked = false\n  }\n\n  return ChoiceElement as Constructor<ChoiceElementMixinInterface> & T\n}\n"],"names":["ChoiceElementMixin","constructor","ChoiceElement","__decorateClass","property"],"mappings":";;;;;;AAYO,SAASA,EACdC,GAC8C;AAAA,EAC9C,MAAMC,UAAsBD,EAAY;AAAA,IAAxC,cAAA;AAAA,YAAA,GAAA,SAAA,GACwD,KAAA,UAAA;AAAA,IAAA;AAAA,EAAA;AAAV,SAAAE,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GADtCF,EACwC,WAAA,SAAA,GAGvCA;AACT;"}

package/dist/internal/mixin/feedbackMixin.js

@@ -0,0 +1,72 @@
+import { clsx as f } from "../../node_modules/clsx/dist/clsx.js";
+import "../../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as n } 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 { ifDefined as l } from "../../node_modules/lit-html/directives/if-defined.js";
+var b = Object.defineProperty, a = (r, e, o, s) => {
+  for (var t = void 0, c = r.length - 1, d; c >= 0; c--)
+    (d = r[c]) && (t = d(e, o, t) || t);
+  return t && b(e, o, t), t;
+};
+function v(r) {
+  class e extends r {
+    constructor() {
+      super(...arguments), this.feedbackSize = "sm", this.feedbackType = "positive", this.feedbackSubtle = !1, this.feedbackNoMargin = !1;
+    }
+    renderFeedback() {
+      return n`<div
+        part="base"
+        class=${f(
+        "feedback",
+        `feedback--${this.feedbackType}`,
+        `feedback--${this.feedbackSize}`,
+        {
+          "feedback--subtle": this.feedbackSubtle,
+          "feedback--no-margin": this.feedbackNoMargin
+        }
+      )}>
+        <slot name="icon" class="feedback__icon">
+          <dap-ds-icon
+            part="icon"
+            aria-hidden="true"
+            size="${l(this.feedbackSize)}"
+            name="${this._iconType(this.feedbackType)}">
+          </dap-ds-icon>
+        </slot>
+        <div part="text" class="feedback__text" role="alert" aria-live="polite">
+          <slot></slot>
+        </div>
+      </div> `;
+    }
+    _iconType(s) {
+      switch (s) {
+        case "positive":
+          return `checkbox-circle-${this.feedbackSubtle ? "line" : "fill"}`;
+        case "negative":
+          return `error-warning-${this.feedbackSubtle ? "line" : "fill"}`;
+        case "warning":
+          return `alert-${this.feedbackSubtle ? "line" : "fill"}`;
+        default:
+          return `information-${this.feedbackSubtle ? "line" : "fill"}`;
+      }
+    }
+  }
+  return a([
+    i()
+  ], e.prototype, "feedbackSize"), a([
+    i()
+  ], e.prototype, "feedback"), a([
+    i()
+  ], e.prototype, "feedbackType"), a([
+    i({ type: Boolean, reflect: !0 })
+  ], e.prototype, "feedbackSubtle"), a([
+    i({ type: Boolean })
+  ], e.prototype, "feedbackNoMargin"), a([
+    i()
+  ], e.prototype, "feedbackId"), e;
+}
+export {
+  v as FeedbackMixin
+};
+//# sourceMappingURL=feedbackMixin.js.map

package/dist/internal/mixin/feedbackMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedbackMixin.js","sources":["../../../src/internal/mixin/feedbackMixin.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { CommonSize, FeedbackType, Size } from '@/dap-design-system'\n\ntype Constructor<T = Record<string, unknown>> = {\n  new (...args: any[]): T\n  prototype: T\n}\n\nexport interface FeedbackElementInterface {\n  feedbackSize?: CommonSize\n  feedback: string\n  feedbackType?: FeedbackType\n  feedbackSubtle?: boolean\n  feedbackNoMargin?: boolean\n  feedbackId?: string\n  renderFeedback(content?: unknown): unknown\n}\n\nexport function FeedbackMixin<T extends Constructor<LitElement>>(\n  constructor: T,\n): T & Constructor<FeedbackElementInterface> {\n  class FeedbackElement extends constructor {\n    @property() feedbackSize?: Size = 'sm'\n    @property() feedback: string\n    @property() feedbackType: FeedbackType = 'positive'\n    @property({ type: Boolean, reflect: true }) feedbackSubtle = false\n    @property({ type: Boolean }) feedbackNoMargin = false\n    @property() feedbackId?: string\n\n    renderFeedback() {\n      return html`<div\n        part=\"base\"\n        class=${clsx(\n          'feedback',\n          `feedback--${this.feedbackType}`,\n          `feedback--${this.feedbackSize}`,\n          {\n            'feedback--subtle': this.feedbackSubtle,\n            'feedback--no-margin': this.feedbackNoMargin,\n          },\n        )}>\n        <slot name=\"icon\" class=\"feedback__icon\">\n          <dap-ds-icon\n            part=\"icon\"\n            aria-hidden=\"true\"\n            size=\"${ifDefined(this.feedbackSize) as CommonSize}\"\n            name=\"${this._iconType(this.feedbackType)}\">\n          </dap-ds-icon>\n        </slot>\n        <div part=\"text\" class=\"feedback__text\" role=\"alert\" aria-live=\"polite\">\n          <slot></slot>\n        </div>\n      </div> `\n    }\n\n    private _iconType(type: FeedbackType): string {\n      switch (type) {\n        case 'positive':\n          return `checkbox-circle-${this.feedbackSubtle ? 'line' : 'fill'}`\n        case 'negative':\n          return `error-warning-${this.feedbackSubtle ? 'line' : 'fill'}`\n        case 'warning':\n          return `alert-${this.feedbackSubtle ? 'line' : 'fill'}`\n        default:\n          return `information-${this.feedbackSubtle ? 'line' : 'fill'}`\n      }\n    }\n  }\n  return FeedbackElement as Constructor<FeedbackElementInterface> & T\n}\n"],"names":["FeedbackMixin","constructor","FeedbackElement","html","clsx","ifDefined","type","__decorateClass","property"],"mappings":";;;;;;;;;;;AAsBO,SAASA,EACdC,GAC2C;AAAA,EAC3C,MAAMC,UAAwBD,EAAY;AAAA,IAA1C,cAAA;AAAA,YAAA,GAAA,SAAA,GACoC,KAAA,eAAA,MAEO,KAAA,eAAA,YACoB,KAAA,iBAAA,IACb,KAAA,mBAAA;AAAA,IAAA;AAAA,IAGhD,iBAAiB;AACR,aAAAE;AAAAA;AAAAA,gBAEGC;AAAA,QACN;AAAA,QACA,aAAa,KAAK,YAAY;AAAA,QAC9B,aAAa,KAAK,YAAY;AAAA,QAC9B;AAAA,UACE,oBAAoB,KAAK;AAAA,UACzB,uBAAuB,KAAK;AAAA,QAAA;AAAA,MAC9B,CACD;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWC,EAAU,KAAK,YAAY,CAAe;AAAA,oBAC1C,KAAK,UAAU,KAAK,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,IASzC,UAAUC,GAA4B;AAC5C,cAAQA,GAAM;AAAA,QACZ,KAAK;AACH,iBAAO,mBAAmB,KAAK,iBAAiB,SAAS,MAAM;AAAA,QACjE,KAAK;AACH,iBAAO,iBAAiB,KAAK,iBAAiB,SAAS,MAAM;AAAA,QAC/D,KAAK;AACH,iBAAO,SAAS,KAAK,iBAAiB,SAAS,MAAM;AAAA,QACvD;AACE,iBAAO,eAAe,KAAK,iBAAiB,SAAS,MAAM;AAAA,MAAA;AAAA,IAC/D;AAAA,EACF;AA5CY,SAAAC,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GADNN,EACQ,WAAA,cAAA,GACAK,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GAFNN,EAEQ,WAAA,UAAA,GACAK,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GAHNN,EAGQ,WAAA,cAAA,GACgCK,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GAJtCN,EAIwC,WAAA,gBAAA,GACfK,EAAA;AAAA,IAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,EAAA,GALvBN,EAKyB,WAAA,kBAAA,GACjBK,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GANNN,EAMQ,WAAA,YAAA,GAyCPA;AACT;"}

package/dist/internal/mixin/focusableMixin.js

@@ -0,0 +1,38 @@
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+var c = Object.defineProperty, u = (o, t, l, e) => {
+  for (var s = void 0, r = o.length - 1, i; r >= 0; r--)
+    (i = o[r]) && (s = i(t, l, s) || s);
+  return s && c(t, l, s), s;
+};
+function p(o) {
+  class t extends o {
+    constructor() {
+      super(...arguments), this.disabled = !1, this.autofocus = !1;
+    }
+    get focusElement() {
+      throw new Error("Must implement focusElement getter!");
+    }
+    focus(e) {
+      this.disabled || !this.focusElement || (this.focusElement !== this ? this.focusElement.focus(e) : HTMLElement.prototype.focus.apply(this, [e]));
+    }
+    blur() {
+      const e = this.focusElement || this;
+      e !== this ? e.blur() : HTMLElement.prototype.blur.apply(this);
+    }
+    click() {
+      if (this.disabled)
+        return;
+      const e = this.focusElement || this;
+      e !== this ? e.click() : HTMLElement.prototype.click.apply(this);
+    }
+  }
+  return u([
+    n({ type: Boolean, reflect: !0 })
+  ], t.prototype, "disabled"), u([
+    n({ type: Boolean })
+  ], t.prototype, "autofocus"), t;
+}
+export {
+  p as FocusableMixin
+};
+//# sourceMappingURL=focusableMixin.js.map

package/dist/internal/mixin/focusableMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusableMixin.js","sources":["../../../src/internal/mixin/focusableMixin.ts"],"sourcesContent":["import { ReactiveElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\ntype Constructor<T = Record<string, unknown>> = {\n  new (...args: any[]): T\n  prototype: T\n}\n\ntype DisableableElement = HTMLElement & { disabled?: boolean }\n\nexport interface FocusableElementInterface {\n  disabled: boolean\n  autofocus: boolean\n  focusElement: DisableableElement\n  focus(options?: FocusOptions): void\n  blur(): void\n  click(): void\n}\n\nexport function FocusableMixin<T extends Constructor<ReactiveElement>>(\n  constructor: T,\n): T & Constructor<FocusableElementInterface> {\n  class FocusableElement extends constructor {\n    @property({ type: Boolean, reflect: true })\n    public disabled = false\n    @property({ type: Boolean })\n    public override autofocus = false\n\n    get focusElement(): DisableableElement {\n      throw new Error('Must implement focusElement getter!')\n    }\n\n    public override focus(options?: FocusOptions): void {\n      if (this.disabled || !this.focusElement) {\n        return\n      }\n\n      if (this.focusElement !== this) {\n        this.focusElement.focus(options)\n      } else {\n        HTMLElement.prototype.focus.apply(this, [options])\n      }\n    }\n\n    public override blur(): void {\n      const focusElement = this.focusElement || this\n      if (focusElement !== this) {\n        focusElement.blur()\n      } else {\n        HTMLElement.prototype.blur.apply(this)\n      }\n    }\n\n    public override click(): void {\n      if (this.disabled) {\n        return\n      }\n\n      const focusElement = this.focusElement || this\n      if (focusElement !== this) {\n        focusElement.click()\n      } else {\n        HTMLElement.prototype.click.apply(this)\n      }\n    }\n  }\n\n  return FocusableElement as Constructor<FocusableElementInterface> & T\n}\n"],"names":["FocusableMixin","constructor","FocusableElement","options","focusElement","__decorateClass","property"],"mappings":";;;;;;AAmBO,SAASA,EACdC,GAC4C;AAAA,EAC5C,MAAMC,UAAyBD,EAAY;AAAA,IAA3C,cAAA;AAAA,YAAA,GAAA,SAAA,GAEE,KAAO,WAAW,IAElB,KAAgB,YAAY;AAAA,IAAA;AAAA,IAE5B,IAAI,eAAmC;AAC/B,YAAA,IAAI,MAAM,qCAAqC;AAAA,IAAA;AAAA,IAGvC,MAAME,GAA8B;AAClD,MAAI,KAAK,YAAY,CAAC,KAAK,iBAIvB,KAAK,iBAAiB,OACnB,KAAA,aAAa,MAAMA,CAAO,IAE/B,YAAY,UAAU,MAAM,MAAM,MAAM,CAACA,CAAO,CAAC;AAAA,IACnD;AAAA,IAGc,OAAa;AACrB,YAAAC,IAAe,KAAK,gBAAgB;AAC1C,MAAIA,MAAiB,OACnBA,EAAa,KAAK,IAEN,YAAA,UAAU,KAAK,MAAM,IAAI;AAAA,IACvC;AAAA,IAGc,QAAc;AAC5B,UAAI,KAAK;AACP;AAGI,YAAAA,IAAe,KAAK,gBAAgB;AAC1C,MAAIA,MAAiB,OACnBA,EAAa,MAAM,IAEP,YAAA,UAAU,MAAM,MAAM,IAAI;AAAA,IACxC;AAAA,EACF;AAxCO,SAAAC,EAAA;AAAA,IADNC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GADtCJ,EAEG,WAAA,UAAA,GAESG,EAAA;AAAA,IADfC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,EAAA,GAHvBJ,EAIY,WAAA,WAAA,GAyCXA;AACT;"}

package/dist/internal/mixin/formElementMixin.js

@@ -0,0 +1,133 @@
+var p = (o, t, l) => new Promise((i, e) => {
+  var s = (a) => {
+    try {
+      d(l.next(a));
+    } catch (h) {
+      e(h);
+    }
+  }, u = (a) => {
+    try {
+      d(l.throw(a));
+    } catch (h) {
+      e(h);
+    }
+  }, d = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(s, u);
+  d((l = l.apply(o, t)).next());
+});
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+var c = Object.defineProperty, r = (o, t, l, i) => {
+  for (var e = void 0, s = o.length - 1, u; s >= 0; s--)
+    (u = o[s]) && (e = u(t, l, e) || e);
+  return e && c(t, l, e), e;
+};
+const f = [
+  "value",
+  "checked",
+  "selected",
+  "disabled",
+  "readonly"
+];
+function v(o) {
+  class t extends o {
+    constructor(...i) {
+      super(...i), this.disabled = !1, this.required = !1, this.readonly = !1, this.silent = !0, this.invalid = !1, this.autocomplete = "off", this.formElement = null, this.internals = this.attachInternals();
+    }
+    get innerInput() {
+      return this.input || this.$input;
+    }
+    static get formAssociated() {
+      return !0;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.formElement = this.closest("form"), this.defaultValue || (this.defaultValue = this.value);
+    }
+    attributeChangedCallback(i, e, s) {
+      if (super.attributeChangedCallback(i, e, s), f.includes(i) && s !== e)
+        switch (i) {
+          case "value":
+            this.nodeName !== "DAP-DS-BUTTON" && this.internals.setFormValue(s);
+            break;
+          case "checked":
+            this.internals.setFormValue(s !== null ? "on" : null);
+        }
+    }
+    formResetCallback() {
+      this.internals.setValidity({}), this.internals.setFormValue(this.defaultValue);
+    }
+    onInput() {
+      this.emit("dds-input", { value: this.innerInput.value });
+    }
+    onBlur() {
+      this.emit("dds-blur");
+    }
+    onFocus() {
+      this.emit("dds-focus");
+    }
+    onChange() {
+      this.emit("dds-change", { value: this.innerInput.value });
+    }
+    onKeydown(i) {
+      this.emit("dds-keydown", { value: this.innerInput.value, event: i });
+    }
+    handleInvalid(i) {
+      this.silent && i.preventDefault();
+    }
+    firstUpdated(i) {
+      return p(this, null, function* () {
+        var e;
+        this.$input = (e = this.shadowRoot) == null ? void 0 : e.getElementById("input"), this.nodeName !== "DAP-DS-BUTTON" && (this.internals.setFormValue(this.value), this.setValidity());
+      });
+    }
+    setValidity() {
+      this.innerInput && (this.innerInput.checkValidity() ? this.internals.setValidity({}) : this.internals.setValidity(
+        this.innerInput.validity,
+        this.validationMessage,
+        this.innerInput
+      ));
+    }
+    get validity() {
+      return this.innerInput.validity;
+    }
+    get validationMessage() {
+      return " ";
+    }
+    get willValidate() {
+      return this.innerInput.willValidate;
+    }
+    checkValidity() {
+      return this.innerInput.checkValidity();
+    }
+    reportValidity() {
+      return this.innerInput.reportValidity();
+    }
+  }
+  return r([
+    n({ reflect: !0 })
+  ], t.prototype, "name"), r([
+    n()
+  ], t.prototype, "defaultValue"), r([
+    n({ reflect: !0 })
+  ], t.prototype, "form"), r([
+    n({ type: Boolean, reflect: !0 })
+  ], t.prototype, "disabled"), r([
+    n({ type: Boolean, reflect: !0, attribute: !0 })
+  ], t.prototype, "required"), r([
+    n({ type: Boolean, reflect: !0 })
+  ], t.prototype, "readonly"), r([
+    n({ type: Boolean })
+  ], t.prototype, "silent"), r([
+    n({ type: Boolean, reflect: !0 })
+  ], t.prototype, "invalid"), r([
+    n({ reflect: !0 })
+  ], t.prototype, "status"), r([
+    n()
+  ], t.prototype, "autocomplete"), r([
+    n({ attribute: !0, reflect: !0 })
+  ], t.prototype, "value"), r([
+    n({ attribute: !1 })
+  ], t.prototype, "internals"), t;
+}
+export {
+  v as FormElementMixin
+};
+//# sourceMappingURL=formElementMixin.js.map

package/dist/internal/mixin/formElementMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formElementMixin.js","sources":["../../../src/internal/mixin/formElementMixin.ts"],"sourcesContent":["import { PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { InputStatus } from '@/common/types'\n\nimport { DdsElement } from '../dds-hu-element'\n\nconst CheckedAttributes = [\n  'value',\n  'checked',\n  'selected',\n  'disabled',\n  'readonly',\n]\n\ntype Constructor<T = Record<string, unknown>> = {\n  new (...args: any[]): T\n  prototype: T\n}\n\nexport interface FormElementInterface {\n  name: string\n  defaultValue?: any\n  form?: string\n  formElement?: HTMLFormElement | null\n  disabled: boolean\n  required: boolean\n  readonly: boolean\n  invalid: boolean\n  value?: any\n  status?: InputStatus\n  internals: ElementInternals\n  validity: ValidityState\n  validationMessage: string\n  willValidate: boolean\n  innerInput: HTMLElement\n  autocomplete: string\n  setValidity(): void\n  checkValidity(): boolean\n  reportValidity(): boolean\n  onInput(event?: InputEvent): void\n  onKeydown(event?: KeyboardEvent): void\n  onBlur(): void\n  onFocus(): void\n  onChange(event?: InputEvent): void\n  handleInvalid(event: Event): void\n}\n\nexport function FormElementMixin<T extends Constructor<DdsElement>>(\n  constructor: T,\n): T & Constructor<FormElementInterface> {\n  class FormElement extends constructor {\n    $input!: HTMLInputElement\n    @property({ reflect: true }) name?: string\n    @property() defaultValue?: any\n    @property({ reflect: true }) form?: string\n    @property({ type: Boolean, reflect: true }) disabled = false\n    @property({ type: Boolean, reflect: true, attribute: true }) required =\n      false\n    @property({ type: Boolean, reflect: true }) readonly = false\n    @property({ type: Boolean }) silent = true\n    @property({ type: Boolean, reflect: true }) invalid = false\n    @property({ reflect: true }) status?: InputStatus\n    @property() autocomplete = 'off'\n\n    @property({ attribute: true, reflect: true }) value?: any\n\n    @property({ attribute: false }) internals!: ElementInternals\n    public formElement: HTMLFormElement | null | undefined = null\n\n    public get innerInput() {\n      // Use the component's input property if available (from @query decorator)\n      // Otherwise fall back to $input\n      return (this as any).input || this.$input\n    }\n\n    static get formAssociated() {\n      return true\n    }\n\n    constructor(...args: any[]) {\n      super(...args)\n      this.internals = this.attachInternals()\n    }\n\n    connectedCallback() {\n      super.connectedCallback()\n      this.formElement = this.closest('form')\n      if (!this.defaultValue) {\n        this.defaultValue = this.value\n      }\n    }\n\n    attributeChangedCallback(name: string, oldValue: any, newValue: any) {\n      super.attributeChangedCallback(name, oldValue, newValue)\n      if (CheckedAttributes.includes(name) && newValue !== oldValue) {\n        switch (name) {\n          case 'value':\n            if (this.nodeName !== 'DAP-DS-BUTTON') {\n              this.internals.setFormValue(newValue)\n            }\n            break\n          case 'checked':\n            this.internals.setFormValue(newValue !== null ? 'on' : null)\n        }\n      }\n    }\n\n    formResetCallback() {\n      this.internals.setValidity({})\n      this.internals.setFormValue(this.defaultValue)\n    }\n\n    onInput() {\n      this.emit('dds-input', { value: this.innerInput.value })\n    }\n\n    onBlur() {\n      this.emit('dds-blur')\n    }\n\n    onFocus() {\n      this.emit('dds-focus')\n    }\n\n    onChange() {\n      this.emit('dds-change', { value: this.innerInput.value })\n    }\n\n    onKeydown(event: KeyboardEvent) {\n      this.emit('dds-keydown', { value: this.innerInput.value, event })\n    }\n\n    handleInvalid(event: Event) {\n      if (this.silent) {\n        event.preventDefault()\n      }\n    }\n\n    protected async firstUpdated(\n      _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n    ) {\n      this.$input = this.shadowRoot?.getElementById('input') as HTMLInputElement\n\n      if (this.nodeName !== 'DAP-DS-BUTTON') {\n        this.internals.setFormValue(this.value)\n        this.setValidity()\n      }\n    }\n\n    setValidity() {\n      if (this.innerInput) {\n        if (!this.innerInput.checkValidity()) {\n          this.internals.setValidity(\n            this.innerInput.validity,\n            this.validationMessage,\n            this.innerInput,\n          )\n        } else {\n          this.internals.setValidity({})\n        }\n      }\n    }\n\n    public get validity() {\n      return this.innerInput.validity\n    }\n\n    public get validationMessage() {\n      return ' '\n    }\n\n    public get willValidate() {\n      return this.innerInput.willValidate\n    }\n\n    public checkValidity() {\n      return this.innerInput.checkValidity()\n    }\n\n    public reportValidity() {\n      return this.innerInput.reportValidity()\n    }\n  }\n\n  return FormElement as Constructor<FormElementInterface> & T\n}\n"],"names":["CheckedAttributes","FormElementMixin","constructor","FormElement","args","name","oldValue","newValue","event","_changedProperties","__async","_a","__decorateClass","property"],"mappings":"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"}

package/dist/internal/mixin/genericFormElement.js

@@ -0,0 +1,13 @@
+import { DdsElement as i } from "../dds-hu-element.js";
+import { FeedbackMixin as m } from "./feedbackMixin.js";
+import { FocusableMixin as o } from "./focusableMixin.js";
+import { FormElementMixin as r } from "./formElementMixin.js";
+import { LabelableMixin as e } from "./labelableMixin.js";
+import { SizedMixin as t } from "./sizedMixin.js";
+const a = m(
+  o(e(t(r(i))))
+);
+export {
+  a as GenericFormElement
+};
+//# sourceMappingURL=genericFormElement.js.map

package/dist/internal/mixin/genericFormElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genericFormElement.js","sources":["../../../src/internal/mixin/genericFormElement.ts"],"sourcesContent":["import { DdsElement } from '../dds-hu-element'\nimport { FeedbackMixin } from './feedbackMixin'\nimport { FocusableMixin } from './focusableMixin'\nimport { FormElementMixin } from './formElementMixin'\nimport { LabelableMixin } from './labelableMixin'\nimport { SizedMixin } from './sizedMixin'\n\nexport const GenericFormElement = FeedbackMixin(\n  FocusableMixin(LabelableMixin(SizedMixin(FormElementMixin(DdsElement)))),\n)\n"],"names":["GenericFormElement","FeedbackMixin","FocusableMixin","LabelableMixin","SizedMixin","FormElementMixin","DdsElement"],"mappings":";;;;;;AAOO,MAAMA,IAAqBC;AAAA,EAChCC,EAAeC,EAAeC,EAAWC,EAAiBC,CAAU,CAAC,CAAC,CAAC;AACzE;"}