@sbb-esta/lyne-elements 1.13.0 → 1.14.0

package/stepper/stepper.js

@@ -1,168 +1,194 @@
-import { css as h, LitElement as p, html as c } from "lit";
-import { property as n, customElement as f } from "lit/decorators.js";
-import { isArrowKeyPressed as u, getNextElementIndex as m } from "../core/a11y.js";
-import { SbbConnectedAbortController as _ } from "../core/controllers.js";
-import { breakpoints as v, isBreakpoint as x } from "../core/dom.js";
-import { SbbHydrationMixin as g } from "../core/mixins.js";
-const z = h`*,:before,:after{box-sizing:border-box}:host{--sbb-stepper-orientation: row;--sbb-stepper-border-width: var(--sbb-border-width-1x);--sbb-stepper-marker-size: 0;--sbb-stepper-marker-width: var(--sbb-border-width-3x);--sbb-stepper-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-stepper-marker-color: var(--sbb-color-charcoal);display:block;position:relative;counter-reset:step-label}@media (forced-colors: active){:host{--sbb-stepper-marker-color: ButtonText}}:host([data-disable-animation]){--sbb-disable-animation-time: .1ms;--sbb-disable-animation-zero-time: 0s}:host([orientation=vertical]){--sbb-stepper-orientation: column}.sbb-stepper{width:100%}.sbb-stepper__labels{display:flex;flex-direction:var(--sbb-stepper-orientation);position:relative;justify-content:space-between;margin-block-end:var(--sbb-spacing-responsive-m)}.sbb-stepper__labels:before{content:"";position:absolute;inset-inline-start:calc(var(--sbb-stepper-border-width) * -1);background-color:var(--sbb-stepper-marker-color)}:host([orientation=horizontal]) .sbb-stepper__labels{gap:var(--sbb-spacing-fixed-4x);padding-block-end:var(--sbb-spacing-fixed-4x);border-block-end:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=horizontal]) .sbb-stepper__labels:before{inset-block-end:calc(var(--sbb-stepper-border-width) * -1);height:var(--sbb-stepper-marker-width);width:var(--sbb-stepper-marker-size);transition:width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([orientation=vertical]) .sbb-stepper__labels{padding-inline-start:var(--sbb-spacing-fixed-4x);border-inline-start:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=vertical]) .sbb-stepper__labels:before{inset-block-start:0;width:var(--sbb-stepper-marker-width);height:var(--sbb-stepper-marker-size);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}.sbb-stepper__steps{position:relative}:host([orientation=horizontal]) .sbb-stepper__steps{height:var(--sbb-stepper-content-height);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}::slotted(sbb-step-label):before{content:counter(step-label);counter-increment:step-label}`;
-var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? w(t, s) : t, l = e.length - 1, d; l >= 0; l--)
-    (d = e[l]) && (r = (i ? d(t, s, r) : d(r)) || r);
-  return i && r && y(t, s, r), r;
+var C = (i) => {
+  throw TypeError(i);
 };
