@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

package/core/a11y/live-announcer.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+export type AriaLivePoliteness = 'off' | 'polite' | 'assertive';
+/**
+ * Allows to announce messages to screen readers.
+ *
+ * Adapted from https://github.com/angular/components/blob/main/src/cdk/a11y/live-announcer/live-announcer.ts
+ */
+export declare class SbbLiveAnnouncer {
+    private _liveElement;
+    private _previousTimeout;
+    private _currentPromise;
+    private _currentResolve;
+    constructor();
+    /**
+     * Announces a message to screen readers.
+     * @param message Message to be announced to the screen reader.
+     * @returns Promise that will be resolved when the message is added to the DOM.
+     */
+    announce(message: string): Promise<void>;
+    /**
+     * Announces a message to screen readers.
+     * @param message Message to be announced to the screen reader.
+     * @param politeness The politeness of the announcer element.
+     * @returns Promise that will be resolved when the message is added to the DOM.
+     */
+    announce(message: string, politeness?: AriaLivePoliteness): Promise<void>;
+    /**
+     * Announces a message to screen readers.
+     * @param message Message to be announced to the screen reader.
+     * @param duration Time in milliseconds after which to clear out the announcer element. Note
+     *   that this takes effect after the message has been added to the DOM, which can be up to
+     *   100ms after `announce` has been called.
+     * @returns Promise that will be resolved when the message is added to the DOM.
+     */
+    announce(message: string, duration?: number): Promise<void>;
+    /**
+     * Announces a message to screen readers.
+     * @param message Message to be announced to the screen reader.
+     * @param politeness The politeness of the announcer element.
+     * @param duration Time in milliseconds after which to clear out the announcer element. Note
+     *   that this takes effect after the message has been added to the DOM, which can be up to
+     *   100ms after `announce` has been called.
+     * @returns Promise that will be resolved when the message is added to the DOM.
+     */
+    announce(message: string, politeness?: AriaLivePoliteness, duration?: number): Promise<void>;
+    /**
+     * Clears the current text from the announcer element. Can be used to prevent
+     * screen readers from reading the text out again while the user is going
+     * through the page landmarks.
+     */
+    clear(): void;
+    destroy(): void;
+    private _createLiveElement;
+}
+export declare const sbbLiveAnnouncer: SbbLiveAnnouncer;
+//# sourceMappingURL=live-announcer.d.ts.map

package/core/a11y/live-announcer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-announcer.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/live-announcer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AAIhE;;;;GAIG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,gBAAgB,CAA4C;IACpE,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,eAAe,CAA2B;;IAQlD;;;;OAIG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAE/C;;;;;OAKG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC;IAEhF;;;;;;;OAOG;IACI,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAElE;;;;;;;;OAQG;IACI,QAAQ,CACb,OAAO,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,kBAAkB,EAC/B,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC;IAkDhB;;;;OAIG;IACI,KAAK,IAAI,IAAI;IAMb,OAAO,IAAI,IAAI;IAQtB,OAAO,CAAC,kBAAkB;CAqB3B;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}

package/core/a11y/live-announcer.js

