@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/stepper/step-label/step-label.js

@@ -0,0 +1,75 @@
+import { __esDecorate as n, __runInitializers as p } from "tslib";
+import { css as c, html as d } from "lit";
+import { customElement as f } from "lit/decorators.js";
+import { SbbButtonBaseElement as h } from "../../core/base-elements.js";
+import { hostAttributes as v } from "../../core/decorators.js";
+import { SbbDisabledMixin as x } from "../../core/mixins.js";
+import { SbbIconNameMixin as m } from "../../icon.js";
+const u = c`*,:before,:after{box-sizing:border-box}:host{--sbb-step-label-color: var(--sbb-color-iron);--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-label-prefix-size: var(--sbb-size-element-xxs);--sbb-step-label-prefix-border-style: solid;--sbb-step-label-prefix-border-color: var(--sbb-color-cloud);--sbb-step-label-prefix-background-color: var(--sbb-color-white);--sbb-step-label-gap: var(--sbb-spacing-fixed-4x);position:relative;min-width:0;max-width:fit-content}:host:before{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);inset-block-start:calc(var(--sbb-font-size-text-l) * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2);inset-inline-start:calc(var(--sbb-step-label-prefix-size) / 2);line-height:1;z-index:1;transform:translate(-50%,calc(-50% + var(--sbb-step-label-translate-y-content-hover, 0rem)));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-step-label-color: ButtonText;--sbb-step-label-prefix-border-color: ButtonText}}:host([data-selected]){--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;--sbb-step-label-color: var(--sbb-color-charcoal)}@media (forced-colors: active){:host([data-selected]){--sbb-step-label-color: Highlight !important}}:host([data-size=s]){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs)}:host([data-size=s]):before{inset-block-start:calc(var(--sbb-font-size-text-m) * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-prefix-border-style: dashed}@media (forced-colors: active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media (any-hover: hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: pointer;--sbb-step-label-prefix-background-color: var(--sbb-color-milk);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host([data-orientation=vertical]){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([data-orientation=vertical]:not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host([data-selected][data-orientation=vertical]){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label{--sbb-text-font-size: var(--sbb-font-size-text-l);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;cursor:var(--sbb-step-label-cursor);position:relative;display:flex;gap:var(--sbb-step-label-gap);color:var(--sbb-step-label-color)}:host([data-size=s]) .sbb-step-label{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:calc(1em * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2 - var(--sbb-step-label-prefix-size) / 2)}.sbb-step-label__prefix:before{content:"";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}:host([data-orientation=horizontal]) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}`;
+let g = 0, E = (() => {
+  var s;
+  let b = [f("sbb-step-label"), v({
+    slot: "step-label",
+    tabindex: "-1",
+    role: "tab"
+  })], a, i = [], e, r = m(x(h));
+  return s = class extends r {
+    /** The step controlled by the label. */
+    get step() {
+      return this._step;
+    }
+    constructor() {
+      var t;
+      super(), this._stepper = null, this._step = null, (t = this.addEventListener) == null || t.call(this, "click", () => {
+        this._stepper && this._step && (this._stepper.selected = this._step);
+      });
+    }
+    _getStep() {
+      let t = this.nextElementSibling;
+      for (; t && t.localName !== "sbb-step"; )
+        t = t.nextElementSibling;
+      return t;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.id || (this.id = `sbb-step-label-${g++}`), this.internals.ariaSelected = "false", this._stepper = this.closest("sbb-stepper"), this._step = this._getStep(), this.toggleAttribute("data-disabled", this.hasAttribute("disabled"));
+    }
+    firstUpdated(t) {
+      super.firstUpdated(t), this.step && this.setAttribute("aria-controls", this.step.id);
+    }
+    /**
+     * Selects and configures the step label.
+     * @internal
+     */
+    select() {
+      this.tabIndex = 0, this.internals.ariaSelected = "true", this.toggleAttribute("data-selected", !0);
+    }
+    /**
+     * Deselects and configures the step label.
+     * @internal
+     */
+    deselect() {
+      this.tabIndex = -1, this.internals.ariaSelected = "false", this.toggleAttribute("data-selected", !1);
+    }
+    /**
+     * Configures the step label.
+     * @internal
+     */
+    configure(t, o, l) {
+      l && (this._step = this._getStep()), this.internals.ariaPosInSet = `${t}`, this.internals.ariaSetSize = `${o}`;
+    }
+    render() {
+      return d`
+      <div class="sbb-step-label">
+        <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
+        <span class="sbb-step-label__text"><slot></slot></span>
+      </div>
+    `;
+    }
+  }, e = s, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    n(null, a = { value: e }, b, { kind: "class", name: e.name, metadata: t }, null, i), e = a.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), s.styles = u, p(e, i), e;
+})();
+export {
+  E as SbbStepLabelElement
+};