-const b = 150;
-let o = class extends g(p) {
-  constructor() {
-    super(...arguments), this.linear = !1, this.orientation = "horizontal", this.size = "m", this._loaded = !1, this._abort = new _(this), this._resizeObserverTimeout = null;
-  }
-  set horizontalFrom(e) {
-    this._horizontalFrom = v.includes(e) ? e : void 0, this._horizontalFrom && this._loaded && this._checkOrientation();
-  }
-  get horizontalFrom() {
-    return this._horizontalFrom;
-  }
-  set selected(e) {
-    this._loaded && this._select(e);
-  }
-  get selected() {
-    var e;
-    return ((e = this.querySelector) == null ? void 0 : e.call(this, "sbb-step[data-selected]")) ?? void 0;
-  }
-  set selectedIndex(e) {
-    this._loaded && this._select(this.steps[e]);
-  }
-  get selectedIndex() {
-    return this.selected ? this.steps.indexOf(this.selected) : void 0;
-  }
-  /** The steps of the stepper. */
-  get steps() {
-    var e;
-    return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-step")) ?? []);
-  }
-  get _enabledSteps() {
-    return this.steps.filter((e) => {
-      var t;
-      return !((t = e.label) != null && t.hasAttribute("disabled"));
-    });
-  }
-  /** Selects the next step. */
-  next() {
-    this.selectedIndex !== void 0 && this._select(this.steps[this.selectedIndex + 1]);
-  }
-  /** Selects the previous step. */
-  previous() {
-    this.selectedIndex !== void 0 && this._select(this.steps[this.selectedIndex - 1]);
-  }
-  /** Resets the form in which the stepper is nested or every form of each step, if any. */
-  reset() {
-    var t, s, i;
-    const e = this.closest("form");
-    e ? e.reset() : this.querySelectorAll("form").forEach((r) => r.reset()), this.selectedIndex = 0, ((t = document.activeElement) == null ? void 0 : t.closest("sbb-stepper")) === this && ((i = (s = this.selected) == null ? void 0 : s.label) == null || i.focus());
-  }
-  _isValidStep(e) {
-    var t;
-    if (!e || !this.linear && ((t = e.label) != null && t.hasAttribute("disabled")))
-      return !1;
-    if (this.linear && !this.selected)
-      return e === this.steps[0];
-    if (this.linear && this.selectedIndex !== void 0) {
-      const s = this.steps.indexOf(e);
-      return s < this.selectedIndex || s === this.selectedIndex + 1;
-    }
-    return !0;
-  }
-  _select(e) {
-    var i, r, l;
-    if (!this._isValidStep(e))
-      return;
-    const t = {
-      currentIndex: this.selectedIndex,
-      currentStep: this.selected,
-      nextIndex: this.selectedIndex !== void 0 ? this.selectedIndex + 1 : void 0,
-      nextStep: this.selectedIndex !== void 0 ? this.steps[this.selectedIndex + 1] : void 0
-    };
-    if (this.selected && !this.selected.validate(t))
-      return;
-    const s = this.selected;
-    s == null || s.deselect(), e.select(), this._setMarkerSize(), this._configureLinearMode(), ((i = document.activeElement) == null ? void 0 : i.closest("sbb-stepper")) === this && ((l = (r = this.selected) == null ? void 0 : r.label) == null || l.focus());
-  }
-  _setMarkerSize() {
-    if (!this._loaded || !this.selected || this.selectedIndex === void 0 || !this.selected.label)
-      return;
-    const e = this.orientation === "horizontal" ? this.selected.label.offsetLeft + this.selected.label.offsetWidth : this._calculateLabelOffsetTop();
-    this.style.setProperty("--sbb-stepper-marker-size", `${e}px`);
-  }
-  _calculateLabelOffsetTop() {
-    if (this.selectedIndex === void 0)
-      return;
-    let e = 0;
-    for (const t of this.steps) {
-      if (t === this.selected)
-        break;
-      e = t.label.offsetHeight + e;
-    }
-    return e + this.selected.label.offsetHeight + parseFloat(getComputedStyle(this).getPropertyValue("--sbb-spacing-fixed-6x")) * 16 * this.selectedIndex;
-  }
-  _configure() {
-    const e = this.steps;
-    e.forEach((t) => t.configure(this._loaded)), e.filter((t) => t.label).map((t) => t.label).forEach((t, s, i) => {
-      t.configure(s + 1, i.length, this._loaded);
-    }), this._select(this.selected || this._enabledSteps[0]), this._proxySize();
-  }
-  _updateLabels() {
-    this.steps.forEach((e) => {
-      var t;
-      e.slot = this.orientation === "horizontal" ? "step" : "step-label", e.setAttribute("data-orientation", this.orientation), (t = e.label) == null || t.setAttribute("data-orientation", this.orientation);
-    });
-  }
-  _checkOrientation() {
-    this.horizontalFrom && (this.orientation = x(this.horizontalFrom) ? "horizontal" : "vertical", this._updateLabels()), setTimeout(() => this._setMarkerSize(), 0);
-  }
-  _onStepperResize() {
-    this._checkOrientation(), clearTimeout(this._resizeObserverTimeout), this.toggleAttribute("data-disable-animation", !0), this._resizeObserverTimeout = setTimeout(
-      () => this.toggleAttribute("data-disable-animation", !1),
-      b
-    );
-  }
-  _configureLinearMode() {
-    this.steps.forEach((e, t) => {
-      var s;
-      (s = e.label) == null || s.toggleAttribute(
-        "disabled",
-        this.linear && t > this.selectedIndex || !this.linear && e.label.hasAttribute("data-disabled")
-      );
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const e = this._abort.signal;
-    this.addEventListener("keydown", (t) => this._handleKeyDown(t), { signal: e }), window.addEventListener("resize", () => this._onStepperResize(), {
-      signal: e,
-      passive: !0
-    }), this.toggleAttribute("data-disable-animation", !this._loaded);
-  }
-  async firstUpdated(e) {
-    super.firstUpdated(e), await this.updateComplete, this._loaded = !0, this.selectedIndex = this.linear ? 0 : Number(this.getAttribute("selected-index")) || 0, this._checkOrientation(), setTimeout(() => this.toggleAttribute("data-disable-animation", !1), b);
-  }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("orientation") && !this.horizontalFrom && (this._updateLabels(), this._setMarkerSize()), e.has("linear") && this._loaded && this._configureLinearMode(), e.has("size") && (this._proxySize(), this._setMarkerSize());
-  }
-  _proxySize() {
-    this.steps.forEach((e) => {
+var D = (i, r, a) => r.has(i) || C("Cannot " + a);
+var v = (i, r, a) => (D(i, r, "read from private field"), a ? a.call(i) : r.get(i)), x = (i, r, a) => r.has(i) ? C("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, a), h = (i, r, a, l) => (D(i, r, "write to private field"), l ? l.call(i, a) : r.set(i, a), a);
+import { __runInitializers as d, __esDecorate as c } from "tslib";
+import { css as B, LitElement as N, html as j } from "lit";
+import { customElement as q, property as _ } from "lit/decorators.js";
+import { isArrowKeyPressed as H, getNextElementIndex as K } from "../core/a11y.js";
+import { SbbConnectedAbortController as V } from "../core/controllers.js";
+import { forceType as $ } from "../core/decorators.js";
+import { breakpoints as P, isBreakpoint as R } from "../core/dom.js";
+import { SbbHydrationMixin as W } from "../core/mixins.js";
+const G = B`*,:before,:after{box-sizing:border-box}:host{--sbb-stepper-orientation: row;--sbb-stepper-border-width: var(--sbb-border-width-1x);--sbb-stepper-marker-size: 0;--sbb-stepper-marker-width: var(--sbb-border-width-3x);--sbb-stepper-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-stepper-marker-color: var(--sbb-color-charcoal);display:block;position:relative;counter-reset:step-label}@media (forced-colors: active){:host{--sbb-stepper-marker-color: ButtonText}}:host([data-disable-animation]){--sbb-disable-animation-time: .1ms;--sbb-disable-animation-zero-time: 0s}:host([orientation=vertical]){--sbb-stepper-orientation: column}.sbb-stepper{width:100%}.sbb-stepper__labels{display:flex;flex-direction:var(--sbb-stepper-orientation);position:relative;justify-content:space-between;margin-block-end:var(--sbb-spacing-responsive-m)}.sbb-stepper__labels:before{content:"";position:absolute;inset-inline-start:calc(var(--sbb-stepper-border-width) * -1);background-color:var(--sbb-stepper-marker-color)}:host([orientation=horizontal]) .sbb-stepper__labels{gap:var(--sbb-spacing-fixed-4x);padding-block-end:var(--sbb-spacing-fixed-4x);border-block-end:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=horizontal]) .sbb-stepper__labels:before{inset-block-end:calc(var(--sbb-stepper-border-width) * -1);height:var(--sbb-stepper-marker-width);width:var(--sbb-stepper-marker-size);transition:width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([orientation=vertical]) .sbb-stepper__labels{padding-inline-start:var(--sbb-spacing-fixed-4x);border-inline-start:var(--sbb-stepper-border-width) solid var(--sbb-color-cloud)}:host([orientation=vertical]) .sbb-stepper__labels:before{inset-block-start:0;width:var(--sbb-stepper-marker-width);height:var(--sbb-stepper-marker-size);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}.sbb-stepper__steps{position:relative}:host([orientation=horizontal]) .sbb-stepper__steps{height:var(--sbb-stepper-content-height);transition:height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}::slotted(sbb-step-label):before{content:counter(step-label);counter-increment:step-label}`, U = 150;
+let ae = (() => {
+  var b, p, u, o;
+  let i = [q("sbb-stepper")], r, a = [], l, g = W(N), m = [], z, k = [], I = [], y, S, w = [], E = [], A, F = [], O = [], T, L;
+  return o = class extends g {
+    constructor() {
+      super(...arguments);
+      x(this, b);
+      x(this, p);
+      x(this, u);
+      h(this, b, (d(this, m), d(this, k, !1))), this._horizontalFrom = d(this, I), h(this, p, d(this, w, "horizontal")), h(this, u, (d(this, E), d(this, F, "m"))), this._loaded = (d(this, O), !1), this._abort = new V(this), this._resizeObserverTimeout = null;
+    }
+    /** If set to true, only the current and previous labels can be clicked and selected. */
+    get linear() {
+      return v(this, b);
+    }
+    set linear(e) {
+      h(this, b, e);
+    }
+    /** Overrides the behaviour of `orientation` property. */
+    set horizontalFrom(e) {
+      this._horizontalFrom = P.includes(e) ? e : void 0, this._horizontalFrom && this._loaded && this._checkOrientation();
+    }
+    get horizontalFrom() {
+      return this._horizontalFrom;
+    }
+    /** Steps orientation, either horizontal or vertical. */
+    get orientation() {
+      return v(this, p);
+    }
+    set orientation(e) {
+      h(this, p, e);
+    }
+    /** Size variant, either s or m. */
+    get size() {
+      return v(this, u);
+    }
+    set size(e) {
+      h(this, u, e);
+    }
+    /** The currently selected step. */
+    set selected(e) {
+      this._loaded && this._select(e);
+    }
+    get selected() {
+      var e;
+      return ((e = this.querySelector) == null ? void 0 : e.call(this, "sbb-step[data-selected]")) ?? void 0;
+    }
+    /** The currently selected step index. */
+    set selectedIndex(e) {
+      this._loaded && this._select(this.steps[e]);
+    }
+    get selectedIndex() {
+      return this.selected ? this.steps.indexOf(this.selected) : void 0;
+    }
+    /** The steps of the stepper. */
+    get steps() {
+      var e;
+      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-step")) ?? []);
+    }
+    get _enabledSteps() {
+      return this.steps.filter((e) => {
+        var t;
+        return !((t = e.label) != null && t.hasAttribute("disabled"));
+      });
+    }
+    /** Selects the next step. */
+    next() {
+      this.selectedIndex !== void 0 && this._select(this.steps[this.selectedIndex + 1]);
+    }
+    /** Selects the previous step. */
+    previous() {
+      this.selectedIndex !== void 0 && this._select(this.steps[this.selectedIndex - 1]);
+    }
+    /** Resets the form in which the stepper is nested or every form of each step, if any. */
+    reset() {
+      var t, s, n;
+      const e = this.closest("form");
+      e ? e.reset() : this.querySelectorAll("form").forEach((f) => f.reset()), this.selectedIndex = 0, ((t = document.activeElement) == null ? void 0 : t.closest("sbb-stepper")) === this && ((n = (s = this.selected) == null ? void 0 : s.label) == null || n.focus());
+    }
+    _isValidStep(e) {
       var t;
-      (t = e.label) == null || t.setAttribute("data-size", this.size);
-    });
-  }
-  _handleKeyDown(e) {
-    const t = this._enabledSteps;
-    if (!(!t || // don't trap nested handling
-    e.target !== this && e.target.parentElement !== this) && u(e)) {
-      const s = t.indexOf(this.selected), i = m(e, s, t.length);
-      this._select(t[i]), e.preventDefault();
-    }
-  }
-  render() {
-    return c`
+      if (!e || !this.linear && ((t = e.label) != null && t.hasAttribute("disabled")))
+        return !1;
+      if (this.linear && !this.selected)
+        return e === this.steps[0];
+      if (this.linear && this.selectedIndex !== void 0) {
+        const s = this.steps.indexOf(e);
+        return s < this.selectedIndex || s === this.selectedIndex + 1;
+      }
+      return !0;
+    }
+    _select(e) {
+      var n, f, M;
+      if (!this._isValidStep(e))
+        return;
+      const t = {
+        currentIndex: this.selectedIndex,
+        currentStep: this.selected,
+        nextIndex: this.selectedIndex !== void 0 ? this.selectedIndex + 1 : void 0,
+        nextStep: this.selectedIndex !== void 0 ? this.steps[this.selectedIndex + 1] : void 0
+      };
+      if (this.selected && !this.selected.validate(t))
+        return;
+      const s = this.selected;
+      s == null || s.deselect(), e.select(), this._setMarkerSize(), this._configureLinearMode(), ((n = document.activeElement) == null ? void 0 : n.closest("sbb-stepper")) === this && ((M = (f = this.selected) == null ? void 0 : f.label) == null || M.focus());
+    }
+    _setMarkerSize() {
+      if (!this._loaded || !this.selected || this.selectedIndex === void 0 || !this.selected.label)
+        return;
+      const e = this.orientation === "horizontal" ? this.selected.label.offsetLeft + this.selected.label.offsetWidth : this._calculateLabelOffsetTop();
+      this.style.setProperty("--sbb-stepper-marker-size", `${e}px`);
+    }
+    _calculateLabelOffsetTop() {
+      if (this.selectedIndex === void 0)
+        return;
+      let e = 0;
+      for (const t of this.steps) {
+        if (t === this.selected)
+          break;
+        e = t.label.offsetHeight + e;
+      }
+      return e + this.selected.label.offsetHeight + parseFloat(getComputedStyle(this).getPropertyValue("--sbb-spacing-fixed-6x")) * 16 * this.selectedIndex;
+    }
+    _configure() {
+      const e = this.steps;
+      e.forEach((t) => t.configure(this._loaded)), e.filter((t) => t.label).map((t) => t.label).forEach((t, s, n) => {
+        t.configure(s + 1, n.length, this._loaded);
+      }), this._select(this.selected || this._enabledSteps[0]), this._proxySize();
+    }
+    _updateLabels() {
+      this.steps.forEach((e) => {
+        var t;
+        e.slot = this.orientation === "horizontal" ? "step" : "step-label", e.setAttribute("data-orientation", this.orientation), (t = e.label) == null || t.setAttribute("data-orientation", this.orientation);
+      });
+    }
+    _checkOrientation() {
+      this.horizontalFrom && (this.orientation = R(this.horizontalFrom) ? "horizontal" : "vertical", this._updateLabels()), setTimeout(() => this._setMarkerSize(), 0);
+    }
+    _onStepperResize() {
+      this._checkOrientation(), clearTimeout(this._resizeObserverTimeout), this.toggleAttribute("data-disable-animation", !0), this._resizeObserverTimeout = setTimeout(() => this.toggleAttribute("data-disable-animation", !1), U);
+    }
+    _configureLinearMode() {
+      this.steps.forEach((e, t) => {
+        var s;
+        (s = e.label) == null || s.toggleAttribute("disabled", this.linear && t > this.selectedIndex || !this.linear && e.label.hasAttribute("data-disabled"));
+      });
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const e = this._abort.signal;
+      this.addEventListener("keydown", (t) => this._handleKeyDown(t), { signal: e }), window.addEventListener("resize", () => this._onStepperResize(), {
+        signal: e,
+        passive: !0
+      }), this.toggleAttribute("data-disable-animation", !this._loaded);
+    }
+    async firstUpdated(e) {
+      super.firstUpdated(e), await this.updateComplete, this._loaded = !0, this.selectedIndex = this.linear ? 0 : Number(this.getAttribute("selected-index")) || 0, this._checkOrientation(), setTimeout(() => this.toggleAttribute("data-disable-animation", !1), U);
+    }
+    willUpdate(e) {
+      super.willUpdate(e), e.has("orientation") && !this.horizontalFrom && (this._updateLabels(), this._setMarkerSize()), e.has("linear") && this._loaded && this._configureLinearMode(), e.has("size") && (this._proxySize(), this._setMarkerSize());
+    }
+    _proxySize() {
+      this.steps.forEach((e) => {
+        var t;
+        (t = e.label) == null || t.setAttribute("data-size", this.size);
+      });
+    }
+    _handleKeyDown(e) {
+      const t = this._enabledSteps;
+      if (!(!t || // don't trap nested handling
+      e.target !== this && e.target.parentElement !== this) && H(e)) {
+        const s = t.indexOf(this.selected), n = K(e, s, t.length);
+        this._select(t[n]), e.preventDefault();
+      }
+    }
+    render() {
+      return j`
       <div class="sbb-stepper">
         <div class="sbb-stepper__labels" role="tablist">
           <slot name="step-label" @slotchange=${this._configure}></slot>
@@ -172,30 +198,24 @@ let o = class extends g(p) {
         </div>
       </div>
     `;
-  }
-};
-o.styles = z;
-a([
-  n({ type: Boolean })
-], o.prototype, "linear", 2);
-a([
-  n({ attribute: "horizontal-from", reflect: !0 })
-], o.prototype, "horizontalFrom", 1);
-a([
-  n({ reflect: !0 })
-], o.prototype, "orientation", 2);
-a([
-  n({ reflect: !0 })
-], o.prototype, "size", 2);
-a([
-  n({ attribute: !1 })
-], o.prototype, "selected", 1);
-a([
-  n({ attribute: "selected-index", type: Number })
-], o.prototype, "selectedIndex", 1);
-o = a([
-  f("sbb-stepper")
-], o);
+    }
+  }, b = new WeakMap(), p = new WeakMap(), u = new WeakMap(), l = o, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+    z = [$(), _({ type: Boolean })], y = [_({ attribute: "horizontal-from", reflect: !0 })], S = [_({ reflect: !0 })], A = [_({ reflect: !0 })], T = [_({ attribute: !1 })], L = [_({ attribute: "selected-index", type: Number })], c(o, null, z, { kind: "accessor", name: "linear", static: !1, private: !1, access: { has: (t) => "linear" in t, get: (t) => t.linear, set: (t, s) => {
+      t.linear = s;
+    } }, metadata: e }, k, I), c(o, null, y, { kind: "setter", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, set: (t, s) => {
+      t.horizontalFrom = s;
+    } }, metadata: e }, null, m), c(o, null, S, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, s) => {
+      t.orientation = s;
+    } }, metadata: e }, w, E), c(o, null, A, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, s) => {
+      t.size = s;
+    } }, metadata: e }, F, O), c(o, null, T, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, s) => {
+      t.selected = s;
+    } }, metadata: e }, null, m), c(o, null, L, { kind: "setter", name: "selectedIndex", static: !1, private: !1, access: { has: (t) => "selectedIndex" in t, set: (t, s) => {
+      t.selectedIndex = s;
+    } }, metadata: e }, null, m), c(null, r = { value: l }, i, { kind: "class", name: l.name, metadata: e }, null, a), l = r.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = G, d(l, a), l;
+})();
 export {
-  o as SbbStepperElement
+  ae as SbbStepperElement
 };

package/table/table-wrapper/table-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/elements/table/table-wrapper/table-wrapper.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAOb;;;;GAIG;AACH,qBACa,sBAAuB,SAAQ,2BAA4B;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,eAAe,CAIpB;IACH,OAAO,CAAC,aAAa,CAAe;cAEjB,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMxE,OAAO,CAAC,yBAAyB;cAOd,MAAM,IAAI,cAAc;CAK5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"table-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/elements/table/table-wrapper/table-wrapper.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAOb;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAA4B;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,eAAe,CAIpB;IACH,OAAO,CAAC,aAAa,CAAe;cAEjB,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMxE,OAAO,CAAC,yBAAyB;cAOd,MAAM,IAAI,cAAc;CAK5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/table/table-wrapper.js

@@ -1,40 +1,36 @@
-import { ResizeController as c } from "@lit-labs/observers/resize-controller.js";
-import { css as i, LitElement as p, html as h } from "lit";
-import { customElement as d } from "lit/decorators.js";
-import { SbbNegativeMixin as n } from "../core/mixins.js";
-const v = i`*,:before,:after{box-sizing:border-box}:host{--sbb-table-wrapper-border-radius: var(--sbb-border-radius-4x);display:block}::slotted(.sbb-table){width:100%}.sbb-table-wrapper{overflow:auto;--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-table-wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-table-wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-table-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-table-wrapper::-webkit-scrollbar-button,.sbb-table-wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-table-wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([negative]) .sbb-table-wrapper{--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-iron)}:host([data-has-horizontal-scrollbar]) .sbb-table-wrapper{padding-bottom:var(--sbb-spacing-fixed-1x)}`;
-var w = Object.defineProperty, u = Object.getOwnPropertyDescriptor, m = (b, o, l, a) => {
-  for (var r = a > 1 ? void 0 : a ? u(o, l) : o, s = b.length - 1, t; s >= 0; s--)
-    (t = b[s]) && (r = (a ? t(o, l, r) : t(r)) || r);
-  return a && r && w(o, l, r), r;
-};
-let e = class extends n(p) {
-  constructor() {
-    super(...arguments), this._resizeObserver = new c(this, {
-      target: null,
-      skipInitial: !0,
-      callback: () => this._checkHorizontalScrollbar()
-    });
-  }
-  firstUpdated(b) {
-    super.firstUpdated(b), this._tableWrapper = this.shadowRoot.querySelector(".sbb-table-wrapper"), this._resizeObserver.observe(this._tableWrapper);
-  }
-  _checkHorizontalScrollbar() {
-    this.toggleAttribute(
-      "data-has-horizontal-scrollbar",
-      this._tableWrapper.scrollWidth > this._tableWrapper.offsetWidth
-    );
-  }
-  render() {
-    return h`<div class="sbb-table-wrapper">
+import { __esDecorate as s, __runInitializers as c } from "tslib";
+import { ResizeController as i } from "@lit-labs/observers/resize-controller.js";
+import { css as p, LitElement as d, html as h } from "lit";
+import { customElement as n } from "lit/decorators.js";
+import { SbbNegativeMixin as u } from "../core/mixins.js";
+const w = p`*,:before,:after{box-sizing:border-box}:host{--sbb-table-wrapper-border-radius: var(--sbb-border-radius-4x);display:block}::slotted(.sbb-table){width:100%}.sbb-table-wrapper{overflow:auto;--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-table-wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-table-wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-table-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-table-wrapper::-webkit-scrollbar-button,.sbb-table-wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-table-wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([negative]) .sbb-table-wrapper{--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-iron)}:host([data-has-horizontal-scrollbar]) .sbb-table-wrapper{padding-bottom:var(--sbb-spacing-fixed-1x)}`;
+let _ = (() => {
+  var b;
+  let e = [n("sbb-table-wrapper")], l, t = [], r, o = u(d);
+  return b = class extends o {
+    constructor() {
+      super(...arguments), this._resizeObserver = new i(this, {
+        target: null,
+        skipInitial: !0,
+        callback: () => this._checkHorizontalScrollbar()
+      });
+    }
+    firstUpdated(a) {
+      super.firstUpdated(a), this._tableWrapper = this.shadowRoot.querySelector(".sbb-table-wrapper"), this._resizeObserver.observe(this._tableWrapper);
+    }
+    _checkHorizontalScrollbar() {
+      this.toggleAttribute("data-has-horizontal-scrollbar", this._tableWrapper.scrollWidth > this._tableWrapper.offsetWidth);
+    }
+    render() {
+      return h`<div class="sbb-table-wrapper">
       <slot></slot>
     </div>`;
-  }
-};
-e.styles = v;
-e = m([
-  d("sbb-table-wrapper")
-], e);
+    }
+  }, r = b, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    s(null, l = { value: r }, e, { kind: "class", name: r.name, metadata: a }, null, t), r = l.value, a && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), b.styles = w, c(r, t), r;
+})();
 export {
-  e as SbbTableWrapperElement
+  _ as SbbTableWrapperElement
 };

package/tabs/tab/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D;;;;GAIG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mDAAmD;IACnD,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;IACD,OAAO,CAAC,MAAM,CAAmC;IAEjD,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IACT,SAAS,IAAI,IAAI;cAIL,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D;;;;GAIG;AACH,qBAEM,aAAc,SAAQ,UAAU;IACpC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mDAAmD;IACnD,IAAW,KAAK,IAAI,kBAAkB,GAAG,IAAI,CAE5C;IACD,OAAO,CAAC,MAAM,CAAmC;IAEjD,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IACT,SAAS,IAAI,IAAI;cAIL,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

package/tabs/tab-group/tab-group.d.ts

@@ -17,7 +17,7 @@ export interface InterfaceSbbTabGroupActions {
     select(): void;
 }
 export interface InterfaceSbbTabGroupTab extends SbbTabLabelElement {
-    active?: boolean;
+    active: boolean;
     disabled: boolean;
     tab?: SbbTabElement;
     index?: number;
@@ -53,7 +53,7 @@ export declare class SbbTabGroupElement extends SbbTabGroupElement_base {
      * Sets the initial tab. If it matches a disabled tab or exceeds the length of
      * the tab group, the first enabled tab will be selected.
      */
-    initialSelectedIndex: number;
+    accessor initialSelectedIndex: number;
     /** Emits an event on selected tab change. */
     private _selectedTabChanged;
     connectedCallback(): void;

package/tabs/tab-group/tab-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab-group/tab-group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,CAAC;IACnC,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACjD,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,IAAI,IAAI,CAAC;IACjB,UAAU,IAAI,IAAI,CAAC;IACnB,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;CACxB;;AAQD;;;;;;GAMG;AACH,qBACa,kBAAmB,SAAQ,uBAA6B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,YAAY,CAAC,CAA0B;IAC/C,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,qBAAqB,CAI1B;IACH,OAAO,CAAC,uBAAuB,CAI5B;IACH,OAAO,CAAC,yBAAyB,CAI9B;IAEH,uCAAuC;IACvC,IACW,IAAI,CAAC,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,EAGrD;IACD,IAAW,IAAI,IAAI,uBAAuB,CAAC,MAAM,CAAC,CAEjD;IACD,OAAO,CAAC,KAAK,CAAwC;IAErD;;;OAGG;IACqE,oBAAoB,SAAK;IAEjG,6CAA6C;IAC7C,OAAO,CAAC,mBAAmB,CAGzB;IAEc,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9E;;;OAGG;IACI,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIzC;;;OAGG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIxC;;;OAGG;IACI,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI1C,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,0BAA0B;IAQlC,OAAO,CAAC,UAAU;IAkGlB,OAAO,CAAC,cAAc;cAoBH,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/tabs/tab-group/tab-group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AASvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,CAAC;IACnC,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACjD,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,IAAI,IAAI,CAAC;IACjB,UAAU,IAAI,IAAI,CAAC;IACnB,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;CACxB;;AAQD;;;;;;GAMG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,YAAY,CAAC,CAA0B;IAC/C,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,qBAAqB,CAI1B;IACH,OAAO,CAAC,uBAAuB,CAI5B;IACH,OAAO,CAAC,yBAAyB,CAI9B;IAEH,uCAAuC;IACvC,IACW,IAAI,CAAC,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,EAGrD;IACD,IAAW,IAAI,IAAI,uBAAuB,CAAC,MAAM,CAAC,CAEjD;IACD,OAAO,CAAC,KAAK,CAAwC;IAErD;;;OAGG;IACH,SAEgB,oBAAoB,EAAE,MAAM,CAAK;IAEjD,6CAA6C;IAC7C,OAAO,CAAC,mBAAmB,CAGzB;IAEc,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9E;;;OAGG;IACI,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIzC;;;OAGG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIxC;;;OAGG;IACI,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI1C,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,0BAA0B;IAQlC,OAAO,CAAC,UAAU;IAkGlB,OAAO,CAAC,cAAc;cAoBH,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}