@@ -0,0 +1,47 @@
+import { isServer as o } from "lit";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+let l = 0;
+class u {
+  constructor() {
+    o || (this._liveElement = this._createLiveElement());
+  }
+  announce(i, ...t) {
+    if (o)
+      return Promise.resolve();
+    const e = {};
+    let s, r;
+    return t.length === 1 && typeof t[0] == "number" ? r = t[0] : [s, r] = t, this.clear(), clearTimeout(this._previousTimeout), s ?? (s = (e == null ? void 0 : e.politeness) ?? "polite"), r ?? (r = e == null ? void 0 : e.duration), this._liveElement.setAttribute("aria-live", s), this._currentPromise || (this._currentPromise = new Promise((n) => this._currentResolve = n)), clearTimeout(this._previousTimeout), this._previousTimeout = setTimeout(() => {
+      var n;
+      this._liveElement.textContent = i, typeof r == "number" && (this._previousTimeout = setTimeout(() => this.clear(), r)), (n = this._currentResolve) == null || n.call(this), this._currentPromise = this._currentResolve = void 0;
+    }, 100), this._currentPromise;
+  }
+  /**
+   * Clears the current text from the announcer element. Can be used to prevent
+   * screen readers from reading the text out again while the user is going
+   * through the page landmarks.
+   */
+  clear() {
+    this._liveElement && (this._liveElement.textContent = "");
+  }
+  destroy() {
+    var i, t;
+    clearTimeout(this._previousTimeout), (i = this._liveElement) == null || i.remove(), this._liveElement = null, (t = this._currentResolve) == null || t.call(this), this._currentPromise = this._currentResolve = void 0;
+  }
+  _createLiveElement() {
+    const i = "sbb-live-announcer-element", t = document.getElementsByClassName(i), e = document.createElement("div");
+    for (let s = 0; s < t.length; s++)
+      t[s].remove();
+    return e.classList.add(i), e.classList.add("sbb-screen-reader-only"), e.setAttribute("aria-atomic", "true"), e.setAttribute("aria-live", "polite"), e.id = `sbb-live-announcer-${l++}`, document.body.appendChild(e), e;
+  }
+}
+const v = new u();
+export {
+  u as SbbLiveAnnouncer,
+  v as sbbLiveAnnouncer
+};

package/core/a11y.d.ts

@@ -8,4 +8,5 @@ export * from './a11y/focus.js';
 export * from './a11y/focus-trap-controller.js';
 export * from './a11y/interactivity-checker.js';
 export * from './a11y/input-modality-detector.js';
+export * from './a11y/live-announcer.js';
 //# sourceMappingURL=a11y.d.ts.map

package/core/a11y.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../src/elements/core/a11y.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../src/elements/core/a11y.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC"}

package/core/a11y.js

@@ -1,28 +1,26 @@
-import { getNextElementIndex as o, isArrowKeyOrPageKeysPressed as t, isArrowKeyPressed as s, isNextArrowKeyPressed as i, isPreviousArrowKeyPressed as a } from "./a11y/arrow-navigation.js";
-import { isFakeMousedownFromScreenReader as c, isFakeTouchstartFromScreenReader as l } from "./a11y/fake-event-detection.js";
-import { SbbFocusVisibleWithinController as F } from "./a11y/focus-visible-within-controller.js";
-import { IS_FOCUSABLE_QUERY as d, SbbFocusHandler as u, getFirstFocusableElement as x, getFocusableElements as y } from "./a11y/focus.js";
-import { SbbFocusTrapController as f } from "./a11y/focus-trap-controller.js";
-import { InteractivityChecker as C, IsFocusableConfig as P, hasGeometry as g, interactivityChecker as h } from "./a11y/interactivity-checker.js";
-import { sbbInputModalityDetector as A, setModalityOnNextFocus as E } from "./a11y/input-modality-detector.js";
+import { getNextElementIndex as o, isArrowKeyOrPageKeysPressed as t, isArrowKeyPressed as s, isNextArrowKeyPressed as i, isPreviousArrowKeyPressed as n } from "./a11y/arrow-navigation.js";
+import { isFakeMousedownFromScreenReader as b, isFakeTouchstartFromScreenReader as a } from "./a11y/fake-event-detection.js";
+import { SbbFocusVisibleWithinController as x } from "./a11y/focus-visible-within-controller.js";
+import { IS_FOCUSABLE_QUERY as d } from "./a11y/focus.js";
+import { SbbFocusTrapController as u } from "./a11y/focus-trap-controller.js";
+import { InteractivityChecker as y, IsFocusableConfig as F, interactivityChecker as A } from "./a11y/interactivity-checker.js";
+import { sbbInputModalityDetector as C } from "./a11y/input-modality-detector.js";
+import { SbbLiveAnnouncer as v, sbbLiveAnnouncer as w } from "./a11y/live-announcer.js";
 export {
   d as IS_FOCUSABLE_QUERY,
-  C as InteractivityChecker,
-  P as IsFocusableConfig,
-  u as SbbFocusHandler,
-  f as SbbFocusTrapController,
-  F as SbbFocusVisibleWithinController,
-  x as getFirstFocusableElement,
-  y as getFocusableElements,
+  y as InteractivityChecker,
+  F as IsFocusableConfig,
+  u as SbbFocusTrapController,
+  x as SbbFocusVisibleWithinController,
+  v as SbbLiveAnnouncer,
   o as getNextElementIndex,
-  g as hasGeometry,
-  h as interactivityChecker,
+  A as interactivityChecker,
   t as isArrowKeyOrPageKeysPressed,
   s as isArrowKeyPressed,
-  c as isFakeMousedownFromScreenReader,
-  l as isFakeTouchstartFromScreenReader,
+  b as isFakeMousedownFromScreenReader,
+  a as isFakeTouchstartFromScreenReader,
   i as isNextArrowKeyPressed,
-  a as isPreviousArrowKeyPressed,
-  A as sbbInputModalityDetector,
-  E as setModalityOnNextFocus
+  n as isPreviousArrowKeyPressed,
+  C as sbbInputModalityDetector,
+  w as sbbLiveAnnouncer
 };

