@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.4

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

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit';
-import { SbbLanguageController } from '../controllers.js';
-import { SbbActionBaseElement } from './action-base-element.js';
+import { SbbLanguageController } from '../controllers.ts';
+import { SbbActionBaseElement } from './action-base-element.ts';
 /** Enumeration for 'target' attribute in <a> HTML tag. */
 export type LinkTargetType = '_blank' | '_self' | '_parent' | '_top';
 /** Link base class. */

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

@@ -1 +1 @@
-{"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,6BAA6B,CAAC;AAErC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAIe,kBAAmB,SAAQ,oBAAoB;IAC5D,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0EAA0E;IAC1E,SAEgB,oBAAoB,EAAE,MAAM,CAAM;IAElD,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;;IASpD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAuBpE"}
+{"version":3,"file":"link-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/link-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,6BAA6B,CAAC;AAErC,0DAA0D;AAC1D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE,uBAAuB;AACvB,8BAAsB,kBAAmB,SAAQ,oBAAoB;IACnE,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,kEAAkE;IAClE,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0EAA0E;IAC1E,SAEgB,oBAAoB,EAAE,MAAM,CAAM;IAElD,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAUpD,gBAAgB;IACA,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAI/D,gBAAgB;IACA,IAAI,IAAI,IAAI;IAI5B,gBAAgB;IACA,KAAK,IAAI,IAAI;IAI7B,OAAO,CAAC,qBAAqB,CAE3B;IAEF,mHAAmH;cAChG,MAAM,IAAI,cAAc;IAI3C,SAAS,CAAC,UAAU,CAAC,aAAa,EAAE,cAAc,GAAG,cAAc;CAuBpE"}

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

