@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/core/mixins/named-slot-list-mixin.js

@@ -0,0 +1,102 @@
+var C = (l) => {
+  throw TypeError(l);
+};
+var p = (l, i, s) => i.has(l) || C("Cannot " + s);
+var S = (l, i, s) => (p(l, i, "read from private field"), s ? s.call(l) : i.get(l)), f = (l, i, s) => i.has(l) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(l) : i.set(l, s), c = (l, i, s, o) => (p(l, i, "write to private field"), o ? o.call(l, s) : i.set(l, s), s);
+import { __runInitializers as _, __esDecorate as $ } from "tslib";
+import { nothing as m, html as h } from "lit";
+import { state as L } from "lit/decorators.js";
+import { SbbHydrationMixin as N } from "./hydration-mixin.js";
+import "../../screen-reader-only.js";
+const g = "data-ssr-child-count", y = "li", O = (l) => (() => {
+  var a, n;
+  let s = N(l), o, u = [], b = [];
+  return n = class extends s {
+    constructor() {
+      super(...arguments);
+      f(this, a);
+      c(this, a, _(this, u, [])), this._handleSlotchange = (_(this, b), () => {
+        const e = Array.from(this.children ?? []).filter((t) => this.listChildLocalNames.includes(t.localName));
+        e.length === this.listChildren.length && this.listChildren.every((t, r) => e[r] === t) || (this.listChildren.filter((t) => !e.includes(t)).forEach((t) => t.removeAttribute("slot")), this.listChildren = e, this.listChildren.forEach((t, r) => t.setAttribute("slot", `${y}-${r}`)), this.removeAttribute(g));
+      });
+    }
+    /**
+     * A list of children with the defined tag names.
+     * This array is only updated if there is an actual change
+     * to the child elements.
+     */
+    get listChildren() {
+      return S(this, a);
+    }
+    set listChildren(e) {
+      c(this, a, e);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.shadowRoot?.addEventListener("slotchange", this._handleSlotchange, { passive: !0 });
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._handleSlotchange);
+    }
+    /**
+     * Renders list and list slots for slotted children or a number of list slots
+     * corresponding to the `data-ssr-child-count` attribute value.
+     *
+     * This is a possible optimization for SSR, as in an SSR Lit environment
+     * other elements are not available, but might be available in the meta
+     * framework wrapper (like e.g. React). This allows to provide the number of
+     * children to be passed via the `data-ssr-child-count` attribute value.
+     */
+    renderList(e = {}, t = {}) {
+      const r = this.listSlotEntries(t);
+      return r.length >= 2 ? h`
+          <ul
+            class=${e.class || this.localName}
+            aria-label=${e.ariaLabel || m}
+            aria-labelledby=${e.ariaLabelledby || m}
+          >
+            ${r.map((d) => h`
+                <li aria-hidden=${d.ariaHidden || m}>
+                  <slot name=${d.name}></slot>
+                </li>
+              `)}
+          </ul>
+          ${this.renderHiddenSlot()}
+        ` : r.length === 1 ? h`<sbb-screen-reader-only>${e.ariaLabel}</sbb-screen-reader-only>
+          <span class=${e.class || this.localName}>
+            <span><slot name=${r[0].name}></slot></span>
+          </span>
+          ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
+    }
+    /**
+     * Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;
+     * its length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.
+     *
+     * This is a possible optimization for SSR, as in an SSR Lit environment
+     * other elements are not available, but might be available in the meta
+     * framework wrapper (like e.g. React). This allows to provide the number of
+     * children to be passed via the `data-ssr-child-count` attribute value.
+     */
+    listSlotEntries(e) {
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(g) ?? 0) })).map((r, d) => ({
+        name: `${y}-${d}`,
+        ariaHidden: e?.localNameVisualOnly?.includes(r.localName) ?? !1
+      }));
+    }
+    /**
+     * Returns a hidden slot, which is intended as the children change detection.
+     * When an element without a slot attribute is slotted to the element, it triggers
+     * the slotchange event, which can be used to assign it to the appropriate named slot.
+     */
+    renderHiddenSlot() {
+      return h`<span hidden><slot></slot></span>`;
+    }
+  }, a = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    o = [L()], $(n, null, o, { kind: "accessor", name: "listChildren", static: !1, private: !1, access: { has: (t) => "listChildren" in t, get: (t) => t.listChildren, set: (t, r) => {
+      t.listChildren = r;
+    } }, metadata: e }, u, b), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n;
+})();
+export {
+  O as SbbNamedSlotListMixin
+};

package/core/mixins/negative-mixin.js

@@ -0,0 +1,34 @@
+var m = (e) => {
+  throw TypeError(e);
+};
+var u = (e, t, a) => t.has(e) || m("Cannot " + a);
+var g = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), v = (e, t, a) => t.has(e) ? m("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), b = (e, t, a, r) => (u(e, t, "write to private field"), r ? r.call(e, a) : t.set(e, a), a);
+import { __esDecorate as _, __runInitializers as f } from "tslib";
+import { property as d } from "lit/decorators.js";
+import { forceType as y } from "../decorators.js";
+const I = (e) => (() => {
+  var s, i;
+  let a = e, r, l = [], c = [];
+  return i = class extends a {
+    constructor() {
+      super(...arguments);
+      v(this, s, f(this, l, !1));
+      f(this, c);
+    }
+    /** Negative coloring variant flag. */
+    get negative() {
+      return g(this, s);
+    }
+    set negative(n) {
+      b(this, s, n);
+    }
+  }, s = new WeakMap(), (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    r = [y(), d({ reflect: !0, type: Boolean })], _(i, null, r, { kind: "accessor", name: "negative", static: !1, private: !1, access: { has: (o) => "negative" in o, get: (o) => o.negative, set: (o, p) => {
+      o.negative = p;
+    } }, metadata: n }, l, c), n && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), i;
+})();
+export {
+  I as SbbNegativeMixin
+};

package/core/mixins/panel-mixin.js

@@ -0,0 +1,71 @@
+var C = (t) => {
+  throw TypeError(t);
+};
+var B = (t, a, r) => a.has(t) || C("Cannot " + r);
+var u = (t, a, r) => (B(t, a, "read from private field"), r ? r.call(t) : a.get(t)), h = (t, a, r) => a.has(t) ? C("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), m = (t, a, r, n) => (B(t, a, "write to private field"), n ? n.call(t, r) : a.set(t, r), r);
+import { __esDecorate as b, __runInitializers as l } from "tslib";
+import { property as f } from "lit/decorators.js";
+import { forceType as D, getOverride as L } from "../decorators.js";
+import { isLean as M } from "../dom.js";
+const H = (t) => (() => {
+  var c, d, _, p, i;
+  let r = t, n, z = [], x = [], g, S = [], v = [], y, k = [], I = [], w, O = [], j = [];
+  return i = class extends r {
+    constructor() {
+      super(...arguments);
+      h(this, c, l(this, z, "white"));
+      h(this, d, (l(this, x), l(this, S, !1)));
+      h(this, _, (l(this, v), l(this, k, "")));
+      h(this, p, (l(this, I), l(this, O, M() ? "xs" : "m")));
+      l(this, j);
+    }
+    /** The background color of the panel. */
+    get color() {
+      return u(this, c);
+    }
+    set color(s) {
+      m(this, c, s);
+    }
+    /** Whether the unselected panel has a border. */
+    get borderless() {
+      return u(this, d);
+    }
+    set borderless(s) {
+      m(this, d, s);
+    }
+    /** @internal used for accessibility label when in expansion panel */
+    get expansionState() {
+      return u(this, _);
+    }
+    set expansionState(s) {
+      m(this, _, s);
+    }
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return u(this, p);
+    }
+    set size(s) {
+      m(this, p, s);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.dispatchEvent(new Event("panelconnected", { bubbles: !0 }));
+    }
+  }, c = new WeakMap(), d = new WeakMap(), _ = new WeakMap(), p = new WeakMap(), (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    n = [f({ reflect: !0 })], g = [D(), f({ reflect: !0, type: Boolean })], y = [D(), f()], w = [f({ reflect: !0 }), L((e, o) => e.group?.size ?? o)], b(i, null, n, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, o) => {
+      e.color = o;
+    } }, metadata: s }, z, x), b(i, null, g, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, o) => {
+      e.borderless = o;
+    } }, metadata: s }, S, v), b(i, null, y, { kind: "accessor", name: "expansionState", static: !1, private: !1, access: { has: (e) => "expansionState" in e, get: (e) => e.expansionState, set: (e, o) => {
+      e.expansionState = o;
+    } }, metadata: s }, k, I), b(i, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, o) => {
+      e.size = o;
+    } }, metadata: s }, O, j), s && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), i;
+})();
+export {
+  H as SbbPanelMixin
+};

package/core/mixins/readonly-mixin.js

@@ -0,0 +1,35 @@
+var y = (e) => {
+  throw TypeError(e);
+};
+var u = (e, t, a) => t.has(e) || y("Cannot " + a);
+var o = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), c = (e, t, a) => t.has(e) ? y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), m = (e, t, a, n) => (u(e, t, "write to private field"), n ? n.call(e, a) : t.set(e, a), a);
+import { __esDecorate as f, __runInitializers as p } from "tslib";
+import { property as O } from "lit/decorators.js";
+const x = (e) => (() => {
+  var l, r;
+  let a = e, n = [], d;
+  return r = class extends a {
+    constructor() {
+      super(...arguments);
+      c(this, l, (p(this, n), !1));
+    }
+    /**
+     * Whether the component is readonly.
+     * @default false
+     */
+    set readOnly(i) {
+      m(this, l, !!i), this.toggleAttribute("readonly", o(this, l));
+    }
+    get readOnly() {
+      return o(this, l);
+    }
+  }, l = new WeakMap(), (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    d = [O({ type: Boolean, attribute: "readonly" })], f(r, null, d, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (s) => "readOnly" in s, set: (s, b) => {
+      s.readOnly = b;
+    } }, metadata: i }, null, n), i && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), r;
+})();
+export {
+  x as SbbReadonlyMixin
+};

package/core/mixins/required-mixin.js

@@ -0,0 +1,36 @@
+import { __runInitializers as n, __esDecorate as d } from "tslib";
+import { property as o } from "lit/decorators.js";
+const b = (l) => (() => {
+  var t;
+  let i = l, a = [], s;
+  return t = class extends i {
+    constructor() {
+      super(...arguments), this._required = (n(this, a), !1);
+    }
+    /** Whether the component is required. */
+    set required(e) {
+      this._required = !!e;
+    }
+    get required() {
+      return this._required || this.isRequiredExternally();
+    }
+    willUpdate(e) {
+      super.willUpdate(e), e.has("required") && (this.internals.ariaRequired = `${this.required}`);
+    }
+    /**
+     * Will be used as 'or' check to the current required state.
+     * Can e.g. be used to read required state of a group.
+     */
+    isRequiredExternally() {
+      return !1;
+    }
+  }, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    s = [o({ reflect: !0, type: Boolean })], d(t, null, s, { kind: "setter", name: "required", static: !1, private: !1, access: { has: (r) => "required" in r, set: (r, u) => {
+      r.required = u;
+    } }, metadata: e }, null, a), e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), t;
+})();
+export {
+  b as SbbRequiredMixin
+};

package/core/mixins/selection-panel-mixin.js

@@ -0,0 +1,39 @@
+import { SbbPropertyWatcherController as o } from "../controllers.js";
+import { SbbElementInternalsMixin as r } from "./element-internals-mixin.js";
+const h = (t) => {
+  class s extends r(t) {
+    /** Group element if present */
+    get group() {
+      return this.closest?.("sbb-radio-button-group, sbb-checkbox-group") ?? null;
+    }
+    /** Input panel element */
+    get panel() {
+      return this.querySelector?.("sbb-radio-button-panel, sbb-checkbox-panel") ?? null;
+    }
+    constructor(...i) {
+      super(i), this._propertyWatcher = new o(this, () => this.panel, {
+        checked: (e) => {
+          this.toggleState("checked", e.checked), this.onInputStateChange?.();
+        },
+        disabled: (e) => {
+          this.toggleState("disabled", e.disabled), this.onInputStateChange?.();
+        },
+        size: (e) => {
+          this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
+        },
+        borderless: (e) => {
+          this.toggleState("borderless", e.borderless);
+        },
+        color: (e) => {
+          this._previousColor && this.internals.states.delete(`color-${this._previousColor}`), this._previousColor = e.color, this._previousColor && this.internals.states.add(`color-${this._previousColor}`);
+        }
+      }), this.addEventListener?.("panelconnected", () => this._propertyWatcher.connect());
+    }
+    onInputStateChange() {
+    }
+  }
+  return s;
+};
+export {
+  h as SbbSelectionPanelMixin
+};

package/core/mixins/update-scheduler-mixin.js

@@ -0,0 +1,22 @@
+const r = (t) => {
+  class s extends t {
+    constructor() {
+      super(...arguments), this._updatePromise = Promise.resolve(), this._updateResolve = () => {
+      };
+    }
+    startUpdate() {
+      this._updatePromise = new Promise((e) => this._updateResolve = e);
+    }
+    completeUpdate() {
+      this._updateResolve();
+    }
+    async getUpdateComplete() {
+      const e = await super.getUpdateComplete();
+      return await this._updatePromise, e;
+    }
+  }
+  return s;
+};
+export {
+  r as SbbUpdateSchedulerMixin
+};

package/core/mixins.js

@@ -0,0 +1,41 @@
+import { SbbAnimationCompleteMixin as b } from "./mixins/animation-complete-mixin.js";
+import { SbbDisabledInteractiveMixin as a, SbbDisabledMixin as r, SbbDisabledTabIndexActionMixin as l } from "./mixins/disabled-mixin.js";
+import { SbbElementInternalsMixin as c, appendAriaElements as p, removeAriaElements as u, ɵstateController as x } from "./mixins/element-internals-mixin.js";
+import { SbbFormAssociatedCheckboxMixin as v } from "./mixins/form-associated-checkbox-mixin.js";
+import { SbbFormAssociatedInputMixin as h } from "./mixins/form-associated-input-mixin.js";
+import { SbbFormAssociatedMixin as g } from "./mixins/form-associated-mixin.js";
+import { SbbFormAssociatedRadioButtonMixin as M, radioButtonRegistry as w } from "./mixins/form-associated-radio-button-mixin.js";
+import { SbbHydrationMixin as A } from "./mixins/hydration-mixin.js";
+import { SbbNamedSlotListMixin as F } from "./mixins/named-slot-list-mixin.js";
+import { SbbNegativeMixin as R } from "./mixins/negative-mixin.js";
+import { SbbPanelMixin as D } from "./mixins/panel-mixin.js";
+import { SbbRequiredMixin as B } from "./mixins/required-mixin.js";
+import { SbbReadonlyMixin as P } from "./mixins/readonly-mixin.js";
+import { SbbSelectionPanelMixin as q } from "./mixins/selection-panel-mixin.js";
+import { SbbUpdateSchedulerMixin as L } from "./mixins/update-scheduler-mixin.js";
+import { css as e } from "lit";
+const n = e`:host{--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-selection-panel-background-default) );--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-selection-panel-border-width-default) );--sbb-selection-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:block;outline:none!important}:host([size=xs]){--sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-xs);--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-xs) var(--sbb-selection-panel-input-padding-inline-xs)}:host([size=s]){--sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-s);--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-s) var(--sbb-selection-panel-input-padding-inline-s)}:host([size=m]){--sbb-selection-panel-checkbox-dimension: var(--sbb-checkbox-dimension-m);--sbb-selection-panel-input-padding: var(--sbb-selection-panel-input-padding-block-m) var(--sbb-selection-panel-input-padding-inline-m)}:host([color=milk]){--sbb-selection-panel-background: var( --sbb-selection-panel-inner-background, var(--sbb-selection-panel-background-milk) )}:host([borderless]:not(:is(:state(checked),[state--checked]))){--sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-borderless)}:host(:is(:is(:state(checked),[state--checked])):not(:disabled,[disabled])){--sbb-selection-panel-border-color: var(--sbb-selection-panel-border-color-checked);--sbb-selection-panel-border-width: var( --sbb-selection-panel-inner-border-width, var(--sbb-selection-panel-border-width-checked) )}:host(:is(:disabled,[disabled])){--sbb-selection-panel-cursor: var(--sbb-cursor-default)}.sbb-selection-panel{display:block;cursor:var(--sbb-selection-panel-cursor);position:relative;border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-panel-border-width) var(--sbb-selection-panel-border-color);padding:var(--sbb-selection-panel-input-padding);background-color:var(--sbb-selection-panel-background);transition-duration:var(--sbb-selection-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:box-shadow}@media(forced-colors:active){.sbb-selection-panel:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;border:var(--sbb-selection-panel-border-width) solid var(--sbb-selection-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius)}}:host(:focus-visible) .sbb-selection-panel{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-selection-panel__badge{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0;border-radius:var(--sbb-selection-panel-border-radius);overflow:hidden}slot[name=suffix]{color:var(--sbb-selection-panel-suffix-color)}slot[name=subtext]{display:block;color:var(--sbb-selection-panel-subtext-color);padding-inline-start:calc(var(--sbb-selection-panel-checkbox-dimension) + var(--sbb-spacing-fixed-2x))}:host(:not(:is(:state(slotted-subtext),[state--slotted-subtext]))) slot[name=subtext]{display:none}`;
+export {
+  b as SbbAnimationCompleteMixin,
+  a as SbbDisabledInteractiveMixin,
+  r as SbbDisabledMixin,
+  l as SbbDisabledTabIndexActionMixin,
+  c as SbbElementInternalsMixin,
+  v as SbbFormAssociatedCheckboxMixin,
+  h as SbbFormAssociatedInputMixin,
+  g as SbbFormAssociatedMixin,
+  M as SbbFormAssociatedRadioButtonMixin,
+  A as SbbHydrationMixin,
+  F as SbbNamedSlotListMixin,
+  R as SbbNegativeMixin,
+  D as SbbPanelMixin,
+  P as SbbReadonlyMixin,
+  B as SbbRequiredMixin,
+  q as SbbSelectionPanelMixin,
+  L as SbbUpdateSchedulerMixin,
+  p as appendAriaElements,
+  n as panelCommonStyle,
+  w as radioButtonRegistry,
+  u as removeAriaElements,
+  x as ɵstateController
+};

package/core/overlay/overlay-option-panel.js

@@ -0,0 +1,17 @@
+import { ɵstateController as l } from "../mixins.js";
+import { getElementPosition as r } from "./position.js";
+function y(i, t, a, n, o, p = "auto") {
+  if (!i || !t)
+    return;
+  o.style.setProperty("--sbb-options-panel-width", `${t.offsetWidth}px`), o.style.setProperty("--sbb-options-panel-origin-height", `${t.offsetHeight}px`);
+  const e = r(a, t, n, {
+    forceBelow: p === "below",
+    forceAbove: p === "above"
+  });
+  o.style.setProperty("--sbb-options-panel-position-x", `${e.left}px`), o.style.setProperty("--sbb-options-panel-position-y", `${e.top}px`), o.style.setProperty("--sbb-options-panel-max-height-calculated", e.maxHeight);
+  const s = l(o);
+  e.alignment.vertical === "above" ? (s.add("options-panel-position-above"), s.delete("options-panel-position-below")) : (s.add("options-panel-position-below"), s.delete("options-panel-position-above")), t.setAttribute("data-options-panel-position", e.alignment.vertical);
+}
+export {
+  y as setOverlayPosition
+};

package/core/overlay/overlay-outside-pointer-event-listener.js

@@ -0,0 +1,37 @@
+import { containsPierceShadowDom as r, isIOS as i, isAndroid as n } from "../dom.js";
+class a {
+  constructor() {
+    this._overlays = /* @__PURE__ */ new Set(), this._pointerDownListener = (t) => {
+      this._pointerDownEventTarget = t.composedPath()[0];
+    }, this._clickListener = (t) => {
+      const e = t.composedPath()[0], s = t.type === "click" && this._pointerDownEventTarget ? this._pointerDownEventTarget : e;
+      this._pointerDownEventTarget = void 0;
+      for (const o of Array.from(this._overlays).reverse()) {
+        if (r(o, e) || r(o, s))
+          break;
+        o.dispatchEvent(new CustomEvent("overlayOutsidePointer"));
+      }
+    };
+  }
+  connect(t) {
+    this._overlays.size || (this._addGlobalEventListeners(), i && (this._cursorOriginalValue = document.body.style.cursor, document.body.style.cursor = "pointer")), this._overlays.add(t);
+  }
+  disconnect(t) {
+    this._overlays.delete(t), this._overlays.size || (this._abortController?.abort(), this._abortController = void 0, i && (document.body.style.cursor = this._cursorOriginalValue));
+  }
+  _addGlobalEventListeners() {
+    const t = document.body;
+    this._abortController = new AbortController();
+    const e = {
+      capture: !0,
+      passive: !0,
+      signal: this._abortController.signal
+    };
+    t.addEventListener("click", this._clickListener, e), !n && !i && (t.addEventListener("pointerdown", this._pointerDownListener, e), t.addEventListener("auxclick", this._clickListener, e), t.addEventListener("contextmenu", this._clickListener, e));
+  }
+}
+const d = new a();
+export {
+  a as SbbOverlayOutsidePointerEventListener,
+  d as sbbOverlayOutsidePointerEventListener
+};

package/core/overlay/overlay-trigger-attributes.js

@@ -0,0 +1,18 @@
+function u(t, e, a, o) {
+  t && (t.setAttribute("aria-haspopup", e), t.setAttribute("aria-controls", a), t.setAttribute("aria-expanded", `${o === "opening" || o === "opened"}`));
+}
+function i(t) {
+  t && (t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-controls"), t.removeAttribute("aria-expanded"));
+}
+function r(t, e, a, o = "listbox") {
+  t && (t.setAttribute("autocomplete", "off"), t.setAttribute("role", "combobox"), t.setAttribute("aria-autocomplete", "list"), t.setAttribute("aria-haspopup", o), t.setAttribute("aria-controls", e), t.setAttribute("aria-owns", e), t.setAttribute("aria-expanded", `${a}`));
+}
+function b(t) {
+  t && (t.removeAttribute("autocomplete"), t.removeAttribute("role"), t.removeAttribute("aria-autocomplete"), t.removeAttribute("aria-haspopup"), t.removeAttribute("aria-controls"), t.removeAttribute("aria-owns"), t.removeAttribute("aria-expanded"));
+}
+export {
+  b as removeAriaComboBoxAttributes,
+  i as removeAriaOverlayTriggerAttributes,
+  r as setAriaComboBoxAttributes,
+  u as setAriaOverlayTriggerAttributes
+};

package/core/overlay/overlay.js

@@ -0,0 +1,14 @@
+import { html as i } from "lit";
+function s() {
+  return i`
+    <div class="sbb-gap-fix-wrapper">
+      <div class="sbb-gap-fix-corner" id="left"></div>
+    </div>
+    <div class="sbb-gap-fix-wrapper">
+      <div class="sbb-gap-fix-corner" id="right"></div>
+    </div>
+  `;
+}
+export {
+  s as overlayGapFixCorners
+};

package/core/overlay/position.js

@@ -0,0 +1,53 @@
+function R(t) {
+  const o = window.getComputedStyle(t), c = o.display, s = parseInt(o.maxHeight, 10).toString();
+  if (c !== "none" && s !== "0")
+    return {
+      scrollHeight: t.scrollHeight,
+      clientHeight: t.clientHeight,
+      offsetHeight: t.offsetHeight,
+      scrollWidth: t.scrollWidth,
+      clientWidth: t.clientWidth,
+      offsetWidth: t.offsetWidth
+    };
+  t.style.position = "absolute", t.style.visibility = "hidden", t.style.display = "block";
+  const p = t.scrollHeight, n = t.clientHeight, g = t.offsetHeight, r = t.scrollWidth, e = t.clientWidth, i = t.offsetWidth;
+  return t.style.display = "", t.style.position = "", t.style.visibility = "", { scrollHeight: p, clientHeight: n, offsetHeight: g, scrollWidth: r, clientWidth: e, offsetWidth: i };
+}
+function x(t, o) {
+  if (!t || !o)
+    return !1;
+  const c = t.getBoundingClientRect();
+  return c.top <= o.clientY && o.clientY <= c.top + c.height && c.left <= o.clientX && o.clientX <= c.left + c.width;
+}
+function w(t, o, c, s) {
+  const n = s?.verticalOffset || 0, g = s?.horizontalOffset || 0, r = s?.responsiveHeight || !1, e = o.getBoundingClientRect(), i = R(t), f = e.left, H = e.top, W = document.documentElement.clientWidth - (f + e.width), d = H - n, u = document.documentElement.clientHeight - (H + e.height + n);
+  let h = f, m = H + e.height + n, l = i.offsetWidth - e.width;
+  const a = { horizontal: "start", vertical: "below" };
+  let O = `${u - n}px`;
+  s?.centered && f - 16 + e.width / 2 > i.offsetWidth / 2 && W - 16 > l / 2 && (h -= l /= 2, a.horizontal = "center"), W < l && f > l && (h = h - l, a.horizontal = "end"), g && a.horizontal !== "center" && e.width / 2 < g && (h += g * (a.horizontal === "start" ? -1 : 1)), (f < l && W < l || document.documentElement.clientWidth < i.offsetWidth) && (h = document.documentElement.clientWidth / 2 - i.offsetWidth / 2);
+  const b = u - n < i.scrollHeight && d - n > (r ? i.clientHeight : i.scrollHeight) || d > u && u - n < i.clientHeight && !r;
+  !s?.forceBelow && (s?.forceAbove || b) && (m = d < i.scrollHeight ? m - e.height - d - n : H - i.clientHeight - n, O = `${d - n}px`, a.vertical = "above");
+  const v = c.getBoundingClientRect();
+  return v.left < 0 && (h -= v.left), v.top < 0 && (m -= v.top), {
+    top: m,
+    left: h,
+    maxHeight: O,
+    alignment: a
+  };
+}
+function y(t, o, c, s) {
+  const n = s?.verticalOffset || 0, g = s?.horizontalOffset || 0, r = o.getBoundingClientRect(), e = R(t), i = o.parentElement.shadowRoot.querySelector(s?.contentSelector ?? `.${t.className}`).getBoundingClientRect(), f = c.getBoundingClientRect(), H = document.documentElement.clientWidth - i.right, W = document.documentElement.clientHeight - (r.top - n), d = document.documentElement.clientHeight, u = `${d - 32}px`, h = { horizontal: "end", vertical: "above" }, m = e.offsetWidth + g;
+  let l = i.right, a = r.top + n;
+  return H < m && r.left > m && (l = l - i.width - e.offsetWidth, h.horizontal = "start"), g && h.horizontal !== "center" && (l += g * (h.horizontal === "start" ? -1 : 1)), W < e.scrollHeight && (a = d - e.clientHeight - 16), f.left < 0 && (l -= f.left), f.top < 0 && (a -= f.top), {
+    top: a,
+    left: l,
+    maxHeight: u,
+    alignment: h
+  };
+}
+export {
+  w as getElementPosition,
+  y as getElementPositionHorizontal,
+  R as getElementRectangle,
+  x as isEventOnElement
+};

package/core/overlay.js

@@ -0,0 +1,19 @@
+import { overlayGapFixCorners as r } from "./overlay/overlay.js";
+import { setOverlayPosition as i } from "./overlay/overlay-option-panel.js";
+import { SbbOverlayOutsidePointerEventListener as s, sbbOverlayOutsidePointerEventListener as a } from "./overlay/overlay-outside-pointer-event-listener.js";
+import { removeAriaComboBoxAttributes as l, removeAriaOverlayTriggerAttributes as v, setAriaComboBoxAttributes as b, setAriaOverlayTriggerAttributes as g } from "./overlay/overlay-trigger-attributes.js";
+import { getElementPosition as A, getElementPositionHorizontal as O, getElementRectangle as E, isEventOnElement as p } from "./overlay/position.js";
+export {
+  s as SbbOverlayOutsidePointerEventListener,
+  A as getElementPosition,
+  O as getElementPositionHorizontal,
+  E as getElementRectangle,
+  p as isEventOnElement,
+  r as overlayGapFixCorners,
+  l as removeAriaComboBoxAttributes,
+  v as removeAriaOverlayTriggerAttributes,
+  a as sbbOverlayOutsidePointerEventListener,
+  b as setAriaComboBoxAttributes,
+  g as setAriaOverlayTriggerAttributes,
+  i as setOverlayPosition
+};

package/core/styles/_index.scss

@@ -0,0 +1,26 @@
+@forward './core/functions';
+@forward './core/mediaqueries';
+
+@forward './mixins/a11y';
+@forward './mixins/animation';
+@forward './mixins/badge';
+@forward './mixins/buttons';
+@forward './mixins/card';
+@forward './mixins/chip';
+@forward './mixins/font-face';
+@forward './mixins/helpers';
+@forward './mixins/image';
+@forward './mixins/inputs';
+@forward './mixins/layout';
+@forward './mixins/link';
+@forward './mixins/lists';
+@forward './mixins/overlay';
+@forward './mixins/panel';
+@forward './mixins/pearl-chain-bullet';
+@forward './mixins/popover';
+@forward './mixins/scrollbar';
+@forward './mixins/table';
+@forward './mixins/typo';
+
+// Internals
+@forward './mixins/dev_and_debug';

package/core/styles/a11y.scss

@@ -0,0 +1,15 @@
+@use './mixins/a11y';
+
+.sbb-screen-reader-only {
+  @include a11y.screen-reader-only;
+}
+
+.sbb-focus-outline:focus-visible {
+  @include a11y.focus-outline;
+}
+
+.sbb-focus-outline-dark:focus-visible {
+  @include a11y.focus-outline;
+
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}

package/core/styles/animation.scss

@@ -0,0 +1,17 @@
+@use './mixins/animation';
+
+.sbb-disable-animation {
+  @include animation.disable-animation;
+}
+
+.sbb-disable-animation-locally {
+  @include animation.disable-animation;
+
+  & > * {
+    @include animation.enable-animation;
+  }
+}
+
+.sbb-enable-animation {
+  @include animation.enable-animation;
+}

package/core/styles/badge.scss

@@ -0,0 +1,3 @@
+@use './mixins/badge';
+
+@include badge.badge-attribute;

package/core/styles/box-sizing.scss

@@ -0,0 +1,3 @@
+@use './mixins/helpers';
+
+@include helpers.box-sizing;

package/core/styles/core/functions.scss

@@ -0,0 +1,26 @@
+@use 'sass:math';
+@use 'sass:map';
+@use 'sass:string';
+@use 'sass:list';
+
+@function px-to-rem-build($size) {
+  // size: value in px (no unit)
+  @return ((math.div($size, 16)) * 1rem);
+}
+
+@function theme-select($theme-values, $theme) {
+  @if map.has-key($theme-values, $theme) {
+    @return map.get($theme-values, $theme);
+  } @else {
+    @return map.get($theme-values, 'standard');
+  }
+}
+
+@function theme-pattern-select($theme-values, $theme) {
+  @each $sub-theme, $value in $theme-values {
+    @if string.index($theme, $sub-theme) {
+      @return $value;
+    }
+  }
+  @return list.nth(map.values($theme-values), 1);
+}