package/stepper/step-label.d.ts

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

package/stepper/step-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step-label.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper/step-label.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"step-label.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper/step-label.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}

package/stepper/step-label.js

@@ -1,75 +1,4 @@
-import { __esDecorate as n, __runInitializers as p } from "tslib";
-import { css as c, html as d } from "lit";
-import { customElement as f } from "lit/decorators.js";
-import { SbbButtonBaseElement as h } from "../core/base-elements.js";
-import { hostAttributes as v } from "../core/decorators.js";
-import { SbbDisabledMixin as x } from "../core/mixins.js";
-import { SbbIconNameMixin as m } from "../icon.js";
-const u = c`*,:before,:after{box-sizing:border-box}:host{--sbb-step-label-color: var(--sbb-color-iron);--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-label-prefix-size: var(--sbb-size-element-xxs);--sbb-step-label-prefix-border-style: solid;--sbb-step-label-prefix-border-color: var(--sbb-color-cloud);--sbb-step-label-prefix-background-color: var(--sbb-color-white);--sbb-step-label-gap: var(--sbb-spacing-fixed-4x);position:relative;min-width:0;max-width:fit-content}:host:before{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);inset-block-start:calc(var(--sbb-font-size-text-l) * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2);inset-inline-start:calc(var(--sbb-step-label-prefix-size) / 2);line-height:1;z-index:1;transform:translate(-50%,calc(-50% + var(--sbb-step-label-translate-y-content-hover, 0rem)));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-step-label-color: ButtonText;--sbb-step-label-prefix-border-color: ButtonText}}:host([data-selected]){--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;--sbb-step-label-color: var(--sbb-color-charcoal)}@media (forced-colors: active){:host([data-selected]){--sbb-step-label-color: Highlight !important}}:host([data-size=s]){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs)}:host([data-size=s]):before{inset-block-start:calc(var(--sbb-font-size-text-m) * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-prefix-border-style: dashed}@media (forced-colors: active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media (any-hover: hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: pointer;--sbb-step-label-prefix-background-color: var(--sbb-color-milk);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host([data-orientation=vertical]){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host([data-orientation=vertical]:not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host([data-selected][data-orientation=vertical]){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label{--sbb-text-font-size: var(--sbb-font-size-text-l);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;cursor:var(--sbb-step-label-cursor);position:relative;display:flex;gap:var(--sbb-step-label-gap);color:var(--sbb-step-label-color)}:host([data-size=s]) .sbb-step-label{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:calc(1em * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2 - var(--sbb-step-label-prefix-size) / 2)}.sbb-step-label__prefix:before{content:"";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}:host([data-orientation=horizontal]) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}`;
-let g = 0, E = (() => {
-  var s;
-  let b = [f("sbb-step-label"), v({
-    slot: "step-label",
-    tabindex: "-1",
-    role: "tab"
-  })], a, i = [], e, r = m(x(h));
-  return s = class extends r {
-    /** The step controlled by the label. */
-    get step() {
-      return this._step;
-    }
-    constructor() {
-      var t;
-      super(), this._stepper = null, this._step = null, (t = this.addEventListener) == null || t.call(this, "click", () => {
-        this._stepper && this._step && (this._stepper.selected = this._step);
-      });
-    }
-    _getStep() {
-      let t = this.nextElementSibling;
-      for (; t && t.localName !== "sbb-step"; )
-        t = t.nextElementSibling;
-      return t;
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-step-label-${g++}`), this.internals.ariaSelected = "false", this._stepper = this.closest("sbb-stepper"), this._step = this._getStep(), this.toggleAttribute("data-disabled", this.hasAttribute("disabled"));
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this.step && this.setAttribute("aria-controls", this.step.id);
-    }
-    /**
-     * Selects and configures the step label.
-     * @internal
-     */
-    select() {
-      this.tabIndex = 0, this.internals.ariaSelected = "true", this.toggleAttribute("data-selected", !0);
-    }
-    /**
-     * Deselects and configures the step label.
-     * @internal
-     */
-    deselect() {
-      this.tabIndex = -1, this.internals.ariaSelected = "false", this.toggleAttribute("data-selected", !1);
-    }
-    /**
-     * Configures the step label.
-     * @internal
-     */
-    configure(t, o, l) {
-      l && (this._step = this._getStep()), this.internals.ariaPosInSet = `${t}`, this.internals.ariaSetSize = `${o}`;
-    }
-    render() {
-      return d`
-      <div class="sbb-step-label">
-        <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
-        <span class="sbb-step-label__text"><slot></slot></span>
-      </div>
-    `;
-    }
-  }, e = s, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    n(null, a = { value: e }, b, { kind: "class", name: e.name, metadata: t }, null, i), e = a.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), s.styles = u, p(e, i), e;
-})();
+import { SbbStepLabelElement as t } from "./step-label/step-label.js";
 export {
-  E as SbbStepLabelElement
+  t as SbbStepLabelElement
 };

package/stepper/step.d.ts

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

package/stepper/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper/step.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper/step.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC"}

package/stepper/step.js

@@ -1,104 +1,4 @@
-import { __esDecorate as c, __runInitializers as m } from "tslib";
-import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
-import { css as v, LitElement as g, html as y } from "lit";
-import { customElement as f } from "lit/decorators.js";
-import { hostAttributes as _ } from "../core/decorators.js";
-import { EventEmitter as d } from "../core/eventing.js";
-const x = v`*,:before,:after{box-sizing:border-box}:host{--sbb-step-position: initial;--sbb-step-inset-block-start: unset;--sbb-step-opacity: 0;--sbb-step-display: none;--sbb-step-height: 0;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-step-animation-delay: 0;--sbb-step-color: var(--sbb-color-iron);display:contents}:host([data-selected]){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host([data-orientation=horizontal]){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host([data-orientation=vertical]) .sbb-step--wrapper{margin-inline-start:var(--sbb-spacing-fixed-4x);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host([data-selected][data-orientation=vertical]) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:var(--sbb-step-position);width:100%;inset-block-start:var(--sbb-step-inset-block-start);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display);height:var(--sbb-step-height);color:var(--sbb-step-color);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}`;
-let z = 0, L = (() => {
-  var e;
-  let h = [f("sbb-step"), _({
-    slot: "step",
-    role: "tabpanel"
-  })], r, b = [], s, o = g;
-  var a = (e = class extends o {
-    /** The label of the step. */
-    get label() {
-      return this._label;
-    }
-    constructor() {
-      var t;
-      super(), this._validate = new d(this, a.events.validate), this._resizeChange = new d(this, a.events.resizeChange, { bubbles: !0 }), this._stepper = null, this._label = null, this._stepResizeObserver = new u(this, {
-        target: null,
-        skipInitial: !0,
-        callback: () => setTimeout(() => this._onStepElementResize())
-      }), (t = this.addEventListener) == null || t.call(this, "click", (n) => this._handleClick(n));
-    }
-    /**
-     * Selects and configures the step.
-     * @internal
-     */
-    select() {
-      !this.hasUpdated || !this.label || (this.toggleAttribute("data-selected", !0), this.label.select());
-    }
-    /**
-     * Deselects and configures the step.
-     * @internal
-     */
-    deselect() {
-      this.label && (this.toggleAttribute("data-selected", !1), this.label.deselect());
-    }
-    /**
-     * Emits a validate event whenever step switch is triggered.
-     * @internal
-     */
-    validate(t) {
-      return !!this._validate.emit(t);
-    }
-    /**
-     * Configures the step.
-     * @internal
-     */
-    configure(t) {
-      t && (this._label = this._getStepLabel()), this.label && this.setAttribute("aria-labelledby", this.label.id);
-    }
-    /** Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes. */
-    _handleClick(t) {
-      var l, p;
-      const n = t.composedPath().filter((i) => i instanceof window.HTMLElement);
-      n.some((i) => this._isGoNextElement(i)) ? (l = this._stepper) == null || l.next() : n.some((i) => this._isGoPreviousElement(i)) && ((p = this._stepper) == null || p.previous());
-    }
-    _isGoNextElement(t) {
-      return t.hasAttribute("sbb-stepper-next") && !t.hasAttribute("disabled");
-    }
-    _isGoPreviousElement(t) {
-      return t.hasAttribute("sbb-stepper-previous") && !t.hasAttribute("disabled");
-    }
-    _onStepElementResize() {
-      this.hasAttribute("data-selected") && this._resizeChange.emit();
-    }
-    _getStepLabel() {
-      let t = this.previousElementSibling;
-      for (; t && t.localName !== "sbb-step-label"; )
-        t = t.previousElementSibling;
-      return t;
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-step-${z++}`), this._stepper = this.closest("sbb-stepper"), this._label = this._getStepLabel();
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this.updateComplete.then(() => {
-        this._stepResizeObserver.observe(this.shadowRoot.querySelector(".sbb-step"));
-      });
-    }
-    render() {
-      return y`
-      <div class="sbb-step--wrapper">
-        <div class="sbb-step">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-    }
-  }, s = e, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    c(null, r = { value: s }, h, { kind: "class", name: s.name, metadata: t }, null, b), a = s = r.value, t && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), e.styles = x, e.events = {
-    validate: "validate",
-    resizeChange: "resizeChange"
-  }, m(s, b), e);
-  return a = s;
-})();
+import { SbbStepElement as b } from "./step/step.js";
 export {
-  L as SbbStepElement
+  b as SbbStepElement
 };

package/stepper/stepper/stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,cAAc,EAA+B,MAAM,YAAY,CAAC;;AAM9E;;;;;GAKG;AACH,qBAEM,iBAAkB,SAAQ,sBAA6B;IAC3D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;IACH,OAAO,CAAC,SAAS,CAUd;IAEH,wFAAwF;IACxF,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,yDAAyD;IACzD,IACW,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAKxD;IACD,IAAW,cAAc,IAAI,iBAAiB,GAAG,IAAI,CAEpD;IACD,OAAO,CAAC,eAAe,CAAkC;IAEzD,wDAAwD;IACxD,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,mCAAmC;IACnC,IACW,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAI9C;IACD,IAAW,QAAQ,IAAI,cAAc,GAAG,IAAI,CAE3C;IAED,yCAAyC;IACzC,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAI5C;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,gCAAgC;IAChC,IAAW,KAAK,IAAI,cAAc,EAAE,CAEnC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,sBAAsB,CAA8C;;IAQ5E,6BAA6B;IACtB,IAAI,IAAI,IAAI;IAMnB,iCAAiC;IAC1B,QAAQ,IAAI,IAAI;IAMvB,yFAAyF;IAClF,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,OAAO;IAyBf,OAAO,CAAC,cAAc;IAiBtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,oBAAoB;IAUZ,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAKnB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAW1E,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAgB5E,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,cAAc;cAmBH,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,cAAc,EAA+B,MAAM,YAAY,CAAC;;AAM9E;;;;;GAKG;AACH,qBAEM,iBAAkB,SAAQ,sBAA6B;IAC3D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;OAKG;IACH,OAAO,CAAC,SAAS,CAUd;IAEH,wFAAwF;IACxF,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,yDAAyD;IACzD,IACW,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAKxD;IACD,IAAW,cAAc,IAAI,iBAAiB,GAAG,IAAI,CAEpD;IACD,OAAO,CAAC,eAAe,CAAkC;IAEzD,wDAAwD;IACxD,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,mCAAmC;IACnC,IACW,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAI9C;IACD,IAAW,QAAQ,IAAI,cAAc,GAAG,IAAI,CAE3C;IAED,yCAAyC;IACzC,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAI5C;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,gCAAgC;IAChC,IAAW,KAAK,IAAI,cAAc,EAAE,CAEnC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,sBAAsB,CAA8C;;IAU5E,6BAA6B;IACtB,IAAI,IAAI,IAAI;IAMnB,iCAAiC;IAC1B,QAAQ,IAAI,IAAI;IAMvB,yFAAyF;IAClF,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,OAAO;IAyBf,OAAO,CAAC,cAAc;IAiBtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,oBAAoB;IAUZ,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAKnB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAW1E,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAgB5E,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,cAAc;cAmBH,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/stepper/stepper/stepper.js

@@ -0,0 +1,244 @@
+var C = (i) => {
+  throw TypeError(i);
+};
+var H = (i, r, a) => r.has(i) || C("Cannot " + a);
+var g = (i, r, a) => (H(i, r, "read from private field"), a ? a.call(i) : r.get(i)), z = (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, o) => (H(i, r, "write to private field"), o ? o.call(i, a) : r.set(i, a), a);
+import { __esDecorate as c, __runInitializers as d } from "tslib";
+import { IntersectionController as D } from "@lit-labs/observers/intersection-controller.js";
+import { css as U, LitElement as q, html as B } from "lit";
+import { customElement as N, property as _ } from "lit/decorators.js";
+import { isArrowKeyPressed as $, getNextElementIndex as j } from "../../core/a11y.js";
+import { forceType as K } from "../../core/decorators.js";
+import { breakpoints as P, isLean as V, isBreakpoint as W } from "../../core/dom.js";
+import { SbbHydrationMixin as G } from "../../core/mixins.js";
+const J = U`*,: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-duration, 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-duration: 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}`, R = 150;
+let le = (() => {
+  var b, p, u, l;
+  let i = [N("sbb-stepper")], r, a = [], o, x = G(q), f = [], v, k = [], S = [], y, I, w = [], E = [], A, F = [], L = [], O, T;
+  return l = class extends x {
+    constructor() {
+      var e, t;
+      super();
+      z(this, b);
+      z(this, p);
+      z(this, u);
+      this._observer = (d(this, f), new D(this, {
+        target: null,
+        callback: (s) => {
+          s.forEach((n) => {
+            n.intersectionRatio > 0 && (this._setStepperHeight(this.selected), this._setMarkerSize());
+          });
+        }
+      })), h(this, b, d(this, k, !1)), this._horizontalFrom = (d(this, S), null), h(this, p, d(this, w, "horizontal")), h(this, u, (d(this, E), d(this, F, V() ? "s" : "m"))), this._loaded = (d(this, L), !1), this._resizeObserverTimeout = null, this._onStepperResize = () => {
+        this._checkOrientation(), this._setStepperHeight(this.selected), clearTimeout(this._resizeObserverTimeout), this.toggleAttribute("data-disable-animation", !0), this._resizeObserverTimeout = setTimeout(() => this.toggleAttribute("data-disable-animation", !1), R);
+      }, (e = this.addEventListener) == null || e.call(this, "keydown", (s) => this._handleKeyDown(s)), (t = this.addEventListener) == null || t.call(this, "resizeChange", (s) => this._onSelectedStepResize(s));
+    }
+    /** If set to true, only the current and previous labels can be clicked and selected. */
+    get linear() {
+      return g(this, b);
+    }
+    set linear(e) {
+      h(this, b, e);
+    }
+    /** Overrides the behaviour of `orientation` property. */
+    set horizontalFrom(e) {
+      this._horizontalFrom = e && P.includes(e) ? e : null, this._horizontalFrom && this._loaded && this._checkOrientation();
+    }
+    get horizontalFrom() {
+      return this._horizontalFrom;
+    }
+    /** Steps orientation, either horizontal or vertical. */
+    get orientation() {
+      return g(this, p);
+    }
+    set orientation(e) {
+      h(this, p, e);
+    }
+    /**
+     * Size variant, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return g(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]")) ?? null;
+    }
+    /** The currently selected step index. */
+    set selectedIndex(e) {
+      this._loaded && e !== null && this._select(this.steps[e]);
+    }
+    get selectedIndex() {
+      return this.selected ? this.steps.indexOf(this.selected) : null;
+    }
+    /** 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 !== null && this._select(this.steps[this.selectedIndex + 1]);
+    }
+    /** Selects the previous step. */
+    previous() {
+      this.selectedIndex !== null && 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((m) => m.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;
+      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 !== null) {
+        const s = this.steps.indexOf(e);
+        return s < this.selectedIndex || s === this.selectedIndex + 1;
+      }
+      return !0;
+    }
+    _select(e) {
+      var n, m, M;
+      if (!this._isValidStep(e))
+        return;
+      const t = {
+        currentIndex: this.selectedIndex,
+        currentStep: this.selected,
+        nextIndex: this.selectedIndex !== null ? this.selectedIndex + 1 : null,
+        nextStep: this.selectedIndex !== null ? this.steps[this.selectedIndex + 1] : null
+      };
+      if (this.selected && !this.selected.validate(t))
+        return;
+      const s = this.selected;
+      s == null || s.deselect(), e.select(), this._setMarkerSize(), this._setStepperHeight(e), this._configureLinearMode(), ((n = document.activeElement) == null ? void 0 : n.closest("sbb-stepper")) === this && ((M = (m = this.selected) == null ? void 0 : m.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`);
+    }
+    /**
+     * Sets the stepper height based on the height of the provided step.
+     */
+    _setStepperHeight(e) {
+      var t;
+      if (e && e.shadowRoot) {
+        const s = e.shadowRoot.querySelector(".sbb-step");
+        s && ((t = this.style) == null || t.setProperty("--sbb-stepper-content-height", `${s.offsetHeight}px`));
+      }
+    }
+    _calculateLabelOffsetTop() {
+      if (this.selectedIndex === null)
+        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;
+    }
+    _onSelectedStepResize(e) {
+      this._setStepperHeight(e.target);
+    }
+    _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 = W(this.horizontalFrom) ? "horizontal" : "vertical", this._updateLabels()), setTimeout(() => this._setMarkerSize(), 0);
+    }
+    _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(), window.addEventListener("resize", this._onStepperResize, {
+        passive: !0
+      }), this.toggleAttribute("data-disable-animation", !this._loaded);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), window.removeEventListener("resize", this._onStepperResize);
+    }
+    async firstUpdated(e) {
+      super.firstUpdated(e), await this.updateComplete, this._loaded = !0, this.selectedIndex = this.linear ? 0 : Number(this.getAttribute("selected-index")) || 0, this._observer.observe(this), this._checkOrientation(), setTimeout(() => this.toggleAttribute("data-disable-animation", !1), R);
+    }
+    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) && $(e)) {
+        const s = t.indexOf(this.selected), n = j(e, s, t.length);
+        this._select(t[n]), e.preventDefault();
+      }
+    }
+    render() {
+      return B`
+      <div class="sbb-stepper">
+        <div class="sbb-stepper__labels" role="tablist">
+          <slot name="step-label" @slotchange=${this._configure}></slot>
+        </div>
+        <div class="sbb-stepper__steps">
+          <slot name="step" @slotchange=${this._configure}></slot>
+        </div>
+      </div>
+    `;
+    }
+  }, b = new WeakMap(), p = new WeakMap(), u = new WeakMap(), o = l, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    v = [K(), _({ type: Boolean })], y = [_({ attribute: "horizontal-from", reflect: !0 })], I = [_({ reflect: !0 })], A = [_({ reflect: !0 })], O = [_({ attribute: !1 })], T = [_({ attribute: "selected-index", type: Number })], c(l, null, v, { 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, S), c(l, 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, f), c(l, null, I, { 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(l, 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, L), c(l, null, O, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, s) => {
+      t.selected = s;
+    } }, metadata: e }, null, f), c(l, null, T, { kind: "setter", name: "selectedIndex", static: !1, private: !1, access: { has: (t) => "selectedIndex" in t, set: (t, s) => {
+      t.selectedIndex = s;
+    } }, metadata: e }, null, f), c(null, r = { value: o }, i, { kind: "class", name: o.name, metadata: e }, null, a), o = r.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.styles = J, d(o, a), o;
+})();
+export {
+  le as SbbStepperElement
+};

package/stepper/stepper.d.ts

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

package/stepper/stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper/stepper.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper/stepper.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC"}