dap-design-system 0.62.4 → 0.63.0

package/dist/dds.js.map

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

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

@@ -1,4 +1,5 @@
 import { PropertyValueMap, LitElement } from 'lit';
+import { LocalizeController } from '../localization/localize-controller';
 import { EventOptions } from './event';
 export declare class DdsElement extends LitElement {
     /**
@@ -21,6 +22,13 @@ export declare class DdsElement extends LitElement {
      */
     static define(name?: string, ctor?: CustomElementConstructor, options?: ElementDefinitionOptions): void;
     constructor();
+    /**
+     * SSR-safe localization controller (backed by the shared i18next store).
+     * Use `this.localize.t('key', options)` in templates instead of lit-i18n's
+     * async `translate` directive: it returns the string synchronously (so it
+     * renders during SSR) and re-renders the component when the language changes.
+     */
+    protected readonly localize: LocalizeController;
     /**
      * 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

@@ -1,36 +1,35 @@
 var y = Object.defineProperty;
-var h = Object.getOwnPropertySymbols;
+var u = 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) => {
+var c = (i, t, e) => t in i ? y(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, d = (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))
+  if (u)
+    for (var e of u(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;
+import { LitElement as f } from "lit";
+import { property as o } from "lit/decorators.js";
+import { LocalizeController as b } from "../localization/localize-controller.js";
+var g = Object.defineProperty, l = (i, t, e, a) => {
+  for (var s = void 0, p = i.length - 1, h; p >= 0; p--)
+    (h = i[p]) && (s = h(t, e, s) || s);
+  return s && g(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;
+    super(), this.localize = new b(this), 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);
+    for (const [e, a] of Object.entries(t))
+      a && a.define(e, a);
   }
   /**
    * 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 = {}) {
+  static define(t = this.tagName, e = this, a = {}) {
     const s = customElements.get(t);
     if (s) {
       s !== e && console.warn(
@@ -39,19 +38,19 @@ const n = class n extends f {
       return;
     }
     try {
-      customElements.define(t, e, r);
-    } catch (d) {
+      customElements.define(t, e, a);
+    } catch (p) {
       customElements.define(t, class extends e {
-      }, r);
+      }, a);
     }
   }
-  emit(t, e, r) {
-    const s = new CustomEvent(t, l({
+  emit(t, e, a) {
+    const s = new CustomEvent(t, d({
       bubbles: !0,
       cancelable: !1,
       composed: !0,
-      detail: e ? l({}, e) : void 0
-    }, r));
+      detail: e ? d({}, e) : void 0
+    }, a));
     return this.dispatchEvent(s), s;
   }
   firstUpdated(t) {
@@ -70,32 +69,32 @@ const n = class n extends f {
   }
 };
 n.tagName = "", n.dependencies = {};
-let a = n;
-p([
+let r = n;
+l([
   o({ type: String, attribute: "aria-label" })
-], a.prototype, "ariaLabel");
-p([
+], r.prototype, "ariaLabel");
+l([
   o({ type: String, attribute: "aria-expanded" })
-], a.prototype, "ariaExpanded");
-p([
+], r.prototype, "ariaExpanded");
+l([
   o({ type: String, attribute: "aria-controls" })
-], a.prototype, "ariaControls");
-p([
+], r.prototype, "ariaControls");
+l([
   o({ type: String, attribute: "aria-haspopup" })
-], a.prototype, "ariaHasPopup");
-p([
+], r.prototype, "ariaHasPopup");
+l([
   o({ type: String, attribute: "aria-describedby" })
-], a.prototype, "ariaDescribedBy");
-p([
+], r.prototype, "ariaDescribedBy");
+l([
   o({ type: String, attribute: "aria-pressed" })
-], a.prototype, "ariaPressed");
-p([
+], r.prototype, "ariaPressed");
+l([
   o({ type: String, attribute: "aria-hidden" })
-], a.prototype, "ariaHidden");
-p([
+], r.prototype, "ariaHidden");
+l([
   o({ type: String, attribute: "custom-styles" })
-], a.prototype, "customStyles");
+], r.prototype, "customStyles");
 export {
-  a as DdsElement
+  r as DdsElement
 };
 //# sourceMappingURL=dds-hu-element.js.map

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

@@ -1 +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":";;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EA4CzC,cAAc;AACN,UAAA,GAkBR,KAAS,YAA2B,MAQpC,KAAS,eAA8B,MAOT,KAAA,eAAA,MAO9B,KAAS,eAA8B,MAON,KAAA,kBAAA,MAQjC,KAAS,cAA6B,MAQtC,KAAS,aAA4B;AA3D7B,UAAAC,IAAQ,KAAK,YAAkC;AACrD,eAAW,CAACC,GAAMC,CAAS,KAAK,OAAO,QAAQF,CAAI;AACjD,MAAIE,KACQA,EAAA,OAAOD,GAAMC,CAAgD;AAAA,EAE3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAjCF,OAAO,OACLD,IAAe,KAAK,SACpBE,IAAiC,MACjCC,IAAoC,IAC9B;AACA,UAAAC,IAAW,eAAe,IAAIJ,CAAI;AACxC,QAAII,GAAU;AACZ,MAAIA,MAAaF,KACP,QAAA;AAAA,QACN,UAAUF,CAAI;AAAA,MAChB;AAEF;AAAA,IAAA;AAEE,QAAA;AACa,qBAAA,OAAOA,GAAME,GAAMC,CAAO;AAAA,IAAA,SACnCE,GAAA;AAGS,qBAAA,OAAOL,GAAM,cAAcE,EAAK;AAAA,SAAIC,CAAO;AAAA,IAAA;AAAA,EAC5D;AAAA,EAkFF,KACEH,GACAM,GACAH,GACA;AACM,UAAAI,IAAQ,IAAI,YAAeP,GAAMQ,EAAA;AAAA,MACrC,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQF,IAASE,EAAA,IAAKF,KAAgB;AAAA,OACnCH,EACJ;AAED,gBAAK,cAAcI,CAAK,GAEjBA;AAAA,EAAA;AAAA,EAGC,aACRE,GACM;AACN,UAAM,aAAaA,CAAkB,GACrC,KAAK,oBAAoB;AAAA,EAAA;AAAA,EAGjB,QACRA,GACM;AACN,UAAM,QAAQA,CAAkB,GAE5BA,EAAmB,IAAI,cAAc,KACvC,KAAK,oBAAoB;AAAA,EAC3B;AAAA,EAGM,sBAA4B;AAC9B,IAAC,KAAK,eAEN,KAAK,eAGH,KAAK,oBACF,KAAA,kBAAkB,YAAY,KAAK,YAAY,KAE/C,KAAA,oBAAoB,IAAI,cAAc,GACtC,KAAA,kBAAkB,YAAY,KAAK,YAAY,GACpD,KAAK,WAAW,qBAAqB;AAAA,MACnC,GAAG,KAAK,WAAW;AAAA,MACnB,KAAK;AAAA,IACP,KAEO,KAAK,sBAEd,KAAK,WAAW,qBACd,KAAK,WAAW,mBAAmB;AAAA,MACjC,CAAAC,MAASA,MAAU,KAAK;AAAA,IAC1B,GACF,KAAK,oBAAoB;AAAA,EAC3B;AAEJ;AAjLEb,EAAO,UAAU,IAQjBA,EAAO,eAAkD,CAAC;AAdrD,IAAMc,IAANd;AA+DIe,EAAA;AAAA,EADRC,EAAS,EAAE,MAAM,QAAQ,WAAW,aAAc,CAAA;AAAA,GA9DxCF,EA+DF,WAAA,WAAA;AAQAC,EAAA;AAAA,EADRC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAiB,CAAA;AAAA,GAtE3CF,EAuEF,WAAA,cAAA;AAOTC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAiB,CAAA;AAAA,GA7E3CF,EA8EX,WAAA,cAAA;AAOSC,EAAA;AAAA,EADRC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAiB,CAAA;AAAA,GApF3CF,EAqFF,WAAA,cAAA;AAOTC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,mBAAoB,CAAA;AAAA,GA3F9CF,EA4FX,WAAA,iBAAA;AAQSC,EAAA;AAAA,EADRC,EAAS,EAAE,MAAM,QAAQ,WAAW,eAAgB,CAAA;AAAA,GAnG1CF,EAoGF,WAAA,aAAA;AAQAC,EAAA;AAAA,EADRC,EAAS,EAAE,MAAM,QAAQ,WAAW,cAAe,CAAA;AAAA,GA3GzCF,EA4GF,WAAA,YAAA;AAWTC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAiB,CAAA;AAAA,GAtH3CF,EAuHX,WAAA,cAAA;"}
+{"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 { LocalizeController } from '@/localization/localize-controller'\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   * SSR-safe localization controller (backed by the shared i18next store).\n   * Use `this.localize.t('key', options)` in templates instead of lit-i18n's\n   * async `translate` directive: it returns the string synchronously (so it\n   * renders during SSR) and re-renders the component when the language changes.\n   */\n  protected readonly localize = new LocalizeController(this)\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","LocalizeController","deps","name","component","ctor","options","existing","e","value","event","__spreadValues","_changedProperties","sheet","DdsElement","__decorateClass","property"],"mappings":"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"}

package/dist/internal/mixin/choiceElementMixin.js

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

package/dist/internal/mixin/feedbackMixin.js

@@ -1,15 +1,13 @@
-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;
+import { clsx as s } from "../../node_modules/clsx/dist/clsx.js";
+import { html as n } from "lit";
+import { property as i } from "lit/decorators.js";
+import { ifDefined as l } from "lit/directives/if-defined.js";
+var b = Object.defineProperty, a = (r, e, c, d) => {
+  for (var t = void 0, o = r.length - 1, f; o >= 0; o--)
+    (f = r[o]) && (t = f(e, c, t) || t);
+  return t && b(e, c, t), t;
 };
-function v(r) {
+function m(r) {
   class e extends r {
     constructor() {
       super(...arguments), this.feedbackSize = "sm", this.feedbackType = "positive", this.feedbackSubtle = !1, this.feedbackNoMargin = !1;
@@ -17,7 +15,7 @@ function v(r) {
     renderFeedback() {
       return n`<div
         part="base"
-        class=${f(
+        class=${s(
         "feedback",
         `feedback--${this.feedbackType}`,
         `feedback--${this.feedbackSize}`,
@@ -39,8 +37,8 @@ function v(r) {
         </div>
       </div> `;
     }
-    _iconType(s) {
-      switch (s) {
+    _iconType(d) {
+      switch (d) {
         case "positive":
           return `checkbox-circle-${this.feedbackSubtle ? "line" : "fill"}`;
         case "negative":
@@ -67,6 +65,6 @@ function v(r) {
   ], e.prototype, "feedbackId"), e;
 }
 export {
-  v as FeedbackMixin
+  m as FeedbackMixin
 };
 //# sourceMappingURL=feedbackMixin.js.map

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

@@ -1 +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;"}
+{"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;AAAA;AAAA,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

@@ -1,5 +1,5 @@
-import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
-var c = Object.defineProperty, u = (o, t, l, e) => {
+import { property as u } from "lit/decorators.js";
+var c = Object.defineProperty, n = (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;
@@ -26,10 +26,10 @@ function p(o) {
       e !== this ? e.click() : HTMLElement.prototype.click.apply(this);
     }
   }
-  return u([
-    n({ type: Boolean, reflect: !0 })
-  ], t.prototype, "disabled"), u([
-    n({ type: Boolean })
+  return n([
+    u({ type: Boolean, reflect: !0 })
+  ], t.prototype, "disabled"), n([
+    u({ type: Boolean })
   ], t.prototype, "autofocus"), t;
 }
 export {

package/dist/internal/mixin/formElementMixin.js

@@ -14,7 +14,7 @@ var p = (o, t, l) => new Promise((i, e) => {
   }, 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";
+import { property as n } from "lit/decorators.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);

package/dist/internal/mixin/labelPositionedMixin.js

@@ -1,4 +1,4 @@
-import { property as l } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { property as l } from "lit/decorators.js";
 var a = Object.defineProperty, s = (r, e, n, p) => {
   for (var t = void 0, o = r.length - 1, i; o >= 0; o--)
     (i = r[o]) && (t = i(e, n, t) || t);

package/dist/internal/mixin/labelableMixin.d.ts

@@ -21,7 +21,7 @@ export interface LabelableElementInterface {
     optionalLabel: string;
     subtle: boolean;
     tooltipAriaLabel: string;
-    renderLabel(id?: string, content?: unknown): unknown;
+    renderLabel(id?: string, htmlFor?: string, content?: unknown): unknown;
 }
 export declare const LabelableMixin: <T extends Constructor<LitElement>>(base: T) => Constructor<LabelableElementInterface> & T;
 export {};

package/dist/internal/mixin/labelableMixin.js

@@ -1,70 +1,68 @@
-import { clsx as d } from "../../node_modules/clsx/dist/clsx.js";
-import "../../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as a } from "../../node_modules/lit-html/lit-html.js";
-import "../../node_modules/lit-element/lit-element.js";
-import { property as e } from "../../node_modules/@lit/reactive-element/decorators/property.js";
-import { ifDefined as b } from "../../node_modules/lit-html/directives/if-defined.js";
+import { clsx as h } from "../../node_modules/clsx/dist/clsx.js";
+import { html as s } from "lit";
+import { property as e } from "lit/decorators.js";
+import { ifDefined as b } from "lit/directives/if-defined.js";
+import { formLabelTemplate as c } from "../templates/formLabel.js";
 import "../../localization/localization.js";
-import { t as h } from "../../node_modules/i18next/dist/esm/i18next.js";
-var c = Object.defineProperty, o = (l, t, p, r) => {
-  for (var i = void 0, s = l.length - 1, n; s >= 0; s--)
-    (n = l[s]) && (i = n(t, p, i) || i);
-  return i && c(t, p, i), i;
+import { t as d } from "../../node_modules/i18next/dist/esm/i18next.js";
+var u = Object.defineProperty, o = (l, t, a, p) => {
+  for (var i = void 0, r = l.length - 1, n; r >= 0; r--)
+    (n = l[r]) && (i = n(t, a, i) || i);
+  return i && u(t, a, i), i;
 };
-const q = (l) => {
+const z = (l) => {
   class t extends l {
     constructor() {
-      super(...arguments), this.hideLabel = !1, this.tooltipPlacement = "bottom", this.tooltipTrigger = "click", this.size = "sm", this.optional = !1, this.optionalLabel = h("label.optional"), this.subtle = !1, this.required = !1, this.requiredLabel = "*", this.disabled = !1, this.tooltipAriaLabel = h("label.tooltip");
+      super(...arguments), this.hideLabel = !1, this.tooltipPlacement = "bottom", this.tooltipTrigger = "click", this.size = "sm", this.optional = !1, this.optionalLabel = d("label.optional"), this.subtle = !1, this.required = !1, this.requiredLabel = "*", this.disabled = !1, this.tooltipAriaLabel = d("label.tooltip");
     }
-    renderLabel(r, i) {
-      return a` <div class="label-container">
-      ${this.label && a`<dap-ds-form-label
-          part="label"
-          id=${r != null ? r : "label"}
-          exportparts="base: label-base, required: label-required, optional: label-optional"
-          .size=${this.size}
-          .required=${this.required}
-          .requiredLabel=${this.requiredLabel}
-          .disabled=${this.disabled}
-          .subtle=${this.subtle}
-          .optional=${this.optional}
-          .optionalLabel=${this.optionalLabel}
-          .hideLabel=${this.hideLabel}
-          class=${d("label")}
-          .noMargin=${!!this.description}
-          for="input"
-          label=${b(this.label)}></dap-ds-form-label>`}
-      </dap-ds-form-label>
-      ${this.tooltip && a` <dap-ds-tooltip
-          part="tooltip"
-          content=${this.tooltip}
-          mode=${this.tooltipTrigger === "hover" ? "tooltip" : "toggle"}
-          trigger=${this.tooltipTrigger === "hover" ? "hover focus" : "click"}
-          placement=${this.tooltipPlacement}>
-          <dap-ds-icon-button
-            slot="trigger"
-            size=${this.size}
-            iconSize=${this.size === "xs" ? "16" : "22"}
-            clean
-            aria-label=${this.tooltipAriaLabel}>
-            <dap-ds-icon
-              name="information-line"
-              aria-hidden="true"
-              class="info-button"></dap-ds-icon>
-          </dap-ds-icon-button>
-        </dap-ds-tooltip>`}
-    </div>
-    ${this.description && a`
-        <dap-ds-typography
-          part="description"
-          variant="description"
-          class=${d("input-description")}
-          size=${b(this.size)}
-          id="description">
-          ${this.description}
-        </dap-ds-typography>
-      `}
-      ${i}`;
+    renderLabel(p, i, r) {
+      return s` <div class="label-container">
+          ${c({
+        label: this.label,
+        id: p != null ? p : "label",
+        // Only emit a native `for` when the caller names a real control id in
+        // the same shadow; otherwise the name is carried by aria-labelledby.
+        htmlFor: i,
+        size: this.size,
+        required: this.required,
+        requiredLabel: this.requiredLabel,
+        optional: this.optional,
+        optionalLabel: this.optionalLabel,
+        disabled: this.disabled,
+        subtle: this.subtle,
+        noMargin: !!this.description,
+        hideLabel: this.hideLabel
+      })}
+          ${this.tooltip && s` <dap-ds-tooltip
+            part="tooltip"
+            content=${this.tooltip}
+            mode=${this.tooltipTrigger === "hover" ? "tooltip" : "toggle"}
+            trigger=${this.tooltipTrigger === "hover" ? "hover focus" : "click"}
+            placement=${this.tooltipPlacement}>
+            <dap-ds-icon-button
+              slot="trigger"
+              size=${this.size}
+              iconSize=${this.size === "xs" ? "16" : "22"}
+              clean
+              aria-label=${this.tooltipAriaLabel}>
+              <dap-ds-icon
+                name="information-line"
+                aria-hidden="true"
+                class="info-button"></dap-ds-icon>
+            </dap-ds-icon-button>
+          </dap-ds-tooltip>`}
+        </div>
+        ${this.description && s`
+          <dap-ds-typography
+            part="description"
+            variant="description"
+            class=${h("input-description")}
+            size=${b(this.size)}
+            id="description">
+            ${this.description}
+          </dap-ds-typography>
+        `}
+        ${r}`;
     }
   }
   return o([
@@ -98,6 +96,6 @@ const q = (l) => {
   ], t.prototype, "tooltipAriaLabel"), t;
 };
 export {
-  q as LabelableMixin
+  z as LabelableMixin
 };
 //# sourceMappingURL=labelableMixin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"labelableMixin.js","sources":["../../../src/internal/mixin/labelableMixin.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 { CommonFormElementSize, PopupPlacement, Size } from '@/common/types'\nimport { t } from '@/localization/localization'\n\n/** How a form label tooltip opens: `click` (click/Enter toggle) or `hover` (hover + keyboard focus). */\nexport type TooltipTrigger = 'click' | 'hover'\n\ntype Constructor<T = Record<string, unknown>> = {\n  new (...args: any[]): T\n  prototype: T\n}\n\nexport interface LabelableElementInterface {\n  label?: string\n  hideLabel: boolean\n  description?: string\n  tooltip?: string\n  tooltipPlacement: PopupPlacement\n  tooltipTrigger: TooltipTrigger\n  size: Size\n  required: boolean\n  requiredLabel: string\n  disabled: boolean\n  optional: boolean\n  optionalLabel: string\n  subtle: boolean\n  tooltipAriaLabel: string\n  renderLabel(id?: string, content?: unknown): unknown\n}\n\nexport const LabelableMixin = <T extends Constructor<LitElement>>(base: T) => {\n  class LabelableElement extends base {\n    @property() label?: string\n    // Visually hides the label WITHOUT removing it: the <label for=...> association is\n    // what names the control, so omitting the element would leave it unnamed.\n    @property({ type: Boolean, reflect: true }) hideLabel = false\n    @property() description?: string\n    @property() tooltip?: string\n    @property() tooltipPlacement: PopupPlacement = 'bottom'\n    /** How the tooltip opens: `click` (click/Enter, default) or `hover` (hover and keyboard focus). */\n    @property() tooltipTrigger: TooltipTrigger = 'click'\n    @property() size: Size = 'sm'\n    @property({ type: Boolean, reflect: true }) optional = false\n    @property() optionalLabel = t('label.optional')\n    @property({ type: Boolean, reflect: true }) subtle = false\n    @property({ type: Boolean, reflect: true }) required = false\n    // Not localized like optionalLabel: the default is a glyph, not a word. Consumers\n    // who swap it for text supply their own localized string.\n    @property() requiredLabel = '*'\n    @property({ type: Boolean, reflect: true }) disabled = false\n    @property({ type: String }) tooltipAriaLabel = t('label.tooltip')\n\n    renderLabel(id?: string, content?: unknown) {\n      return html` <div class=\"label-container\">\n      ${\n        this.label &&\n        html`<dap-ds-form-label\n          part=\"label\"\n          id=${id ?? 'label'}\n          exportparts=\"base: label-base, required: label-required, optional: label-optional\"\n          .size=${this.size}\n          .required=${this.required}\n          .requiredLabel=${this.requiredLabel}\n          .disabled=${this.disabled}\n          .subtle=${this.subtle}\n          .optional=${this.optional}\n          .optionalLabel=${this.optionalLabel}\n          .hideLabel=${this.hideLabel}\n          class=${clsx('label')}\n          .noMargin=${!!this.description}\n          for=\"input\"\n          label=${ifDefined(this.label)}></dap-ds-form-label>`\n      }\n      </dap-ds-form-label>\n      ${\n        this.tooltip &&\n        html` <dap-ds-tooltip\n          part=\"tooltip\"\n          content=${this.tooltip}\n          mode=${this.tooltipTrigger === 'hover' ? 'tooltip' : 'toggle'}\n          trigger=${this.tooltipTrigger === 'hover' ? 'hover focus' : 'click'}\n          placement=${this.tooltipPlacement}>\n          <dap-ds-icon-button\n            slot=\"trigger\"\n            size=${this.size as 'xs' | 'sm' | 'md' | 'lg'}\n            iconSize=${this.size === 'xs' ? '16' : '22'}\n            clean\n            aria-label=${this.tooltipAriaLabel}>\n            <dap-ds-icon\n              name=\"information-line\"\n              aria-hidden=\"true\"\n              class=\"info-button\"></dap-ds-icon>\n          </dap-ds-icon-button>\n        </dap-ds-tooltip>`\n      }\n    </div>\n    ${\n      this.description &&\n      html`\n        <dap-ds-typography\n          part=\"description\"\n          variant=\"description\"\n          class=${clsx('input-description')}\n          size=${ifDefined(this.size as CommonFormElementSize)}\n          id=\"description\">\n          ${this.description}\n        </dap-ds-typography>\n      `\n    }\n      ${content}`\n    }\n  }\n\n  return LabelableElement as Constructor<LabelableElementInterface> & T\n}\n"],"names":["LabelableMixin","base","LabelableElement","t","id","content","html","clsx","ifDefined","__decorateClass","property"],"mappings":"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"}
+{"version":3,"file":"labelableMixin.js","sources":["../../../src/internal/mixin/labelableMixin.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 { CommonFormElementSize, PopupPlacement, Size } from '@/common/types'\nimport { formLabelTemplate } from '@/internal/templates/formLabel'\nimport { t } from '@/localization/localization'\n\n/** How a form label tooltip opens: `click` (click/Enter toggle) or `hover` (hover + keyboard focus). */\nexport type TooltipTrigger = 'click' | 'hover'\n\ntype Constructor<T = Record<string, unknown>> = {\n  new (...args: any[]): T\n  prototype: T\n}\n\nexport interface LabelableElementInterface {\n  label?: string\n  hideLabel: boolean\n  description?: string\n  tooltip?: string\n  tooltipPlacement: PopupPlacement\n  tooltipTrigger: TooltipTrigger\n  size: Size\n  required: boolean\n  requiredLabel: string\n  disabled: boolean\n  optional: boolean\n  optionalLabel: string\n  subtle: boolean\n  tooltipAriaLabel: string\n  renderLabel(id?: string, htmlFor?: string, content?: unknown): unknown\n}\n\nexport const LabelableMixin = <T extends Constructor<LitElement>>(base: T) => {\n  class LabelableElement extends base {\n    @property() label?: string\n    // Visually hides the label WITHOUT removing it: the <label for=...> association is\n    // what names the control, so omitting the element would leave it unnamed.\n    @property({ type: Boolean, reflect: true }) hideLabel = false\n    @property() description?: string\n    @property() tooltip?: string\n    @property() tooltipPlacement: PopupPlacement = 'bottom'\n    /** How the tooltip opens: `click` (click/Enter, default) or `hover` (hover and keyboard focus). */\n    @property() tooltipTrigger: TooltipTrigger = 'click'\n    @property() size: Size = 'sm'\n    @property({ type: Boolean, reflect: true }) optional = false\n    @property() optionalLabel = t('label.optional')\n    @property({ type: Boolean, reflect: true }) subtle = false\n    @property({ type: Boolean, reflect: true }) required = false\n    // Not localized like optionalLabel: the default is a glyph, not a word. Consumers\n    // who swap it for text supply their own localized string.\n    @property() requiredLabel = '*'\n    @property({ type: Boolean, reflect: true }) disabled = false\n    @property({ type: String }) tooltipAriaLabel = t('label.tooltip')\n\n    renderLabel(id?: string, htmlFor?: string, content?: unknown) {\n      return html` <div class=\"label-container\">\n          ${formLabelTemplate({\n            label: this.label,\n            id: id ?? 'label',\n            // Only emit a native `for` when the caller names a real control id in\n            // the same shadow; otherwise the name is carried by aria-labelledby.\n            htmlFor,\n            size: this.size,\n            required: this.required,\n            requiredLabel: this.requiredLabel,\n            optional: this.optional,\n            optionalLabel: this.optionalLabel,\n            disabled: this.disabled,\n            subtle: this.subtle,\n            noMargin: !!this.description,\n            hideLabel: this.hideLabel,\n          })}\n          ${this.tooltip &&\n          html` <dap-ds-tooltip\n            part=\"tooltip\"\n            content=${this.tooltip}\n            mode=${this.tooltipTrigger === 'hover' ? 'tooltip' : 'toggle'}\n            trigger=${this.tooltipTrigger === 'hover' ? 'hover focus' : 'click'}\n            placement=${this.tooltipPlacement}>\n            <dap-ds-icon-button\n              slot=\"trigger\"\n              size=${this.size as 'xs' | 'sm' | 'md' | 'lg'}\n              iconSize=${this.size === 'xs' ? '16' : '22'}\n              clean\n              aria-label=${this.tooltipAriaLabel}>\n              <dap-ds-icon\n                name=\"information-line\"\n                aria-hidden=\"true\"\n                class=\"info-button\"></dap-ds-icon>\n            </dap-ds-icon-button>\n          </dap-ds-tooltip>`}\n        </div>\n        ${this.description &&\n        html`\n          <dap-ds-typography\n            part=\"description\"\n            variant=\"description\"\n            class=${clsx('input-description')}\n            size=${ifDefined(this.size as CommonFormElementSize)}\n            id=\"description\">\n            ${this.description}\n          </dap-ds-typography>\n        `}\n        ${content}`\n    }\n  }\n\n  return LabelableElement as Constructor<LabelableElementInterface> & T\n}\n"],"names":["LabelableMixin","base","LabelableElement","t","id","htmlFor","content","html","formLabelTemplate","clsx","ifDefined","__decorateClass","property"],"mappings":";;;;;;;;;;;;AAmCa,MAAAA,IAAiB,CAAoCC,MAAY;AAAA,EAC5E,MAAMC,UAAyBD,EAAK;AAAA,IAApC,cAAA;AAAA,YAAA,GAAA,SAAA,GAI0D,KAAA,YAAA,IAGT,KAAA,mBAAA,UAEF,KAAA,iBAAA,SACpB,KAAA,OAAA,MAC8B,KAAA,WAAA,IAC3C,KAAA,gBAAgBE,EAAE,gBAAgB,GACO,KAAA,SAAA,IACE,KAAA,WAAA,IAG3B,KAAA,gBAAA,KAC2B,KAAA,WAAA,IAC3B,KAAA,mBAAmBA,EAAE,eAAe;AAAA,IAAA;AAAA,IAEhE,YAAYC,GAAaC,GAAkBC,GAAmB;AACrD,aAAAC;AAAA,YACDC,EAAkB;AAAA,QAClB,OAAO,KAAK;AAAA,QACZ,IAAIJ,KAAA,OAAAA,IAAM;AAAA;AAAA;AAAA,QAGV,SAAAC;AAAA,QACA,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,eAAe,KAAK;AAAA,QACpB,UAAU,KAAK;AAAA,QACf,eAAe,KAAK;AAAA,QACpB,UAAU,KAAK;AAAA,QACf,QAAQ,KAAK;AAAA,QACb,UAAU,CAAC,CAAC,KAAK;AAAA,QACjB,WAAW,KAAK;AAAA,MAAA,CACjB,CAAC;AAAA,YACA,KAAK,WACPE;AAAA;AAAA,sBAEY,KAAK,OAAO;AAAA,mBACf,KAAK,mBAAmB,UAAU,YAAY,QAAQ;AAAA,sBACnD,KAAK,mBAAmB,UAAU,gBAAgB,OAAO;AAAA,wBACvD,KAAK,gBAAgB;AAAA;AAAA;AAAA,qBAGxB,KAAK,IAAiC;AAAA,yBAClC,KAAK,SAAS,OAAO,OAAO,IAAI;AAAA;AAAA,2BAE9B,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAMpB;AAAA;AAAA,UAElB,KAAK,eACPA;AAAA;AAAA;AAAA;AAAA,oBAIYE,EAAK,mBAAmB,CAAC;AAAA,mBAC1BC,EAAU,KAAK,IAA6B,CAAC;AAAA;AAAA,cAElD,KAAK,WAAW;AAAA;AAAA,SAErB;AAAA,UACCJ,CAAO;AAAA,IAAA;AAAA,EACb;AAtEY,SAAAK,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GADNV,EACQ,WAAA,OAAA,GAGgCS,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GAJtCV,EAIwC,WAAA,WAAA,GAChCS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GALNV,EAKQ,WAAA,aAAA,GACAS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GANNV,EAMQ,WAAA,SAAA,GACAS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GAPNV,EAOQ,WAAA,kBAAA,GAEAS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GATNV,EASQ,WAAA,gBAAA,GACAS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GAVNV,EAUQ,WAAA,MAAA,GACgCS,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GAXtCV,EAWwC,WAAA,UAAA,GAChCS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GAZNV,EAYQ,WAAA,eAAA,GACgCS,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GAbtCV,EAawC,WAAA,QAAA,GACAS,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GAdtCV,EAcwC,WAAA,UAAA,GAGhCS,EAAA;AAAA,IAAXC,EAAS;AAAA,EAAA,GAjBNV,EAiBQ,WAAA,eAAA,GACgCS,EAAA;AAAA,IAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,EAAA,GAlBtCV,EAkBwC,WAAA,UAAA,GAChBS,EAAA;AAAA,IAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,EAAA,GAnBtBV,EAmBwB,WAAA,kBAAA,GAuDvBA;AACT;"}