package/core/base-elements/action-base-element.d.ts

@@ -1,5 +1,6 @@
 import { LitElement, TemplateResult } from 'lit';
-export declare abstract class SbbActionBaseElement extends LitElement {
+declare const SbbActionBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.js').SbbElementInternalsConstructor;
+export declare abstract class SbbActionBaseElement extends SbbActionBaseElement_base {
     protected get maybeDisabled(): boolean | undefined;
     protected get maybeDisabledInteractive(): boolean | undefined;
     connectedCallback(): void;
@@ -9,4 +10,5 @@ export declare abstract class SbbActionBaseElement extends LitElement {
     /** Default render method for button-like components. */
     protected render(): TemplateResult;
 }
+export {};
 //# sourceMappingURL=action-base-element.d.ts.map

package/core/base-elements/action-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/action-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAe5D,8BAIe,oBAAqB,SAAQ,UAAU;IACpD,SAAS,KAAK,aAAa,IAAI,OAAO,GAAG,SAAS,CAGjD;IAED,SAAS,KAAK,wBAAwB,IAAI,OAAO,GAAG,SAAS,CAE5D;IAEe,iBAAiB,IAAI,IAAI;IAezC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,6DAA6D;IAC7D,SAAS,CAAC,cAAc,IAAI,cAAc;IAI1C,wDAAwD;cACrC,MAAM,IAAI,cAAc;CAG5C"}
+{"version":3,"file":"action-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/action-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAgB5D,8BAIe,oBAAqB,SAAQ,yBAAoC;IAC9E,SAAS,KAAK,aAAa,IAAI,OAAO,GAAG,SAAS,CAGjD;IAED,SAAS,KAAK,wBAAwB,IAAI,OAAO,GAAG,SAAS,CAE5D;IAEe,iBAAiB,IAAI,IAAI;IAezC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,6DAA6D;IAC7D,SAAS,CAAC,cAAc,IAAI,cAAc;IAI1C,wDAAwD;cACrC,MAAM,IAAI,cAAc;CAG5C"}

package/core/base-elements/action-base-element.js

@@ -1,12 +1,13 @@
-import { __esDecorate as n, __runInitializers as c } from "tslib";
-import { LitElement as o, html as m } from "lit";
-import { hostAttributes as d } from "../decorators.js";
-let h = (() => {
+import { __esDecorate as n, __runInitializers as o } from "tslib";
+import { LitElement as m, html as c } from "lit";
+import { hostAttributes as b } from "../decorators.js";
+import { SbbElementInternalsMixin as d } from "../mixins.js";
+let y = (() => {
   var a;
-  let i = [d({
+  let i = [b({
     "data-action": ""
-  })], r, s = [], t, l = o;
-  return a = class extends l {
+  })], r, l = [], t, s = d(m);
+  return a = class extends s {
     get maybeDisabled() {
       const e = this;
       return e.disabled || e.formDisabled;
@@ -34,13 +35,13 @@ let h = (() => {
     }
     /** Default render method for button-like components. */
     render() {
-      return m`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
+      return c`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`;
     }
   }, t = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    n(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: e }, null, s), t = r.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), c(t, s);
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    n(null, r = { value: t }, i, { kind: "class", name: t.name, metadata: e }, null, l), t = r.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), o(t, l);
   })(), t;
 })();
 export {
-  h as SbbActionBaseElement
+  y as SbbActionBaseElement
 };

package/core/base-elements/button-base-element.d.ts

@@ -2,25 +2,11 @@ import { FormRestoreReason, FormRestoreState } from '../mixins.js';
 import { SbbActionBaseElement } from './action-base-element.js';
 /** Enumeration for type attribute in <button> HTML tag. */
 export type SbbButtonType = 'button' | 'reset' | 'submit';
-declare const SbbButtonBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbFormAssociatedMixinType<string>> & typeof SbbActionBaseElement;
+declare const SbbButtonLikeBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbFormAssociatedMixinType> & typeof SbbActionBaseElement;
 /** Button base class. */
-export declare abstract class SbbButtonBaseElement extends SbbButtonBaseElement_base {
-    private readonly _elementsOnWhichEnterPressTriggersSubmit;
-    /**
-     * The type attribute to use for the button.
-     * @default 'button'
-     */
-    set type(name: SbbButtonType);
-    get type(): SbbButtonType;
-    /** The `<form>` element to associate the button with. */
-    set form(value: string);
-    get form(): HTMLFormElement | null;
-    private _formId;
+export declare abstract class SbbButtonLikeBaseElement extends SbbButtonLikeBaseElement_base {
+    static readonly role: ElementInternals['role'];
     constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _handleButtonClick;
-    private _requestSubmit;
     /**
      * Prevents scrolling from pressing Space, when the event target is an action element.
      * Also sets data-active attribute.
@@ -35,9 +21,30 @@ export declare abstract class SbbButtonBaseElement extends SbbButtonBaseElement_
      * @param event The origin event.
      */
     private _dispatchClickEventOnSpaceKeyup;
-    private _formKeyDown;
     private _dispatchClickEvent;
     attributeChangedCallback(name: string, old: string | null, value: string | null): void;
+}
+/** Button base class. */
+export declare abstract class SbbButtonBaseElement extends SbbButtonLikeBaseElement {
+    private readonly _elementsOnWhichEnterPressTriggersSubmit;
+    /** Value of the form element. */
+    accessor value: string;
+    /**
+     * The type attribute to use for the button.
+     * @default 'button'
+     */
+    set type(name: SbbButtonType);
+    get type(): SbbButtonType;
+    /** The `<form>` element to associate the button with. */
+    set form(value: string);
+    get form(): HTMLFormElement | null;
+    private _formId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleButtonClick;
+    private _requestSubmit;
+    private _formKeyDown;
     /**
      * Intentionally empty, as buttons are not targeted by form reset
      * @internal

package/core/base-elements/button-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;;AAE1D,yBAAyB;AACzB,8BAKe,oBAAqB,SAAQ,yBAA4C;IACtF,OAAO,CAAC,QAAQ,CAAC,wCAAwC,CAA+B;IAExF;;;OAGG;IACH,IACoB,IAAI,CAAC,IAAI,EAAE,aAAa,EAE3C;IACD,IAAoB,IAAI,IAAI,aAAa,CAExC;IAED,yDAAyD;IACzD,IACoB,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrC;IACD,IAAoB,IAAI,IAAI,eAAe,GAAG,IAAI,CAQjD;IACD,OAAO,CAAC,OAAO,CAAc;;IA4Bb,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,kBAAkB,CAaxB;IAEF,OAAO,CAAC,cAAc;IAgBtB;;;;OAIG;IACH,OAAO,CAAC,4BAA4B,CAKlC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,+BAA+B,CAKrC;IAEF,OAAO,CAAC,YAAY,CA6BlB;IAEF,OAAO,CAAC,mBAAmB,CAezB;IAEc,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAEzC;;;OAGG;IACa,wBAAwB,CACtC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAC/B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAEP;;;;OAIG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;CAClC"}
+{"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;;AAE1D,yBAAyB;AACzB,8BAKe,wBAAyB,SAAQ,6BAA4C;IAC1F,gBAAgC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAY;;IAwB1E;;;;OAIG;IACH,OAAO,CAAC,4BAA4B,CAKlC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,+BAA+B,CAKrC;IAEF,OAAO,CAAC,mBAAmB,CAezB;IAEc,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;CAKR;AAED,yBAAyB;AACzB,8BAAsB,oBAAqB,SAAQ,wBAAwB;IACzE,OAAO,CAAC,QAAQ,CAAC,wCAAwC,CAIvD;IAEF,iCAAiC;IACjC,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC;;;OAGG;IACH,IACoB,IAAI,CAAC,IAAI,EAAE,aAAa,EAE3C;IACD,IAAoB,IAAI,IAAI,aAAa,CAExC;IAED,yDAAyD;IACzD,IACoB,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrC;IACD,IAAoB,IAAI,IAAI,eAAe,GAAG,IAAI,CAQjD;IACD,OAAO,CAAC,OAAO,CAAc;;IAQb,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,kBAAkB,CAaxB;IAEF,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,YAAY,CA6BlB;IAEF;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAEzC;;;OAGG;IACa,wBAAwB,CACtC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAC/B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAEP;;;;OAIG;cACgB,eAAe,IAAI,IAAI;CAC3C"}

package/core/base-elements/button-base-element.js

@@ -1,17 +1,90 @@
-import { __esDecorate as n, __runInitializers as d } from "tslib";
-import { isServer as y } from "lit";
-import { property as h } from "lit/decorators.js";
-import { hostAttributes as _ } from "../decorators.js";
-import { isEventPrevented as k } from "../eventing.js";
-import { SbbFormAssociatedMixin as v } from "../mixins.js";
-import { SbbActionBaseElement as E } from "./action-base-element.js";
+var _ = (i) => {
+  throw TypeError(i);
+};
+var v = (i, a, n) => a.has(i) || _("Cannot " + n);
+var k = (i, a, n) => (v(i, a, "read from private field"), n ? n.call(i) : a.get(i)), E = (i, a, n) => a.has(i) ? _("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, n), p = (i, a, n, l) => (v(i, a, "write to private field"), l ? l.call(i, n) : a.set(i, n), n);
+import { __esDecorate as d, __runInitializers as h } from "tslib";
+import { isServer as g } from "lit";
+import { property as b } from "lit/decorators.js";
+import { hostAttributes as S, forceType as C } from "../decorators.js";
+import { isEventPrevented as w } from "../eventing.js";
+import { SbbFormAssociatedMixin as K } from "../mixins.js";
+import { SbbActionBaseElement as O } from "./action-base-element.js";
 let I = (() => {
-  var i;
-  let p = [_({
+  var c;
+  let i = [S({
     tabindex: "0",
     "data-button": ""
-  })], o, l = [], r, c = v(E), a = [], u, m;
-  return i = class extends c {
+  })], a, n = [], l, u = K(O);
+  return c = class extends u {
+    constructor() {
+      if (super(), this._preventScrollOnSpaceKeydown = (s) => {
+        s.key === " " && (s.preventDefault(), s.target.toggleAttribute("data-active", !0));
+      }, this._removeActiveMarker = (s) => {
+        s.target.removeAttribute("data-active");
+      }, this._dispatchClickEventOnSpaceKeyup = (s) => {
+        s.key === " " && (this._removeActiveMarker(s), this._dispatchClickEvent(s));
+      }, this._dispatchClickEvent = (s) => {
+        const { altKey: r, ctrlKey: m, metaKey: y, shiftKey: t } = s;
+        s.target.dispatchEvent(new PointerEvent("click", {
+          bubbles: !0,
+          cancelable: !0,
+          composed: !0,
+          pointerId: -1,
+          pointerType: "",
+          altKey: r,
+          ctrlKey: m,
+          metaKey: y,
+          shiftKey: t
+        }));
+      }, !g) {
+        this.setupBaseEventHandlers();
+        const s = { passive: !0 };
+        this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, s), this.addEventListener("blur", this._removeActiveMarker, s), this.addEventListener("keypress", (r) => {
+          (r.key === "Enter" || r.key === `
+`) && this._dispatchClickEvent(r);
+        }, s);
+      }
+    }
+    attributeChangedCallback(s, r, m) {
+      (!["name", "value"].includes(s) || r !== m) && super.attributeChangedCallback(s, r, m);
+    }
+  }, l = c, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    d(null, a = { value: l }, i, { kind: "class", name: l.name, metadata: s }, null, n), l = a.value, s && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), c.role = "button", h(l, n), l;
+})(), B = (() => {
+  var s, r;
+  let i = I, a = [], n, l = [], u = [], c, f;
+  return r = class extends i {
+    constructor() {
+      super();
+      E(this, s);
+      this._elementsOnWhichEnterPressTriggersSubmit = (h(this, a), [
+        "input",
+        "sbb-date-input",
+        "sbb-time-input"
+      ]), p(this, s, h(this, l, "")), this._formId = (h(this, u), ""), this._handleButtonClick = async (t) => {
+        if (this.type === "button" || await w(t))
+          return;
+        const e = this.form;
+        if (e)
+          this.type === "submit" ? this._requestSubmit(e) : this.type === "reset" && e.reset();
+        else return;
+      }, this._formKeyDown = (t) => {
+        var o;
+        const e = this.form;
+        this.type === "submit" && e && (t.key === "Enter" || t.key === `
+`) && this._elementsOnWhichEnterPressTriggersSubmit.includes((o = t.target) == null ? void 0 : o.localName) && t.isTrusted && (t.stopImmediatePropagation(), t.preventDefault(), t.composedPath()[0].dispatchEvent(new KeyboardEvent(t.type, t)) && !this.matches(":disabled") && this._requestSubmit(e));
+      }, this.addEventListener("click", this._handleButtonClick);
+    }
+    /** Value of the form element. */
+    get value() {
+      return k(this, s);
+    }
+    set value(t) {
+      p(this, s, t);
+    }
     /**
      * The type attribute to use for the button.
      * @default 'button'
@@ -24,64 +97,25 @@ let I = (() => {
     }
     /** The `<form>` element to associate the button with. */
     set form(t) {
-      this._formId = t, this.form?.addEventListener("keydown", this._formKeyDown, { capture: !0 });
+      var e;
+      this._formId = t, (e = this.form) == null || e.addEventListener("keydown", this._formKeyDown, { capture: !0 });
     }
     get form() {
-      return this._formId ? this.getRootNode?.()?.getElementById?.(this._formId) ?? null : this.internals.form;
-    }
-    constructor() {
-      if (super(), this._elementsOnWhichEnterPressTriggersSubmit = (d(this, a), ["input", "sbb-date-input"]), this._formId = "", this._handleButtonClick = async (t) => {
-        if (this.type === "button" || await k(t))
-          return;
-        const e = this.form;
-        if (e)
-          this.type === "submit" ? this._requestSubmit(e) : this.type === "reset" && e.reset();
-        else return;
-      }, this._preventScrollOnSpaceKeydown = (t) => {
-        t.key === " " && (t.preventDefault(), t.target.toggleAttribute("data-active", !0));
-      }, this._removeActiveMarker = (t) => {
-        t.target.removeAttribute("data-active");
-      }, this._dispatchClickEventOnSpaceKeyup = (t) => {
-        t.key === " " && (this._removeActiveMarker(t), this._dispatchClickEvent(t));
-      }, this._formKeyDown = (t) => {
-        const e = this.form;
-        this.type === "submit" && e && (t.key === "Enter" || t.key === `
-`) && this._elementsOnWhichEnterPressTriggersSubmit.includes(t.target?.localName) && t.isTrusted && (t.stopImmediatePropagation(), t.preventDefault(), t.composedPath()[0].dispatchEvent(new KeyboardEvent(t.type, t)) && !this.matches(":disabled") && this._requestSubmit(e));
-      }, this._dispatchClickEvent = (t) => {
-        const { altKey: e, ctrlKey: s, metaKey: b, shiftKey: f } = t;
-        t.target.dispatchEvent(new PointerEvent("click", {
-          bubbles: !0,
-          cancelable: !0,
-          composed: !0,
-          pointerId: -1,
-          pointerType: "",
-          altKey: e,
-          ctrlKey: s,
-          metaKey: b,
-          shiftKey: f
-        }));
-      }, this.internals.role = "button", !y) {
-        this.setupBaseEventHandlers();
-        const t = { passive: !0 };
-        this.addEventListener("click", this._handleButtonClick), this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, t), this.addEventListener("blur", this._removeActiveMarker, t), this.addEventListener("keypress", (e) => {
-          (e.key === "Enter" || e.key === `
-`) && this._dispatchClickEvent(e);
-        }, t);
-      }
+      var t, e, o;
+      return this._formId ? ((o = (e = (t = this.getRootNode) == null ? void 0 : t.call(this)) == null ? void 0 : e.getElementById) == null ? void 0 : o.call(e, this._formId)) ?? null : this.internals.form;
     }
     connectedCallback() {
-      super.connectedCallback(), this.form?.addEventListener("keydown", this._formKeyDown, { capture: !0 });
+      var t;
+      super.connectedCallback(), (t = this.form) == null || t.addEventListener("keydown", this._formKeyDown, { capture: !0 });
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), this.form?.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
+      var t;
+      super.disconnectedCallback(), (t = this.form) == null || t.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
     }
     _requestSubmit(t) {
       const e = document.createElement("button");
       e.inert = !0, e.hidden = !0, e.name = this.name, e.value = this.value ?? "", t.append(e), t.requestSubmit(e), e.remove();
     }
-    attributeChangedCallback(t, e, s) {
-      (!["name", "value"].includes(t) || e !== s) && super.attributeChangedCallback(t, e, s);
-    }
     /**
      * Intentionally empty, as buttons are not targeted by form reset
      * @internal
@@ -101,15 +135,18 @@ let I = (() => {
      */
     updateFormValue() {
     }
-  }, r = i, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    u = [h()], m = [h()], n(i, null, u, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (e) => "type" in e, set: (e, s) => {
-      e.type = s;
-    } }, metadata: t }, null, a), n(i, null, m, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (e) => "form" in e, set: (e, s) => {
-      e.form = s;
-    } }, metadata: t }, null, a), n(null, o = { value: r }, p, { kind: "class", name: r.name, metadata: t }, null, l), r = o.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t }), d(r, l);
+  }, s = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    n = [C(), b()], c = [b()], f = [b()], d(r, null, n, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, get: (e) => e.value, set: (e, o) => {
+      e.value = o;
+    } }, metadata: t }, l, u), d(r, null, c, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (e) => "type" in e, set: (e, o) => {
+      e.type = o;
+    } }, metadata: t }, null, a), d(r, null, f, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (e) => "form" in e, set: (e, o) => {
+      e.form = o;
+    } }, metadata: t }, null, a), t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), r;
 })();
 export {
-  I as SbbButtonBaseElement
+  B as SbbButtonBaseElement,
+  I as SbbButtonLikeBaseElement
 };

package/core/base-elements/link-base-element.js

@@ -71,15 +71,18 @@ let le = (() => {
     }
     /** @internal */
     focus(t) {
-      this.shadowRoot.querySelector("a")?.focus(t);
+      var e;
+      (e = this.shadowRoot.querySelector("a")) == null || e.focus(t);
     }
     /** @internal */
     blur() {
-      this.shadowRoot.querySelector("a")?.blur();
+      var t;
+      (t = this.shadowRoot.querySelector("a")) == null || t.blur();
     }
     /** @internal */
     click() {
-      this.shadowRoot.querySelector("a")?.click();
+      var t;
+      (t = this.shadowRoot.querySelector("a")) == null || t.click();
     }
     /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
     render() {

package/core/base-elements/open-close-base-element.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 import { EventEmitter } from '../eventing.js';
 import { SbbOpenedClosedState } from '../interfaces.js';
+declare const SbbOpenCloseBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.js').SbbElementInternalsConstructor;
 /**
  * Base class for overlay components.
  *
@@ -9,7 +10,7 @@ import { SbbOpenedClosedState } from '../interfaces.js';
  * @event willClose - Emits whenever the component begins the closing transition. Can be canceled.
  * @event didClose - Emits whenever the component is closed.
  */
-export declare abstract class SbbOpenCloseBaseElement extends LitElement {
+export declare abstract class SbbOpenCloseBaseElement extends SbbOpenCloseBaseElement_base {
     static readonly events: {
         readonly willOpen: "willOpen";
         readonly didOpen: "didOpen";
@@ -43,4 +44,5 @@ declare global {
         didClose: CustomEvent<void>;
     }
 }
+export {};
 //# sourceMappingURL=open-close-base-element.d.ts.map

package/core/base-elements/open-close-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-close-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/open-close-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;GAOG;AACH,8BAAsB,uBAAwB,SAAQ,UAAU;IAC9D,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAE9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IAED,mCAAmC;IACnC,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,kEAAkE;IAClE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAI9B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,OAAO,EAAE,YAAY,CAE5B;IAEH,kEAAkE;IAClE,SAAS,CAAC,SAAS,EAAE,YAAY,CAI/B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,QAAQ,EAAE,YAAY,CAI9B;IAEF,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3B,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC7B;CACF"}
+{"version":3,"file":"open-close-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/open-close-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAG7D;;;;;;;GAOG;AACH,8BAAsB,uBAAwB,SAAQ,4BAAoC;IACxF,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAE9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IAED,mCAAmC;IACnC,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,kEAAkE;IAClE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAI9B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,OAAO,EAAE,YAAY,CAE5B;IAEH,kEAAkE;IAClE,SAAS,CAAC,SAAS,EAAE,YAAY,CAI/B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,QAAQ,EAAE,YAAY,CAI9B;IAEF,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3B,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC7B;CACF"}

package/core/base-elements/open-close-base-element.js

@@ -1,6 +1,7 @@
 import { LitElement as l } from "lit";
 import { EventEmitter as t } from "../eventing.js";
-const e = class e extends l {
+import { SbbElementInternalsMixin as n } from "../mixins.js";
+const e = class e extends n(l) {
   constructor() {
     super(...arguments), this.willOpen = new t(this, e.events.willOpen, { cancelable: !0 }), this.didOpen = new t(this, e.events.didOpen, {
       cancelable: !0
@@ -18,7 +19,7 @@ const e = class e extends l {
     return this.state === "opened";
   }
   connectedCallback() {
-    super.connectedCallback(), this.state ||= "closed";
+    super.connectedCallback(), this.state || (this.state = "closed");
   }
 };
 e.events = {

package/core/base-elements.js

@@ -1,10 +1,11 @@
-import { SbbActionBaseElement as t } from "./base-elements/action-base-element.js";
-import { SbbButtonBaseElement as m } from "./base-elements/button-base-element.js";
-import { SbbLinkBaseElement as r } from "./base-elements/link-base-element.js";
-import { SbbOpenCloseBaseElement as p } from "./base-elements/open-close-base-element.js";
+import { SbbActionBaseElement as o } from "./base-elements/action-base-element.js";
+import { SbbButtonBaseElement as n, SbbButtonLikeBaseElement as m } from "./base-elements/button-base-element.js";
+import { SbbLinkBaseElement as B } from "./base-elements/link-base-element.js";
+import { SbbOpenCloseBaseElement as s } from "./base-elements/open-close-base-element.js";
 export {
-  t as SbbActionBaseElement,
-  m as SbbButtonBaseElement,
-  r as SbbLinkBaseElement,
-  p as SbbOpenCloseBaseElement
+  o as SbbActionBaseElement,
+  n as SbbButtonBaseElement,
+  m as SbbButtonLikeBaseElement,
+  B as SbbLinkBaseElement,
+  s as SbbOpenCloseBaseElement
 };