@@ -1,73 +1,71 @@
-var W = (s) => {
-  throw TypeError(s);
+var H = (i) => {
+  throw TypeError(i);
 };
-var F = (s, a, i) => a.has(s) || W("Cannot " + i);
-var b = (s, a, i) => (F(s, a, "read from private field"), i ? i.call(s) : a.get(s)), u = (s, a, i) => a.has(s) ? W("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), r = (s, a, i, o) => (F(s, a, "write to private field"), o ? o.call(s, i) : a.set(s, i), i);
-import { __esDecorate as d, __runInitializers as l } from "tslib";
-import { nothing as h, isServer as J, html as G } from "lit";
-import { property as w } from "lit/decorators.js";
-import { SbbLanguageController as K } from "../controllers.js";
-import { hostAttributes as M, forceType as v, omitEmptyConverter as k } from "../decorators.js";
-import { i18nTargetOpensInNewWindow as Q } from "../i18n.js";
-import { SbbActionBaseElement as U } from "./action-base-element.js";
+var P = (i, s, a) => s.has(i) || H("Cannot " + a);
+var h = (i, s, a) => (P(i, s, "read from private field"), a ? a.call(i) : s.get(i)), d = (i, s, a) => s.has(i) ? H("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, a), r = (i, s, a, v) => (P(i, s, "write to private field"), v ? v.call(i, a) : s.set(i, a), a);
+import { __esDecorate as m, __runInitializers as c } from "tslib";
+import { nothing as n, isServer as F, html as W } from "lit";
+import { property as p } from "lit/decorators.js";
+import { SbbLanguageController as G } from "../controllers.js";
+import { forceType as w, omitEmptyConverter as z } from "../decorators.js";
+import { i18nTargetOpensInNewWindow as J } from "../i18n.js";
+import { SbbActionBaseElement as K } from "./action-base-element.js";
 import "../../screen-reader-only.js";
-let le = (() => {
-  var _, m, f, y, g, p, c;
-  let s = [M({
-    "data-link": ""
-  })], a, i = [], o, L = U, z, C = [], $ = [], S, x = [], I = [], R, D = [], E = [], A, B = [], T = [], q, O = [], j = [], N, H = [], P = [];
-  return c = class extends L {
+let te = (() => {
+  var u, b, _, f, y, g, l;
+  let i = K, s, a = [], v = [], C, $ = [], x = [], I, L = [], k = [], R, S = [], D = [], q, A = [], O = [], T, j = [], N = [];
+  return l = class extends i {
     constructor() {
       super();
-      u(this, _);
-      u(this, m);
-      u(this, f);
-      u(this, y);
-      u(this, g);
-      u(this, p);
-      r(this, _, l(this, C, "")), r(this, m, (l(this, $), l(this, x, ""))), r(this, f, (l(this, I), l(this, D, ""))), r(this, y, (l(this, E), l(this, B, !1))), r(this, g, (l(this, T), l(this, O, ""))), r(this, p, (l(this, j), l(this, H, ""))), this.language = (l(this, P), new K(this)), this.anchorRole = null, this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : h, J || this.setupBaseEventHandlers();
+      d(this, u);
+      d(this, b);
+      d(this, _);
+      d(this, f);
+      d(this, y);
+      d(this, g);
+      r(this, u, c(this, a, "")), r(this, b, (c(this, v), c(this, $, ""))), r(this, _, (c(this, x), c(this, L, ""))), r(this, f, (c(this, k), c(this, S, !1))), r(this, y, (c(this, D), c(this, A, ""))), r(this, g, (c(this, O), c(this, j, ""))), this.language = (c(this, N), new G(this)), this.anchorRole = null, this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : n, this.internals.states.add("link"), F || this.setupBaseEventHandlers();
     }
     /** The href value you want to link to. */
     get href() {
-      return b(this, _);
+      return h(this, u);
     }
     set href(t) {
-      r(this, _, t);
+      r(this, u, t);
     }
     /** Where to display the linked URL. */
     get target() {
-      return b(this, m);
+      return h(this, b);
     }
     set target(t) {
-      r(this, m, t);
+      r(this, b, t);
     }
     /** The relationship of the linked URL as space-separated link types. */
     get rel() {
-      return b(this, f);
+      return h(this, _);
     }
     set rel(t) {
-      r(this, f, t);
+      r(this, _, t);
     }
     /** Whether the browser will show the download dialog on click. */
     get download() {
-      return b(this, y);
+      return h(this, f);
     }
     set download(t) {
-      r(this, y, t);
+      r(this, f, t);
     }
     /** This will be forwarded as aria-label to the inner anchor element. */
     get accessibilityLabel() {
-      return b(this, g);
+      return h(this, y);
     }
     set accessibilityLabel(t) {
-      r(this, g, t);
+      r(this, y, t);
     }
     /** This will be forwarded as aria-current to the inner anchor element. */
     get accessibilityCurrent() {
-      return b(this, p);
+      return h(this, g);
     }
     set accessibilityCurrent(t) {
-      r(this, p, t);
+      r(this, g, t);
     }
     /** @internal */
     focus(t) {
@@ -86,43 +84,43 @@ let le = (() => {
       return this.renderLink(this.renderTemplate());
     }
     renderLink(t) {
-      return G`
+      return W`
       <a
         class="sbb-action-base ${this.localName}"
-        href=${this.href || h}
+        href=${this.href || n}
         ?download=${this.download}
-        target=${this.target || h}
+        target=${this.target || n}
         rel=${this._evaluateRelAttribute()}
-        role=${this.anchorRole || h}
-        aria-label=${this.accessibilityLabel || h}
-        aria-current=${this.accessibilityCurrent || h}
-        tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : h}
-        aria-disabled=${this.maybeDisabled ? "true" : h}
+        role=${this.anchorRole || n}
+        aria-label=${this.accessibilityLabel || n}
+        aria-current=${this.accessibilityCurrent || n}
+        tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : n}
+        aria-disabled=${this.maybeDisabled ? "true" : n}
       >
         ${t}
-        ${this.href && this.target === "_blank" ? G`<sbb-screen-reader-only
-              >. ${Q[this.language.current]}</sbb-screen-reader-only
-            >` : h}
+        ${this.href && this.target === "_blank" ? W`<sbb-screen-reader-only
+              >. ${J[this.language.current]}</sbb-screen-reader-only
+            >` : n}
       </a>
     `;
     }
-  }, _ = new WeakMap(), m = new WeakMap(), f = new WeakMap(), y = new WeakMap(), g = new WeakMap(), p = new WeakMap(), o = c, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(L[Symbol.metadata] ?? null) : void 0;
-    z = [v(), w({ reflect: !0, converter: k })], S = [v(), w({ reflect: !0, converter: k })], R = [v(), w({ reflect: !0, converter: k })], A = [v(), w({ type: Boolean, reflect: !0 })], q = [v(), w({ attribute: "accessibility-label" })], N = [v(), w({ attribute: "accessibility-current" })], d(c, null, z, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (e) => "href" in e, get: (e) => e.href, set: (e, n) => {
-      e.href = n;
-    } }, metadata: t }, C, $), d(c, null, S, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (e) => "target" in e, get: (e) => e.target, set: (e, n) => {
-      e.target = n;
-    } }, metadata: t }, x, I), d(c, null, R, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (e) => "rel" in e, get: (e) => e.rel, set: (e, n) => {
-      e.rel = n;
-    } }, metadata: t }, D, E), d(c, null, A, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (e) => "download" in e, get: (e) => e.download, set: (e, n) => {
-      e.download = n;
-    } }, metadata: t }, B, T), d(c, null, q, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, n) => {
-      e.accessibilityLabel = n;
-    } }, metadata: t }, O, j), d(c, null, N, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (e) => "accessibilityCurrent" in e, get: (e) => e.accessibilityCurrent, set: (e, n) => {
-      e.accessibilityCurrent = n;
-    } }, metadata: t }, H, P), d(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: t }, null, i), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t }), l(o, i);
-  })(), o;
+  }, u = new WeakMap(), b = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), y = new WeakMap(), g = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    s = [w(), p({ reflect: !0, converter: z })], C = [w(), p({ reflect: !0, converter: z })], I = [w(), p({ reflect: !0, converter: z })], R = [w(), p({ type: Boolean, reflect: !0 })], q = [w(), p({ attribute: "accessibility-label" })], T = [w(), p({ attribute: "accessibility-current" })], m(l, null, s, { kind: "accessor", name: "href", static: !1, private: !1, access: { has: (e) => "href" in e, get: (e) => e.href, set: (e, o) => {
+      e.href = o;
+    } }, metadata: t }, a, v), m(l, null, C, { kind: "accessor", name: "target", static: !1, private: !1, access: { has: (e) => "target" in e, get: (e) => e.target, set: (e, o) => {
+      e.target = o;
+    } }, metadata: t }, $, x), m(l, null, I, { kind: "accessor", name: "rel", static: !1, private: !1, access: { has: (e) => "rel" in e, get: (e) => e.rel, set: (e, o) => {
+      e.rel = o;
+    } }, metadata: t }, L, k), m(l, null, R, { kind: "accessor", name: "download", static: !1, private: !1, access: { has: (e) => "download" in e, get: (e) => e.download, set: (e, o) => {
+      e.download = o;
+    } }, metadata: t }, S, D), m(l, null, q, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, o) => {
+      e.accessibilityLabel = o;
+    } }, metadata: t }, A, O), m(l, null, T, { kind: "accessor", name: "accessibilityCurrent", static: !1, private: !1, access: { has: (e) => "accessibilityCurrent" in e, get: (e) => e.accessibilityCurrent, set: (e, o) => {
+      e.accessibilityCurrent = o;
+    } }, metadata: t }, j, N), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l;
 })();
 export {
-  le as SbbLinkBaseElement
+  te as SbbLinkBaseElement
 };

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

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { SbbOpenedClosedState } from '../interfaces.js';
-declare const SbbOpenCloseBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.js').SbbElementInternalsConstructor;
+import { SbbOpenedClosedState } from '../interfaces.ts';
+declare const SbbOpenCloseBaseElement_base: import('../mixins.ts').AbstractConstructor<import('../mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.ts').SbbElementInternalsConstructor;
 /**
  * Base class for overlay components.
  */
@@ -14,13 +14,14 @@ export declare abstract class SbbOpenCloseBaseElement extends SbbOpenCloseBaseEl
     /** The state of the component. */
     protected set state(state: SbbOpenedClosedState);
     protected get state(): SbbOpenedClosedState;
+    private _state;
     /** Whether the element is open. */
     get isOpen(): boolean;
+    constructor();
     /** Opens the component. */
     abstract open(): void;
     /** Closes the component. */
     abstract close(): void;
-    connectedCallback(): void;
     /** The method which is called on escape key press. Defaults to calling close() */
     escapeStrategy(): void;
     protected dispatchBeforeOpenEvent(): boolean;

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,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAG7D;;GAEG;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,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;IAKzC,kFAAkF;IAC3E,cAAc,IAAI,IAAI;IAI7B,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAK5C,SAAS,CAAC,iBAAiB,IAAI,OAAO;IAKtC,SAAS,CAAC,wBAAwB,IAAI,OAAO;IAK7C,SAAS,CAAC,kBAAkB,IAAI,OAAO;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,UAAU,EAAE,KAAK,CAAC;QAClB,WAAW,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,KAAK,EAAE,KAAK,CAAC;KACd;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,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;;AAG7D;;GAEG;AACH,8BAAsB,uBAAwB,SAAQ,4BAAoC;IACxF,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAQ9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IACD,OAAO,CAAC,MAAM,CAAwB;IAEtC,mCAAmC;IACnC,IAAW,MAAM,IAAI,OAAO,CAE3B;;IAOD,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAE7B,kFAAkF;IAC3E,cAAc,IAAI,IAAI;IAI7B,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAK5C,SAAS,CAAC,iBAAiB,IAAI,OAAO;IAKtC,SAAS,CAAC,wBAAwB,IAAI,OAAO;IAK7C,SAAS,CAAC,kBAAkB,IAAI,OAAO;CAIxC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,UAAU,EAAE,KAAK,CAAC;QAClB,WAAW,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}

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

@@ -1,19 +1,19 @@
-import { LitElement as s } from "lit";
-import { SbbElementInternalsMixin as r } from "../mixins.js";
-const e = class e extends r(s) {
+import { LitElement as n } from "lit";
+import { SbbElementInternalsMixin as i } from "../mixins.js";
+const e = class e extends i(n) {
   /** The state of the component. */
-  set state(n) {
-    this.setAttribute("data-state", n);
+  set state(s) {
+    this._state && this.internals.states.delete(`state-${this._state}`), this._state = s, this._state && this.internals.states.add(`state-${this._state}`);
   }
   get state() {
-    return this.getAttribute("data-state");
+    return this._state;
   }
   /** Whether the element is open. */
   get isOpen() {
     return this.state === "opened";
   }
-  connectedCallback() {
-    super.connectedCallback(), this.state ||= "closed";
+  constructor() {
+    super(), this.state = "closed";
   }
   /** The method which is called on escape key press. Defaults to calling close() */
   escapeStrategy() {

package/core/base-elements.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './base-elements/action-base-element.js';
-export * from './base-elements/button-base-element.js';
-export * from './base-elements/link-base-element.js';
-export * from './base-elements/open-close-base-element.js';
+export * from './base-elements/action-base-element.ts';
+export * from './base-elements/button-base-element.ts';
+export * from './base-elements/link-base-element.ts';
+export * from './base-elements/open-close-base-element.ts';
 //# sourceMappingURL=base-elements.d.ts.map

package/core/config/config.d.ts

@@ -1,4 +1,4 @@
-import { DateAdapter } from '../datetime.js';
+import { DateAdapter } from '../datetime.ts';
 export interface SbbIconConfig {
     interceptor?: (parameters: {
         namespace: string;

package/core/config.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './config/config.js';
+export * from './config/config.ts';
 //# sourceMappingURL=config.d.ts.map

package/core/controllers/escapable-overlay-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.js';
+import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.ts';
 /**
  * Handles the stack of overlays and closes the last opened one when pressing Escape.
  */

package/core/controllers/inert-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbOpenCloseBaseElement } from '../base-elements.js';
+import { SbbOpenCloseBaseElement } from '../base-elements.ts';
 export declare class SbbInertController implements ReactiveController {
     private _host;
     private _inertElements;

package/core/controllers/media-matchers-controller.d.ts

@@ -1,12 +1,15 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbElementInternalsMixinType } from '../mixins.js';
+import { SbbElementInternalsMixinType } from '../mixins.ts';
 export declare const SbbMediaQueryForcedColors = "(forced-colors: active)";
 export declare const SbbMediaQueryDarkMode = "(prefers-color-scheme: dark)";
 export declare const SbbMediaQueryHover = "(any-hover: hover)";
 export declare const SbbMediaQueryPointerCoarse = "(pointer: coarse)";
+export declare const SbbMediaQueryBreakpointZeroAndAbove: string;
+export declare const SbbMediaQueryBreakpointSmallAndAbove: string;
 export declare const SbbMediaQueryBreakpointLargeAndAbove: string;
-export declare const SbbMediaQueryBreakpointLargeAndBelow: string;
+export declare const SbbMediaQueryBreakpointUltraAndAbove: string;
 export declare const SbbMediaQueryBreakpointSmallAndBelow: string;
+export declare const SbbMediaQueryBreakpointLargeAndBelow: string;
 /**
  * A callback, which is invoked when the associated media query match
  * status changes.

package/core/controllers/media-matchers-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAGjE,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,qBAAqB,iCAAiC,CAAC;AACpE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAG5F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAMtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC;AAED;;;;;;;GAOG;AACH,qBAAa,qBAAsB,SAAQ,yBAAyB;IAyBhE,OAAO,CAAC,KAAK;IAxBf,2EAA2E;IAC3E,OAAO,CAAC,MAAM,CAAC,YAAY,CAAsE;IAEjG,kFAAkF;IAClF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAUxB;IAET,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAGrC;IAEF,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAa;gBAG7C,KAAK,EAAE,sBAAsB,GAAG,WAAW,GAAG,4BAA4B,EAClF,QAAQ,EAAE,sBAAsB;IAYlC,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAYlC;;;OAGG;WAEW,aAAa,IAAI,IAAI;IAOnB,aAAa,IAAI,IAAI;IAerB,gBAAgB,IAAI,IAAI;IAQxB,OAAO,IAAI,OAAO;CAWnC"}
+{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAGrF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAGjE,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,qBAAqB,iCAAiC,CAAC;AACpE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,mCAAmC,QAAyC,CAAC;AAC1F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAC5F,eAAO,MAAM,oCAAoC,QAA0C,CAAC;AAG5F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAMtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC;AAED;;;;;;;GAOG;AACH,qBAAa,qBAAsB,SAAQ,yBAAyB;IA0BhE,OAAO,CAAC,KAAK;IAzBf,2EAA2E;IAC3E,OAAO,CAAC,MAAM,CAAC,YAAY,CACE;IAE7B,kFAAkF;IAClF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAUxB;IAET,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAGrC;IAEF,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAa;gBAG7C,KAAK,EAAE,sBAAsB,GAAG,WAAW,GAAG,4BAA4B,EAClF,QAAQ,EAAE,sBAAsB;IAYlC,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAYlC;;;OAGG;WAEW,aAAa,IAAI,IAAI;IAOnB,aAAa,IAAI,IAAI;IAerB,gBAAgB,IAAI,IAAI;IAQxB,OAAO,IAAI,OAAO;CAWnC"}

package/core/controllers/media-matchers-controller.js

@@ -1,7 +1,8 @@
-import { S as m, a as f, b as g } from "../../sbb-tokens-BNWpZrLn.js";
-import { isServer as n } from "lit";
-const M = "(forced-colors: active)", i = "(prefers-color-scheme: dark)", S = "(any-hover: hover)", L = "(pointer: coarse)", k = `(min-width: ${m})`, Q = `(max-width: ${f})`, w = `(max-width: ${g})`, a = /* @__PURE__ */ new Map();
-class p {
+import { S as m, a as b, b as p, c as f, d as g, e as y } from "../../sbb-tokens-DruExozg.js";
+import { isServer as i } from "lit";
+import { ɵstateController as M } from "../mixins/element-internals-mixin.js";
+const L = "(forced-colors: active)", n = "(prefers-color-scheme: dark)", w = "(any-hover: hover)", A = "(pointer: coarse)", C = `(min-width: ${m})`, _ = `(min-width: ${b})`, q = `(min-width: ${p})`, U = `(min-width: ${f})`, x = `(max-width: ${g})`, E = `(max-width: ${y})`, a = /* @__PURE__ */ new Map();
+class S {
   constructor(e, t) {
     this._queries = t, e.addController(this);
   }
@@ -11,16 +12,16 @@ class p {
    * @returns Whether the query matches or null with SSR.
    */
   matches(e) {
-    return n ? null : matchMedia(e).matches;
+    return i ? null : matchMedia(e).matches;
   }
   hostConnected() {
-    if (!n)
+    if (!i)
       for (const [e, t] of Object.entries(this._queries)) {
         const r = a.get(e);
         if (r)
           r.handlers.add(t);
         else {
-          const o = matchMedia(e), c = /* @__PURE__ */ new Set([t]), d = (u) => c.forEach((l) => l(u.matches));
+          const o = matchMedia(e), c = /* @__PURE__ */ new Set([t]), d = (l) => c.forEach((u) => u(l.matches));
           o.addEventListener("change", d), a.set(e, { mediaQueryList: o, handlers: c, eventHandler: d });
         }
       }
@@ -32,20 +33,20 @@ class p {
     }
   }
 }
-const s = class s extends p {
+const s = class s extends S {
   constructor(e, t) {
     const r = () => {
-      t(this.matches()), this._host.toggleState("dark", this.matches());
+      t(this.matches()), M(this._host).toggle("dark", this.matches());
     };
     super(e, {
-      [i]: r
+      [n]: r
     }), this._host = e, this._onChangeWithStateUpdater = r;
   }
   static _readLightDarkClass() {
-    if (n)
+    if (i)
       return null;
     const e = document.documentElement.classList;
-    return ["light-dark", "dark", "light"].find((t) => e.contains(`sbb-${t}`)) ?? null;
+    return ["sbb-light-dark", "sbb-dark", "sbb-light"].find((t) => e.contains(t)) ?? null;
   }
   /**
    * Requests an update of the dark mode state. This is needed when the color-scheme
@@ -53,24 +54,24 @@ const s = class s extends p {
    */
   // eslint-disable-next-line lyne/needs-super-call-rule
   static requestUpdate() {
-    const e = a.get(i);
+    const e = a.get(n);
     e && e.handlers.forEach((t) => t(e.mediaQueryList.matches));
   }
   hostConnected() {
-    const e = (a.get(i)?.handlers.size ?? 0) === 0;
+    const e = (a.get(n)?.handlers.size ?? 0) === 0;
     super.hostConnected(), e && s._observer.observe(document.documentElement, s._observerConfig), this._onChangeWithStateUpdater();
   }
   hostDisconnected() {
-    super.hostDisconnected(), (a.get(i)?.handlers.size ?? 0) === 0 && s._observer.disconnect();
+    super.hostDisconnected(), (a.get(n)?.handlers.size ?? 0) === 0 && s._observer.disconnect();
   }
   matches() {
-    if (n)
+    if (i)
       return !1;
     const e = getComputedStyle(this._host).getPropertyValue("color-scheme"), t = e.includes("dark"), r = e.trim() === "dark";
-    return super.matches(i) && t || r;
+    return super.matches(n) && t || r;
   }
 };
-s._currentMode = s._readLightDarkClass(), s._observer = n ? null : new MutationObserver((e) => {
+s._currentMode = s._readLightDarkClass(), s._observer = i ? null : new MutationObserver((e) => {
   if (e[0].oldValue !== document.documentElement.getAttribute("class")) {
     const t = s._readLightDarkClass();
     s._currentMode !== t && (s.requestUpdate(), s._currentMode = t);
@@ -82,12 +83,15 @@ s._currentMode = s._readLightDarkClass(), s._observer = n ? null : new MutationO
 let h = s;
 export {
   h as SbbDarkModeController,
-  p as SbbMediaMatcherController,
-  k as SbbMediaQueryBreakpointLargeAndAbove,
-  Q as SbbMediaQueryBreakpointLargeAndBelow,
-  w as SbbMediaQueryBreakpointSmallAndBelow,
-  i as SbbMediaQueryDarkMode,
-  M as SbbMediaQueryForcedColors,
-  S as SbbMediaQueryHover,
-  L as SbbMediaQueryPointerCoarse
+  S as SbbMediaMatcherController,
+  q as SbbMediaQueryBreakpointLargeAndAbove,
+  E as SbbMediaQueryBreakpointLargeAndBelow,
+  _ as SbbMediaQueryBreakpointSmallAndAbove,
+  x as SbbMediaQueryBreakpointSmallAndBelow,
+  U as SbbMediaQueryBreakpointUltraAndAbove,
+  C as SbbMediaQueryBreakpointZeroAndAbove,
+  n as SbbMediaQueryDarkMode,
+  L as SbbMediaQueryForcedColors,
+  w as SbbMediaQueryHover,
+  A as SbbMediaQueryPointerCoarse
 };

package/core/controllers/overlay-position-controller.d.ts

@@ -1,11 +1,12 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { SbbElementInternalsMixinType } from '../mixins.ts';
 /**
  * Controller for managing overlays positioning. Also acts as a polyfill when native
  * CSS Anchor Positioning is not supported (enough).
  * Applies unique anchor names when using native CSS Anchor Positioning
  * or calculates and applies correct positions in polyfill mode.
  *
- * Also, the controller sets the 'data-overlay-position' attribute on the overlay element.
+ * Also, the controller sets the 'data-position' attribute on the overlay element.
  * This can be used to apply specific styles based on the current position of the overlay.
  *
  * ### Implementation
@@ -31,7 +32,7 @@ export declare class SbbOverlayPositionController implements ReactiveController
     private _lastPosition?;
     /** Get the current position. (e.g. block-end, block-start, etc.) */
     get currentPosition(): string;
-    constructor(host: ReactiveControllerHost & HTMLElement, overlay?: HTMLElement, _usePolyfill?: boolean);
+    constructor(host: ReactiveControllerHost & HTMLElement & SbbElementInternalsMixinType, _usePolyfill?: boolean);
     hostConnected(): void;
     hostUpdate(): void;
     /**

package/core/controllers/overlay-position-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-position-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/overlay-position-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAqDrF;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,4BAA6B,YAAW,kBAAkB;IA0BnE,OAAO,CAAC,YAAY;IAzBtB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAEtB;IACV,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAc;IACvC,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,cAAc,CAAC,CAAsB;IAC7C,OAAO,CAAC,MAAM,CAAC,CAA2C;IAC1D,OAAO,CAAC,WAAW,CAAsC;IACzD,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,oEAAoE;IACpE,IAAW,eAAe,IAAI,MAAM,CAOnC;gBAGC,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAC1C,OAAO,CAAC,EAAE,WAAW,EACb,YAAY,UAA8B;IAM7C,aAAa,IAAI,IAAI;IASrB,UAAU,IAAI,IAAI;IAOzB;;;;OAIG;IACI,OAAO,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAmClC,UAAU,IAAI,IAAI;IAOzB,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,kBAAkB;IAY1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAiL3B,OAAO,CAAC,qBAAqB;IAM7B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;CA6B9B"}
+{"version":3,"file":"overlay-position-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/overlay-position-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AAqDjE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,4BAA6B,YAAW,kBAAkB;IAyBnE,OAAO,CAAC,YAAY;IAxBtB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAEtB;IACV,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsE;IAC/F,OAAO,CAAC,gBAAgB,CAAC,CAAkB;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,cAAc,CAAC,CAAsB;IAC7C,OAAO,CAAC,MAAM,CAAC,CAA2C;IAC1D,OAAO,CAAC,WAAW,CAAsC;IACzD,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,oEAAoE;IACpE,IAAW,eAAe,IAAI,MAAM,CAOnC;gBAGC,IAAI,EAAE,sBAAsB,GAAG,WAAW,GAAG,4BAA4B,EACjE,YAAY,UAA8B;IAM7C,aAAa,IAAI,IAAI;IASrB,UAAU,IAAI,IAAI;IAOzB;;;;OAIG;IACI,OAAO,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAmClC,UAAU,IAAI,IAAI;IAOzB,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,kBAAkB;IAa1B;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAiL3B,OAAO,CAAC,qBAAqB;IAM7B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;CA6B9B"}