@sbb-esta/lyne-elements 4.0.0-next.3 → 4.0.0

package/tooltip/tooltip.component.js

@@ -1,28 +1,28 @@
-var O = (o) => {
-  throw TypeError(o);
+var E = (s) => {
+  throw TypeError(s);
 };
-var x = (o, s, a) => s.has(o) || O("Cannot " + a);
-var k = (o, s, a) => (x(o, s, "read from private field"), a ? a.call(o) : s.get(o)), E = (o, s, a) => s.has(o) ? O("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(o) : s.set(o, a), u = (o, s, a, r) => (x(o, s, "write to private field"), r ? r.call(o, a) : s.set(o, a), a);
-import { __esDecorate as b, __runInitializers as c } from "tslib";
-import { css as w, isServer as P, html as S } from "lit";
+var O = (s, o, a) => o.has(s) || E("Cannot " + a);
+var x = (s, o, a) => (O(s, o, "read from private field"), a ? a.call(s) : o.get(s)), k = (s, o, a) => o.has(s) ? E("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, a), g = (s, o, a, l) => (O(s, o, "write to private field"), l ? l.call(s, a) : o.set(s, a), a);
+import { __esDecorate as p, __runInitializers as c } from "tslib";
+import { css as S, isServer as P, html as L } from "lit";
 import { customElement as z, property as h } from "lit/decorators.js";
 import { SbbOpenCloseBaseElement as N } from "../core/base-elements.js";
-import { readConfig as g } from "../core/config.js";
-import { SbbEscapableOverlayController as I, SbbOverlayPositionController as M } from "../core/controllers.js";
-import { idReference as U } from "../core/decorators.js";
-import { queueDomContentLoaded as H, addToListAttribute as q, removeFromListAttribute as Z, isZeroAnimationDuration as j, isAndroid as B, isIOS as $ } from "../core/dom.js";
-import { SbbDisabledMixin as F } from "../core/mixins.js";
+import { readConfig as u } from "../core/config.js";
+import { SbbEscapableOverlayController as B, SbbOverlayPositionController as I } from "../core/controllers.js";
+import { idReference as M } from "../core/decorators.js";
+import { queueDomContentLoaded as U, isZeroAnimationDuration as H, isAndroid as q, isIOS as Z } from "../core/dom.js";
+import { SbbDisabledMixin as j, appendAriaElements as $, removeAriaElements as R } from "../core/mixins.js";
 import { sbbOverlayOutsidePointerEventListener as A } from "../core/overlay.js";
-import { boxSizingStyles as R } from "../core/styles.js";
-const G = w`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host([data-state]:not([data-state=closed])){display:block;--sbb-tooltip-animation-name: open}:host([data-state][data-state=closing]){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, W = 500, Y = B || $, m = /* @__PURE__ */ new WeakMap();
+import { boxSizingStyles as F } from "../core/styles.js";
+const G = S`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block;--sbb-tooltip-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, W = 500, Y = q || Z, m = /* @__PURE__ */ new WeakMap();
 let J = 0, dt = (() => {
-  var d, l;
-  let o = [z("sbb-tooltip")], s, a = [], r, _ = F(N), p = [], y, v = [], f = [], T, C, D;
-  return l = class extends _ {
+  var d, n;
+  let s = [z("sbb-tooltip")], o, a = [], l, _ = j(N), b = [], y, v = [], f = [], T, C, D;
+  return n = class extends _ {
     constructor() {
       super();
-      E(this, d);
-      u(this, d, (c(this, p), c(this, v, null))), this._openDelay = (c(this, f), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new I(this), this._overlayController = new M(this), this.addEventListener("mouseleave", (t) => {
+      k(this, d);
+      g(this, d, (c(this, b), c(this, v, null))), this._openDelay = (c(this, f), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new B(this), this._overlayController = new I(this), this.addEventListener("mouseleave", (t) => {
         (this.state === "opened" || this.state === "opening") && (!t.relatedTarget || !this._triggerElement?.contains(t.relatedTarget)) && this._delayedClose();
       }, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (t) => this._onTooltipAnimationEnd(t), { passive: !0 });
     }
@@ -32,10 +32,10 @@ let J = 0, dt = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return k(this, d);
+      return x(this, d);
     }
     set trigger(t) {
-      u(this, d, t);
+      g(this, d, t);
     }
     /**
      * Open the tooltip after a given delay in milliseconds.
@@ -47,7 +47,7 @@ let J = 0, dt = (() => {
       this._openDelay = t;
     }
     get openDelay() {
-      return this._openDelay ?? g().tooltip?.openDelay ?? 0;
+      return this._openDelay ?? u().tooltip?.openDelay ?? 0;
     }
     /**
      * Close the tooltip after a given delay in milliseconds.
@@ -59,7 +59,7 @@ let J = 0, dt = (() => {
       this._closeDelay = t;
     }
     get closeDelay() {
-      return this._closeDelay ?? g().tooltip?.closeDelay ?? 0;
+      return this._closeDelay ?? u().tooltip?.closeDelay ?? 0;
     }
     /**
      * Automatically close the tooltip after it has been open by long press.
@@ -71,7 +71,7 @@ let J = 0, dt = (() => {
       this._longPressCloseDelay = +t;
     }
     get longPressCloseDelay() {
-      return this._longPressCloseDelay ?? g().tooltip?.longPressCloseDelay ?? 1500;
+      return this._longPressCloseDelay ?? u().tooltip?.longPressCloseDelay ?? 1500;
     }
     static _initializeTooltipOutlet() {
       this._tooltipOutlet = document.createElement("div"), this._tooltipOutlet.classList.add("sbb-overlay-outlet"), document.body.appendChild(this._tooltipOutlet), new MutationObserver((t) => {
@@ -79,7 +79,7 @@ let J = 0, dt = (() => {
           if (e.type === "attributes")
             this._handleTooltipTrigger(e.target);
           else if (e.type === "childList")
-            for (const i of [...e.addedNodes, ...e.removedNodes].filter((n) => n.nodeType === n.ELEMENT_NODE))
+            for (const i of [...e.addedNodes, ...e.removedNodes].filter((r) => r.nodeType === r.ELEMENT_NODE))
               this._handleTooltipTrigger(i), this._findAndHandleTooltipTriggers(i);
       }).observe(document.documentElement, {
         attributeFilter: [
@@ -100,8 +100,8 @@ let J = 0, dt = (() => {
       let i = m.get(t);
       if (e && t.isConnected) {
         i || (i = document.createElement("sbb-tooltip"), m.set(t, i), this._tooltipOutlet.appendChild(i), i.trigger = t), i.textContent = e, i.openDelay = t.hasAttribute("sbb-tooltip-open-delay") ? +t.getAttribute("sbb-tooltip-open-delay") : null, i.closeDelay = t.hasAttribute("sbb-tooltip-close-delay") ? +t.getAttribute("sbb-tooltip-close-delay") : null;
-        const n = t.hasAttribute("sbb-tooltip-position") ? t.getAttribute("sbb-tooltip-position").split(",").map((L) => L.trim()) : t.tooltipPositions;
-        n && n.length > 0 ? (i.style.setProperty("--sbb-overlay-position-area", n[0]), i.style.setProperty("--sbb-overlay-position-try-fallbacks", n.slice(1).join(", "))) : (i.style.removeProperty("--sbb-overlay-position-area"), i.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
+        const r = t.hasAttribute("sbb-tooltip-position") ? t.getAttribute("sbb-tooltip-position").split(",").map((w) => w.trim()) : t.tooltipPositions;
+        r && r.length > 0 ? (i.style.setProperty("--sbb-overlay-position-area", r[0]), i.style.setProperty("--sbb-overlay-position-try-fallbacks", r.slice(1).join(", "))) : (i.style.removeProperty("--sbb-overlay-position-area"), i.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
       } else i && (m.delete(t), i._destroy());
     }
     connectedCallback() {
@@ -138,10 +138,10 @@ let J = 0, dt = (() => {
       t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this._handleClosing();
     }
     _attach(t) {
-      this._triggerElement && this._detach(), this._triggerElement = t, this._triggerElement && (q(this._triggerElement, "aria-describedby", this.id), this._addTriggerEventHandlers());
+      this._triggerElement && this._detach(), this._triggerElement = t, this._triggerElement && (this._triggerElement.ariaDescribedByElements = $(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
     }
     _detach() {
-      this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement && (Z(this._triggerElement, "aria-describedby", this.id), this._triggerElement = null);
+      this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement && (this._triggerElement.ariaDescribedByElements = R(this._triggerElement.ariaDescribedByElements, this), this._triggerElement = null);
     }
     _destroy() {
       this._detach(), this.remove();
@@ -156,8 +156,8 @@ let J = 0, dt = (() => {
         passive: !0
       };
       Y || (t.addEventListener("mouseenter", () => this._delayedOpen(), e), t.addEventListener("mouseleave", (i) => {
-        const n = i.relatedTarget;
-        (!n || n !== this) && this._delayedClose();
+        const r = i.relatedTarget;
+        (!r || r !== this) && this._delayedClose();
       }, e), t.addEventListener("blur", () => this.close(), e), t.addEventListener("focus", () => this._delayedOpen(), e)), t.addEventListener("touchstart", () => {
         clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), W);
       }, e), t.addEventListener("touchend", () => {
@@ -167,30 +167,30 @@ let J = 0, dt = (() => {
       }, e);
     }
     _isZeroAnimationDuration() {
-      return j(this, "--sbb-tooltip-animation-duration");
+      return H(this, "--sbb-tooltip-animation-duration");
     }
     _resetOpenCloseTimeout() {
       clearTimeout(this._openTimeout), clearTimeout(this._closeTimeout);
     }
     render() {
-      return S`
+      return L`
       <div class="sbb-tooltip">
         <slot></slot>
       </div>
     `;
     }
-  }, d = new WeakMap(), r = l, (() => {
+  }, d = new WeakMap(), l = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    y = [U(), h()], T = [h({ attribute: "open-delay", type: Number })], C = [h({ attribute: "close-delay", type: Number })], D = [h({ attribute: "long-press-close-delay", type: Number })], b(l, null, y, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, i) => {
+    y = [M(), h()], T = [h({ attribute: "open-delay", type: Number })], C = [h({ attribute: "close-delay", type: Number })], D = [h({ attribute: "long-press-close-delay", type: Number })], p(n, null, y, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, i) => {
       e.trigger = i;
-    } }, metadata: t }, v, f), b(l, null, T, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, set: (e, i) => {
+    } }, metadata: t }, v, f), p(n, null, T, { kind: "setter", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, set: (e, i) => {
       e.openDelay = i;
-    } }, metadata: t }, null, p), b(l, null, C, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, set: (e, i) => {
+    } }, metadata: t }, null, b), p(n, null, C, { kind: "setter", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, set: (e, i) => {
       e.closeDelay = i;
-    } }, metadata: t }, null, p), b(l, null, D, { kind: "setter", name: "longPressCloseDelay", static: !1, private: !1, access: { has: (e) => "longPressCloseDelay" in e, set: (e, i) => {
+    } }, metadata: t }, null, b), p(n, null, D, { kind: "setter", name: "longPressCloseDelay", static: !1, private: !1, access: { has: (e) => "longPressCloseDelay" in e, set: (e, i) => {
       e.longPressCloseDelay = i;
-    } }, metadata: t }, null, p), b(null, s = { value: r }, o, { kind: "class", name: r.name, metadata: t }, null, a), r = s.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.role = "tooltip", l.styles = [R, G], P || H(() => r._initializeTooltipOutlet()), c(r, a), r;
+    } }, metadata: t }, null, b), p(null, o = { value: l }, s, { kind: "class", name: l.name, metadata: t }, null, a), l = o.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.role = "tooltip", n.styles = [F, G], P || U(() => l._initializeTooltipOutlet()), c(l, a), l;
 })();
 export {
   dt as SbbTooltipElement

package/visual-checkbox/visual-checkbox.component.js

@@ -2,7 +2,7 @@ var I = (e) => {
   throw TypeError(e);
 };
 var j = (e, t, i) => t.has(e) || I("Cannot " + i);
-var h = (e, t, i) => (j(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), v = (e, t, i, o) => (j(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
+var h = (e, t, i) => (j(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), v = (e, t, i, a) => (j(e, t, "write to private field"), a ? a.call(e, i) : t.set(e, i), i);
 import { __esDecorate as k, __runInitializers as r } from "tslib";
 import { css as L, LitElement as M, nothing as T, html as D } from "lit";
 import { customElement as G, property as m } from "lit/decorators.js";
@@ -10,10 +10,10 @@ import { forceType as E } from "../core/decorators.js";
 import { isLean as H } from "../core/dom.js";
 import { SbbDisabledMixin as O, SbbNegativeMixin as $ } from "../core/mixins.js";
 import { boxSizingStyles as C } from "../core/styles.js";
-const N = L`:host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-visual-checkbox-dimension-xs)}:host(:is([size=s],[size=m])){--sbb-visual-checkbox-dimension: var(--sbb-visual-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
+const N = L`:host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
 let U = (() => {
   var l, b, n, c;
-  let e = [G("sbb-visual-checkbox")], t, i = [], o, x = O($(M)), g, _ = [], f = [], p, z = [], y = [], w, S = [], B = [];
+  let e = [G("sbb-visual-checkbox")], t, i = [], a, x = O($(M)), g, _ = [], f = [], p, z = [], y = [], w, S = [], B = [];
   return c = class extends x {
     constructor() {
       super(...arguments);
@@ -26,15 +26,15 @@ let U = (() => {
     get checked() {
       return h(this, l);
     }
-    set checked(a) {
-      v(this, l, a);
+    set checked(o) {
+      v(this, l, o);
     }
     /** Indeterminate state. */
     get indeterminate() {
       return h(this, b);
     }
-    set indeterminate(a) {
-      v(this, b, a);
+    set indeterminate(o) {
+      v(this, b, o);
     }
     /**
      * Size of the checkbox, either xs, s or m.
@@ -43,8 +43,8 @@ let U = (() => {
     get size() {
       return h(this, n);
     }
-    set size(a) {
-      v(this, n, a);
+    set size(o) {
+      v(this, n, o);
     }
     render() {
       return D`
@@ -64,16 +64,16 @@ let U = (() => {
           </svg>` : T}
     `;
     }
-  }, l = new WeakMap(), b = new WeakMap(), n = new WeakMap(), o = c, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+  }, l = new WeakMap(), b = new WeakMap(), n = new WeakMap(), a = c, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
     g = [E(), m({ reflect: !0, type: Boolean })], p = [E(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(c, null, g, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
       s.checked = d;
-    } }, metadata: a }, _, f), k(c, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
+    } }, metadata: o }, _, f), k(c, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
       s.indeterminate = d;
-    } }, metadata: a }, z, y), k(c, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
+    } }, metadata: o }, z, y), k(c, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
       s.size = d;
-    } }, metadata: a }, S, B), k(null, t = { value: o }, e, { kind: "class", name: o.name, metadata: a }, null, i), o = t.value, a && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), c.styles = [C, N], r(o, i), o;
+    } }, metadata: o }, S, B), k(null, t = { value: a }, e, { kind: "class", name: a.name, metadata: o }, null, i), a = t.value, o && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), c.styles = [C, N], r(a, i), a;
 })();
 export {
   U as SbbVisualCheckboxElement

package/checkbox-common-DK5WsQPi.js

@@ -1,5 +0,0 @@
-import { css as e } from "lit";
-const s = e`@charset "UTF-8";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}`;
-export {
-  s as c
-};

package/core/controllers/ancestor-watcher-controller.d.ts

@@ -1,14 +0,0 @@
-import { ReactiveControllerHost, LitElement, ReactiveController } from 'lit';
-type PropertyWatcherHandler<T extends LitElement> = (ancestor: T) => void;
-export declare class SbbAncestorWatcherController<T extends LitElement> implements ReactiveController {
-    private readonly _host;
-    private readonly _ancestorResolver;
-    private readonly _handlers;
-    private _ancestor?;
-    private _watchers?;
-    constructor(_host: ReactiveControllerHost & HTMLElement, _ancestorResolver: () => T | null, _handlers: Partial<Record<keyof T, PropertyWatcherHandler<T>>>);
-    hostConnected(): void;
-    hostDisconnected(): void;
-}
-export {};
-//# sourceMappingURL=ancestor-watcher-controller.d.ts.map

package/core/controllers/ancestor-watcher-controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ancestor-watcher-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/ancestor-watcher-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EACf,KAAK,kBAAkB,EAExB,MAAM,KAAK,CAAC;AAEb,KAAK,sBAAsB,CAAC,CAAC,SAAS,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;AAgD1E,qBAAa,4BAA4B,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAKzF,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS;IAN5B,OAAO,CAAC,SAAS,CAAC,CAAW;IAC7B,OAAO,CAAC,SAAS,CAAC,CAAkC;gBAGjC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,EAAE,MAAM,CAAC,GAAG,IAAI,EACjC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IAK1E,aAAa,IAAI,IAAI;IA0BrB,gBAAgB,IAAI,IAAI;CAgBhC"}

package/core/controllers/ancestor-watcher-controller.js

@@ -1,51 +0,0 @@
-import { isServer as a } from "lit";
-class n {
-  get size() {
-    return this._handlers.size;
-  }
-  constructor(t, s) {
-    this._host = t, this._property = s, this._handlers = /* @__PURE__ */ new Set(), a || customElements.upgrade(this._host), this._value = this._host[this._property];
-  }
-  addHandler(t) {
-    this._handlers.size || this._host.addController(this), this._handlers.add(t), t(this._host);
-  }
-  removeHandler(t) {
-    this._handlers.delete(t), this._handlers.size || this._host.removeController(this);
-  }
-  hostUpdate() {
-    const t = this._host[this._property];
-    if (this._value !== t) {
-      this._value = t;
-      for (const s of this._handlers)
-        s(this._host);
-    }
-  }
-}
-const h = /* @__PURE__ */ new WeakMap();
-class _ {
-  constructor(t, s, e) {
-    this._host = t, this._ancestorResolver = s, this._handlers = e, this._host.addController(this);
-  }
-  hostConnected() {
-    const t = this._ancestorResolver();
-    if (this._ancestor === t || !t)
-      return;
-    this._ancestor = t;
-    let s = h.get(this._ancestor);
-    s || (s = /* @__PURE__ */ new Map(), h.set(this._ancestor, s)), this._watchers = s;
-    for (const [e, i] of Object.entries(this._handlers)) {
-      let r = this._watchers.get(e);
-      r || (r = new n(this._ancestor, e), this._watchers.set(e, r)), r.addHandler(i);
-    }
-  }
-  hostDisconnected() {
-    if (this._ancestor !== this._ancestorResolver())
-      for (const [t, s] of Object.entries(this._handlers)) {
-        const e = this._watchers?.get(t);
-        e && (e.removeHandler(s), e.size || (this._watchers.delete(t), !this._watchers.size && this._ancestor && h.delete(this._ancestor)));
-      }
-  }
-}
-export {
-  _ as SbbAncestorWatcherController
-};

package/core/dom/breakpoint.d.ts

@@ -1,16 +0,0 @@
-export declare const breakpoints: readonly ["zero", "small", "large", "ultra"];
-export type Breakpoint = (typeof breakpoints)[number];
-/**
- * Checks whether the document matches a particular media query.
- * It will rely on the global CSS variables to determine the value of the breakpoints.
- *
- * @param from The breakpoint corresponding to the `min-width` value of the media query (optional).
- * @param to The breakpoint corresponding to the `max-width` value of the media query (optional).
- * @param properties Whether the max breakpoint should be included
- * @returns A boolean indicating whether the window matches the breakpoint.
- * @deprecated use the mediaMatcherController
- */
-export declare function isBreakpoint(from?: Breakpoint, to?: Breakpoint, properties?: {
-    includeMaxBreakpoint: boolean;
-}): boolean | null;
-//# sourceMappingURL=breakpoint.d.ts.map

package/core/dom/breakpoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/breakpoint.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,8CAA+C,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAC1B,IAAI,CAAC,EAAE,UAAU,EACjB,EAAE,CAAC,EAAE,UAAU,EACf,UAAU,CAAC,EAAE;IAAE,oBAAoB,EAAE,OAAO,CAAA;CAAE,GAC7C,OAAO,GAAG,IAAI,CAsBhB"}

package/core/dom/breakpoint.js

@@ -1,12 +0,0 @@
-import { isServer as d } from "lit";
-const s = ["zero", "small", "large", "ultra"];
-function p(n, a, i) {
-  if (d)
-    return null;
-  const o = getComputedStyle(document.documentElement), t = n ? o.getPropertyValue(`--sbb-breakpoint-${n}-min`) : "", e = a ? `${parseFloat(o.getPropertyValue(`--sbb-breakpoint-${a}-${i?.includeMaxBreakpoint ? "max" : "min"}`)) - (i?.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "", r = t && `(min-width: ${t})`, m = e && `(max-width: ${e})`, c = t && e && " and ";
-  return window.matchMedia(`${r}${c}${m}`).matches;
-}
-export {
-  s as breakpoints,
-  p as isBreakpoint
-};

package/core/dom/host-context.d.ts

@@ -1,11 +0,0 @@
-/**
- * Looks for the closest element matching the given selector starting from the given element.
- * Returns null, if none of the ancestor match.
- *
- * @param selector The selector to match ancestor against.
- * @param element The base element from which to start the search.
- * @returns The closest element matching the selector or null if none is found.
- */
-export declare function hostContext(selector: string, element: Element): Element | null;
-export declare const ACTION_ELEMENTS = "a,button,sbb-teaser-hero,sbb-teaser";
-//# sourceMappingURL=host-context.d.ts.map

package/core/dom/host-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"host-context.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/host-context.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAgB9E;AAID,eAAO,MAAM,eAAe,wCAAwC,CAAC"}

package/core/dom/host-context.js

@@ -1,17 +0,0 @@
-import { isServer as s } from "lit";
-function i(r, o) {
-  if (s)
-    return null;
-  for (o = o.parentElement ?? o.getRootNode().host; o && o !== document && o !== window; ) {
-    const t = o.closest(r);
-    if (t)
-      return t;
-    o = o.getRootNode().host;
-  }
-  return null;
-}
-const n = "a,button,sbb-teaser-hero,sbb-teaser";
-export {
-  n as ACTION_ELEMENTS,
-  i as hostContext
-};

package/development/core/controllers/ancestor-watcher-controller.d.ts

@@ -1,14 +0,0 @@
-import { ReactiveControllerHost, LitElement, ReactiveController } from 'lit';
-type PropertyWatcherHandler<T extends LitElement> = (ancestor: T) => void;
-export declare class SbbAncestorWatcherController<T extends LitElement> implements ReactiveController {
-    private readonly _host;
-    private readonly _ancestorResolver;
-    private readonly _handlers;
-    private _ancestor?;
-    private _watchers?;
-    constructor(_host: ReactiveControllerHost & HTMLElement, _ancestorResolver: () => T | null, _handlers: Partial<Record<keyof T, PropertyWatcherHandler<T>>>);
-    hostConnected(): void;
-    hostDisconnected(): void;
-}
-export {};
-//# sourceMappingURL=ancestor-watcher-controller.d.ts.map

package/development/core/controllers/ancestor-watcher-controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ancestor-watcher-controller.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/controllers/ancestor-watcher-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EACf,KAAK,kBAAkB,EAExB,MAAM,KAAK,CAAC;AAEb,KAAK,sBAAsB,CAAC,CAAC,SAAS,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;AAgD1E,qBAAa,4BAA4B,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAKzF,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS;IAN5B,OAAO,CAAC,SAAS,CAAC,CAAW;IAC7B,OAAO,CAAC,SAAS,CAAC,CAAkC;gBAGjC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,EAAE,MAAM,CAAC,GAAG,IAAI,EACjC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IAK1E,aAAa,IAAI,IAAI;IA0BrB,gBAAgB,IAAI,IAAI;CAgBhC"}

package/development/core/controllers/ancestor-watcher-controller.js

@@ -1,87 +0,0 @@
-import { isServer } from "lit";
-class PropertyWatcher {
-  get size() {
-    return this._handlers.size;
-  }
-  constructor(_host, _property) {
-    this._host = _host;
-    this._property = _property;
-    this._handlers = /* @__PURE__ */ new Set();
-    if (!isServer) {
-      customElements.upgrade(this._host);
-    }
-    this._value = this._host[this._property];
-  }
-  addHandler(handler) {
-    if (!this._handlers.size) {
-      this._host.addController(this);
-    }
-    this._handlers.add(handler);
-    handler(this._host);
-  }
-  removeHandler(handler) {
-    this._handlers.delete(handler);
-    if (!this._handlers.size) {
-      this._host.removeController(this);
-    }
-  }
-  hostUpdate() {
-    const currentValue = this._host[this._property];
-    if (this._value !== currentValue) {
-      this._value = currentValue;
-      for (const handler of this._handlers) {
-        handler(this._host);
-      }
-    }
-  }
-}
-const propertyWatchers = /* @__PURE__ */ new WeakMap();
-class SbbAncestorWatcherController {
-  constructor(_host, _ancestorResolver, _handlers) {
-    this._host = _host;
-    this._ancestorResolver = _ancestorResolver;
-    this._handlers = _handlers;
-    this._host.addController(this);
-  }
-  hostConnected() {
-    const ancestor = this._ancestorResolver();
-    if (this._ancestor === ancestor || !ancestor) {
-      return;
-    }
-    this._ancestor = ancestor;
-    let watchers = propertyWatchers.get(this._ancestor);
-    if (!watchers) {
-      watchers = /* @__PURE__ */ new Map();
-      propertyWatchers.set(this._ancestor, watchers);
-    }
-    this._watchers = watchers;
-    for (const [property, handler] of Object.entries(this._handlers)) {
-      let watcher = this._watchers.get(property);
-      if (!watcher) {
-        watcher = new PropertyWatcher(this._ancestor, property);
-        this._watchers.set(property, watcher);
-      }
-      watcher.addHandler(handler);
-    }
-  }
-  hostDisconnected() {
-    if (this._ancestor !== this._ancestorResolver()) {
-      for (const [property, handler] of Object.entries(this._handlers)) {
-        const watcher = this._watchers?.get(property);
-        if (watcher) {
-          watcher.removeHandler(handler);
-          if (!watcher.size) {
-            this._watchers.delete(property);
-            if (!this._watchers.size && this._ancestor) {
-              propertyWatchers.delete(this._ancestor);
-            }
-          }
-        }
-      }
-    }
-  }
-}
-export {
-  SbbAncestorWatcherController
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jZXN0b3Itd2F0Y2hlci1jb250cm9sbGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9jb250cm9sbGVycy9hbmNlc3Rvci13YXRjaGVyLWNvbnRyb2xsZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBSZWFjdGl2ZUNvbnRyb2xsZXJIb3N0LFxuICB0eXBlIExpdEVsZW1lbnQsXG4gIHR5cGUgUmVhY3RpdmVDb250cm9sbGVyLFxuICBpc1NlcnZlcixcbn0gZnJvbSAnbGl0JztcblxudHlwZSBQcm9wZXJ0eVdhdGNoZXJIYW5kbGVyPFQgZXh0ZW5kcyBMaXRFbGVtZW50PiA9IChhbmNlc3RvcjogVCkgPT4gdm9pZDtcblxuY2xhc3MgUHJvcGVydHlXYXRjaGVyPFQgZXh0ZW5kcyBMaXRFbGVtZW50PiBpbXBsZW1lbnRzIFJlYWN0aXZlQ29udHJvbGxlciB7XG4gIHByaXZhdGUgX3ZhbHVlOiB1bmtub3duO1xuICBwcml2YXRlIF9oYW5kbGVycyA9IG5ldyBTZXQ8UHJvcGVydHlXYXRjaGVySGFuZGxlcjxUPj4oKTtcblxuICBwdWJsaWMgZ2V0IHNpemUoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5faGFuZGxlcnMuc2l6ZTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9ob3N0OiBULFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX3Byb3BlcnR5OiBzdHJpbmcsXG4gICkge1xuICAgIGlmICghaXNTZXJ2ZXIpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUodGhpcy5faG9zdCk7XG4gICAgfVxuICAgIHRoaXMuX3ZhbHVlID0gKHRoaXMuX2hvc3QgYXMgdW5rbm93biBhcyBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPilbdGhpcy5fcHJvcGVydHldO1xuICB9XG5cbiAgcHVibGljIGFkZEhhbmRsZXIoaGFuZGxlcjogUHJvcGVydHlXYXRjaGVySGFuZGxlcjxUPik6IHZvaWQge1xuICAgIGlmICghdGhpcy5faGFuZGxlcnMuc2l6ZSkge1xuICAgICAgdGhpcy5faG9zdC5hZGRDb250cm9sbGVyKHRoaXMpO1xuICAgIH1cbiAgICB0aGlzLl9oYW5kbGVycy5hZGQoaGFuZGxlcik7XG4gICAgaGFuZGxlcih0aGlzLl9ob3N0KTtcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVIYW5kbGVyKGhhbmRsZXI6IFByb3BlcnR5V2F0Y2hlckhhbmRsZXI8VD4pOiB2b2lkIHtcbiAgICB0aGlzLl9oYW5kbGVycy5kZWxldGUoaGFuZGxlcik7XG4gICAgaWYgKCF0aGlzLl9oYW5kbGVycy5zaXplKSB7XG4gICAgICB0aGlzLl9ob3N0LnJlbW92ZUNvbnRyb2xsZXIodGhpcyk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGhvc3RVcGRhdGUoKTogdm9pZCB7XG4gICAgY29uc3QgY3VycmVudFZhbHVlID0gKHRoaXMuX2hvc3QgYXMgdW5rbm93biBhcyBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPilbdGhpcy5fcHJvcGVydHldO1xuICAgIGlmICh0aGlzLl92YWx1ZSAhPT0gY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IGN1cnJlbnRWYWx1ZTtcbiAgICAgIGZvciAoY29uc3QgaGFuZGxlciBvZiB0aGlzLl9oYW5kbGVycykge1xuICAgICAgICBoYW5kbGVyKHRoaXMuX2hvc3QpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5jb25zdCBwcm9wZXJ0eVdhdGNoZXJzID0gbmV3IFdlYWtNYXA8TGl0RWxlbWVudCwgTWFwPHN0cmluZywgUHJvcGVydHlXYXRjaGVyPGFueT4+PigpO1xuXG5leHBvcnQgY2xhc3MgU2JiQW5jZXN0b3JXYXRjaGVyQ29udHJvbGxlcjxUIGV4dGVuZHMgTGl0RWxlbWVudD4gaW1wbGVtZW50cyBSZWFjdGl2ZUNvbnRyb2xsZXIge1xuICBwcml2YXRlIF9hbmNlc3Rvcj86IFQgfCBudWxsO1xuICBwcml2YXRlIF93YXRjaGVycz86IE1hcDxzdHJpbmcsIFByb3BlcnR5V2F0Y2hlcjxUPj47XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2hvc3Q6IFJlYWN0aXZlQ29udHJvbGxlckhvc3QgJiBIVE1MRWxlbWVudCxcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9hbmNlc3RvclJlc29sdmVyOiAoKSA9PiBUIHwgbnVsbCxcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9oYW5kbGVyczogUGFydGlhbDxSZWNvcmQ8a2V5b2YgVCwgUHJvcGVydHlXYXRjaGVySGFuZGxlcjxUPj4+LFxuICApIHtcbiAgICB0aGlzLl9ob3N0LmFkZENvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgaG9zdENvbm5lY3RlZCgpOiB2b2lkIHtcbiAgICBjb25zdCBhbmNlc3RvciA9IHRoaXMuX2FuY2VzdG9yUmVzb2x2ZXIoKTtcbiAgICBpZiAodGhpcy5fYW5jZXN0b3IgPT09IGFuY2VzdG9yIHx8ICFhbmNlc3Rvcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX2FuY2VzdG9yID0gYW5jZXN0b3I7XG4gICAgbGV0IHdhdGNoZXJzID0gcHJvcGVydHlXYXRjaGVycy5nZXQodGhpcy5fYW5jZXN0b3IpIGFzXG4gICAgICB8IE1hcDxzdHJpbmcsIFByb3BlcnR5V2F0Y2hlcjxUPj5cbiAgICAgIHwgdW5kZWZpbmVkO1xuICAgIGlmICghd2F0Y2hlcnMpIHtcbiAgICAgIHdhdGNoZXJzID0gbmV3IE1hcCgpO1xuICAgICAgcHJvcGVydHlXYXRjaGVycy5zZXQodGhpcy5fYW5jZXN0b3IsIHdhdGNoZXJzKTtcbiAgICB9XG4gICAgdGhpcy5fd2F0Y2hlcnMgPSB3YXRjaGVycztcblxuICAgIGZvciAoY29uc3QgW3Byb3BlcnR5LCBoYW5kbGVyXSBvZiBPYmplY3QuZW50cmllcyh0aGlzLl9oYW5kbGVycykpIHtcbiAgICAgIGxldCB3YXRjaGVyID0gdGhpcy5fd2F0Y2hlcnMuZ2V0KHByb3BlcnR5KTtcbiAgICAgIGlmICghd2F0Y2hlcikge1xuICAgICAgICB3YXRjaGVyID0gbmV3IFByb3BlcnR5V2F0Y2hlcjxUPih0aGlzLl9hbmNlc3RvciwgcHJvcGVydHkpO1xuICAgICAgICB0aGlzLl93YXRjaGVycy5zZXQocHJvcGVydHksIHdhdGNoZXIpO1xuICAgICAgfVxuICAgICAgd2F0Y2hlci5hZGRIYW5kbGVyKGhhbmRsZXIpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBob3N0RGlzY29ubmVjdGVkKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9hbmNlc3RvciAhPT0gdGhpcy5fYW5jZXN0b3JSZXNvbHZlcigpKSB7XG4gICAgICBmb3IgKGNvbnN0IFtwcm9wZXJ0eSwgaGFuZGxlcl0gb2YgT2JqZWN0LmVudHJpZXModGhpcy5faGFuZGxlcnMpKSB7XG4gICAgICAgIGNvbnN0IHdhdGNoZXIgPSB0aGlzLl93YXRjaGVycz8uZ2V0KHByb3BlcnR5KTtcbiAgICAgICAgaWYgKHdhdGNoZXIpIHtcbiAgICAgICAgICB3YXRjaGVyLnJlbW92ZUhhbmRsZXIoaGFuZGxlcik7XG4gICAgICAgICAgaWYgKCF3YXRjaGVyLnNpemUpIHtcbiAgICAgICAgICAgIHRoaXMuX3dhdGNoZXJzIS5kZWxldGUocHJvcGVydHkpO1xuICAgICAgICAgICAgaWYgKCF0aGlzLl93YXRjaGVycyEuc2l6ZSAmJiB0aGlzLl9hbmNlc3Rvcikge1xuICAgICAgICAgICAgICBwcm9wZXJ0eVdhdGNoZXJzLmRlbGV0ZSh0aGlzLl9hbmNlc3Rvcik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQVNBLE1BQU0sZ0JBQWU7QUFBQSxFQUluQixJQUFXLE9BQUk7QUFDYixXQUFPLEtBQUssVUFBVTtBQUFBLEVBQ3hCO0FBQUEsRUFFQSxZQUNtQixPQUNBLFdBQWlCO0FBRGpCLFNB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

package/development/core/dom/breakpoint.d.ts

@@ -1,16 +0,0 @@
-export declare const breakpoints: readonly ["zero", "small", "large", "ultra"];
-export type Breakpoint = (typeof breakpoints)[number];
-/**
- * Checks whether the document matches a particular media query.
- * It will rely on the global CSS variables to determine the value of the breakpoints.
- *
- * @param from The breakpoint corresponding to the `min-width` value of the media query (optional).
- * @param to The breakpoint corresponding to the `max-width` value of the media query (optional).
- * @param properties Whether the max breakpoint should be included
- * @returns A boolean indicating whether the window matches the breakpoint.
- * @deprecated use the mediaMatcherController
- */
-export declare function isBreakpoint(from?: Breakpoint, to?: Breakpoint, properties?: {
-    includeMaxBreakpoint: boolean;
-}): boolean | null;
-//# sourceMappingURL=breakpoint.d.ts.map

package/development/core/dom/breakpoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/dom/breakpoint.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,8CAA+C,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAC1B,IAAI,CAAC,EAAE,UAAU,EACjB,EAAE,CAAC,EAAE,UAAU,EACf,UAAU,CAAC,EAAE;IAAE,oBAAoB,EAAE,OAAO,CAAA;CAAE,GAC7C,OAAO,GAAG,IAAI,CAsBhB"}

package/development/core/dom/breakpoint.js

@@ -1,19 +0,0 @@
-import { isServer } from "lit";
-const breakpoints = ["zero", "small", "large", "ultra"];
-function isBreakpoint(from, to, properties) {
-  if (isServer) {
-    return null;
-  }
-  const computedStyle = getComputedStyle(document.documentElement);
-  const breakpointMin = from ? computedStyle.getPropertyValue(`--sbb-breakpoint-${from}-min`) : "";
-  const breakpointMax = to ? `${parseFloat(computedStyle.getPropertyValue(`--sbb-breakpoint-${to}-${properties?.includeMaxBreakpoint ? "max" : "min"}`)) - (properties?.includeMaxBreakpoint ? 0 : 0.0625)}rem` : "";
-  const minWidth = breakpointMin && `(min-width: ${breakpointMin})`;
-  const maxWidth = breakpointMax && `(max-width: ${breakpointMax})`;
-  const and = breakpointMin && breakpointMax && " and ";
-  return window.matchMedia(`${minWidth}${and}${maxWidth}`).matches;
-}
-export {
-  breakpoints,
-  isBreakpoint
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvcmUvZG9tL2JyZWFrcG9pbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNTZXJ2ZXIgfSBmcm9tICdsaXQnO1xuXG5leHBvcnQgY29uc3QgYnJlYWtwb2ludHMgPSBbJ3plcm8nLCAnc21hbGwnLCAnbGFyZ2UnLCAndWx0cmEnXSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEJyZWFrcG9pbnQgPSAodHlwZW9mIGJyZWFrcG9pbnRzKVtudW1iZXJdO1xuXG4vKipcbiAqIENoZWNrcyB3aGV0aGVyIHRoZSBkb2N1bWVudCBtYXRjaGVzIGEgcGFydGljdWxhciBtZWRpYSBxdWVyeS5cbiAqIEl0IHdpbGwgcmVseSBvbiB0aGUgZ2xvYmFsIENTUyB2YXJpYWJsZXMgdG8gZGV0ZXJtaW5lIHRoZSB2YWx1ZSBvZiB0aGUgYnJlYWtwb2ludHMuXG4gKlxuICogQHBhcmFtIGZyb20gVGhlIGJyZWFrcG9pbnQgY29ycmVzcG9uZGluZyB0byB0aGUgYG1pbi13aWR0aGAgdmFsdWUgb2YgdGhlIG1lZGlhIHF1ZXJ5IChvcHRpb25hbCkuXG4gKiBAcGFyYW0gdG8gVGhlIGJyZWFrcG9pbnQgY29ycmVzcG9uZGluZyB0byB0aGUgYG1heC13aWR0aGAgdmFsdWUgb2YgdGhlIG1lZGlhIHF1ZXJ5IChvcHRpb25hbCkuXG4gKiBAcGFyYW0gcHJvcGVydGllcyBXaGV0aGVyIHRoZSBtYXggYnJlYWtwb2ludCBzaG91bGQgYmUgaW5jbHVkZWRcbiAqIEByZXR1cm5zIEEgYm9vbGVhbiBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHdpbmRvdyBtYXRjaGVzIHRoZSBicmVha3BvaW50LlxuICogQGRlcHJlY2F0ZWQgdXNlIHRoZSBtZWRpYU1hdGNoZXJDb250cm9sbGVyXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBpc0JyZWFrcG9pbnQoXG4gIGZyb20/OiBCcmVha3BvaW50LFxuICB0bz86IEJyZWFrcG9pbnQsXG4gIHByb3BlcnRpZXM/OiB7IGluY2x1ZGVNYXhCcmVha3BvaW50OiBib29sZWFuIH0sXG4pOiBib29sZWFuIHwgbnVsbCB7XG4gIGlmIChpc1NlcnZlcikge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgY29tcHV0ZWRTdHlsZSA9IGdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KTtcbiAgY29uc3QgYnJlYWtwb2ludE1pbiA9IGZyb20gPyBjb21wdXRlZFN0eWxlLmdldFByb3BlcnR5VmFsdWUoYC0tc2JiLWJyZWFrcG9pbnQtJHtmcm9tfS1taW5gKSA6ICcnO1xuICBjb25zdCBicmVha3BvaW50TWF4ID0gdG9cbiAgICA/IGAke1xuICAgICAgICBwYXJzZUZsb2F0KFxuICAgICAgICAgIGNvbXB1dGVkU3R5bGUuZ2V0UHJvcGVydHlWYWx1ZShcbiAgICAgICAgICAgIGAtLXNiYi1icmVha3BvaW50LSR7dG99LSR7cHJvcGVydGllcz8uaW5jbHVkZU1heEJyZWFrcG9pbnQgPyAnbWF4JyA6ICdtaW4nfWAsXG4gICAgICAgICAgKSxcbiAgICAgICAgKSAtIChwcm9wZXJ0aWVzPy5pbmNsdWRlTWF4QnJlYWtwb2ludCA/IDAgOiAwLjA2MjUpXG4gICAgICB9cmVtYFxuICAgIDogJyc7IC8vIHN1YnRyYWN0IDFweCAoMC4wNjI1cmVtKSBmcm9tIHRoZSBtYXgtd2lkdGggYnJlYWtwb2ludFxuXG4gIGNvbnN0IG1pbldpZHRoID0gYnJlYWtwb2ludE1pbiAmJiBgKG1pbi13aWR0aDogJHticmVha3BvaW50TWlufSlgO1xuICBjb25zdCBtYXhXaWR0aCA9IGJyZWFrcG9pbnRNYXggJiYgYChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludE1heH0pYDtcbiAgY29uc3QgYW5kID0gYnJlYWtwb2ludE1pbiAmJiBicmVha3BvaW50TWF4ICYmICcgYW5kICc7XG5cbiAgcmV0dXJuIHdpbmRvdy5tYXRjaE1lZGlhKGAke21pbldpZHRofSR7YW5kfSR7bWF4V2lkdGh9YCkubWF0Y2hlcztcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRU8sTUFBTSxjQUFjLENBQUMsUUFBUSxTQUFTLFNBQVMsT0FBTztTQWE3QyxhQUNkLE1BQ0EsSUFDQSxZQUE4QztBQUU5QyxNQUFJLFVBQVU7QUFDWixXQUFPO0FBQUEsRUFDVDtBQUVBLFFBQU0sZ0JBQWdCLGlCQUFpQixTQUFTLGVBQWU7QUFDL0QsUUFBTSxnQkFBZ0IsT0FBTyxjQUFjLGlCQUFpQixvQkFBb0IsSUFBSSxNQUFNLElBQUk7QUFDOUYsUUFBTSxnQkFBZ0IsS0FDbEIsR0FDRSxXQUNFLGNBQWMsaUJBQ1osb0JBQW9CLEVBQUUsSUFBSSxZQUFZLHVCQUF1QixRQUFRLEtBQUssRUFBRSxDQUM3RSxLQUNFLFlBQVksdUJBQXVCLElBQUksT0FDOUMsUUFDQTtBQUVKLFFBQU0sV0FBVyxpQkFBaUIsZUFBZSxhQUFhO0FBQzlELFFBQU0sV0FBVyxpQkFBaUIsZUFBZSxhQUFhO0FBQzlELFFBQU0sTUFBTSxpQkFBaUIsaUJBQWlCO0FBRTlDLFNBQU8sT0FBTyxXQUFXLEdBQUcsUUFBUSxHQUFHLEdBQUcsR0FBRyxRQUFRLEVBQUUsRUFBRTtBQUMzRDsifQ==

package/development/core/dom/host-context.d.ts

@@ -1,11 +0,0 @@
-/**
- * Looks for the closest element matching the given selector starting from the given element.
- * Returns null, if none of the ancestor match.
- *
- * @param selector The selector to match ancestor against.
- * @param element The base element from which to start the search.
- * @returns The closest element matching the selector or null if none is found.
- */
-export declare function hostContext(selector: string, element: Element): Element | null;
-export declare const ACTION_ELEMENTS = "a,button,sbb-teaser-hero,sbb-teaser";
-//# sourceMappingURL=host-context.d.ts.map

package/development/core/dom/host-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"host-context.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/dom/host-context.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAgB9E;AAID,eAAO,MAAM,eAAe,wCAAwC,CAAC"}