@sbb-esta/lyne-elements 2.5.1 → 2.7.0

package/status.js

@@ -1,89 +1,4 @@
-var I = (t) => {
-  throw TypeError(t);
-};
-var w = (t, e, o) => e.has(t) || I("Cannot " + o);
-var m = (t, e, o) => (w(t, e, "read from private field"), o ? o.call(t) : e.get(t)), d = (t, e, o) => e.has(t) ? I("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), r = (t, e, o, l) => (w(t, e, "write to private field"), l ? l.call(t, o) : e.set(t, o), o);
-import { __esDecorate as h, __runInitializers as n } from "tslib";
-import { css as T, LitElement as $, html as E } from "lit";
-import { customElement as D, property as v } from "lit/decorators.js";
-import { slotState as j, forceType as M, omitEmptyConverter as N } from "./core/decorators.js";
-import { SbbIconNameMixin as O } from "./icon.js";
-import "./title.js";
-const P = T`*,:before,:after{box-sizing:border-box}:host{--sbb-status-gap: var(--sbb-spacing-fixed-1x);--sbb-status-icon-color: var(--sbb-color-iron);--sbb-status-text-color: var(--sbb-color-iron);--_sbb-status-icon-font-size: var(--sbb-font-size-text-s);display:block}:host([type=error]){--sbb-status-text-color: var(--sbb-color-red125)}:host(:is([type=error],[type=error]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-red125)}:host([type=success]){--sbb-status-text-color: var(--sbb-color-green)}:host(:is([type=success],[type=success]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-green)}:host([type=warning]){--sbb-status-icon-color: var(--sbb-color-charcoal);--sbb-status-text-color: var(--sbb-color-charcoal)}:host([type=pending]){--sbb-status-text-color: var(--sbb-color-sky)}:host(:is([type=pending],[type=pending]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-text-color: var(--sbb-color-red125)}:host(:is([type=incomplete],[type=incomplete]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-red125)}:host([type=not-started]){--sbb-status-icon-color: var(--sbb-color-smoke);--sbb-status-text-color: var(--sbb-color-charcoal)}:host(:is([type=not-started],[type=in-progress]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-smoke)}:host([type=in-progress]){--sbb-status-text-color: var(--sbb-color-pink)}:host(:is([type=in-progress],[type=in-progress]:is([data-slot-names~=title],[title-content]))){--sbb-status-icon-color: var(--sbb-color-pink)}:host(:is([data-slot-names~=title],[title-content])){--sbb-status-text-color: var(--sbb-color-granite);--sbb-status-icon-color: var(--sbb-color-charcoal);--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-icon-font-size: var(--sbb-font-size-title-5)}.sbb-status{--sbb-text-font-size: var(--sbb-font-size-text-s);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);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-icon-color);margin-block-start:calc((var(--_sbb-status-icon-font-size) * var(--sbb-typo-line-height-body-text) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__title{margin-block:0}:host(:not(:is([data-slot-names~=title],[title-content]))) .sbb-status__title{display:none}.sbb-status__content-slot{display:inline;margin:0;padding:0}`;
-let Q = (() => {
-  var c, b, p, i;
-  let t = [D("sbb-status"), j()], e, o = [], l, y = O($), _, g = [], f = [], x, z = [], k = [], C, L = [], S = [];
-  return i = class extends y {
-    constructor() {
-      super(...arguments);
-      d(this, c);
-      d(this, b);
-      d(this, p);
-      this._statusTypes = /* @__PURE__ */ new Map([
-        ["info", "circle-information-small"],
-        ["success", "circle-tick-small"],
-        ["warning", "circle-exclamation-point-small"],
-        ["error", "circle-cross-small"],
-        ["pending", "circle-three-dots-small"],
-        ["incomplete", "circle-dotted-part-x-small"],
-        ["not-started", "circle-dotted-small"],
-        ["in-progress", "circle-dotted-part-small"]
-      ]), r(this, c, n(this, g, "info")), r(this, b, (n(this, f), n(this, z, ""))), r(this, p, (n(this, k), n(this, L, "3"))), n(this, S);
-    }
-    /** The type of the status. */
-    get type() {
-      return m(this, c);
-    }
-    set type(a) {
-      r(this, c, a);
-    }
-    /** Content of title. */
-    get titleContent() {
-      return m(this, b);
-    }
-    set titleContent(a) {
-      r(this, b, a);
-    }
-    /** Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3. */
-    get titleLevel() {
-      return m(this, p);
-    }
-    set titleLevel(a) {
-      r(this, p, a);
-    }
-    renderIconSlot() {
-      return E`
-      <slot name="icon">
-        <sbb-icon name=${this.iconName || this._statusTypes.get(this.type)}></sbb-icon>
-      </slot>
-    `;
-    }
-    render() {
-      return E`
-      <div class="sbb-status">
-        <span class="sbb-status__icon"> ${this.renderIconSlot()} </span>
-        <span class="sbb-status__content">
-          <sbb-title class="sbb-status__title" level=${this.titleLevel} visual-level="5">
-            <slot name="title">${this.titleContent}</slot>
-          </sbb-title>
-          <p class="sbb-status__content-slot">
-            <slot></slot>
-          </p>
-        </span>
-      </div>
-    `;
-    }
-  }, c = new WeakMap(), b = new WeakMap(), p = new WeakMap(), l = i, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    _ = [v({ reflect: !0 })], x = [M(), v({ attribute: "title-content", reflect: !0, converter: N })], C = [v({ attribute: "title-level" })], h(i, null, _, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (s) => "type" in s, get: (s) => s.type, set: (s, u) => {
-      s.type = u;
-    } }, metadata: a }, g, f), h(i, null, x, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (s) => "titleContent" in s, get: (s) => s.titleContent, set: (s, u) => {
-      s.titleContent = u;
-    } }, metadata: a }, z, k), h(i, null, C, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (s) => "titleLevel" in s, get: (s) => s.titleLevel, set: (s, u) => {
-      s.titleLevel = u;
-    } }, metadata: a }, L, S), h(null, e = { value: l }, t, { kind: "class", name: l.name, metadata: a }, null, o), l = e.value, a && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), i.styles = P, n(l, o), l;
-})();
+import { SbbStatusElement as b } from "./status/status.js";
 export {
-  Q as SbbStatusElement
+  b as SbbStatusElement
 };

package/stepper/step/step.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
 import { SbbStepLabelElement } from '../step-label.js';
 export type SbbStepValidateEventDetails = {
     currentIndex: number | null;
@@ -16,11 +16,18 @@ export declare class SbbStepElement extends LitElement {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly validate: "validate";
+        readonly resizeChange: "resizeChange";
     };
     /** Emits whenever step switch is triggered. */
     private _validate;
+    /**
+     * @internal
+     * Emits when a resize happens, used to avoid setting the height of the stepper from the step component.
+     */
+    private _resizeChange;
     private _stepper;
     private _label;
+    private _stepResizeObserver;
     /** The label of the step. */
     get label(): SbbStepLabelElement | null;
     constructor();
@@ -48,8 +55,10 @@ export declare class SbbStepElement extends LitElement {
     private _handleClick;
     private _isGoNextElement;
     private _isGoPreviousElement;
+    private _onStepElementResize;
     private _getStepLabel;
     connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }
 declare global {
@@ -57,4 +66,9 @@ declare global {
         'sbb-step': SbbStepElement;
     }
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        resizeChange: CustomEvent<void>;
+    }
+}
 //# sourceMappingURL=step.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/step/step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO5D,MAAM,MAAM,2BAA2B,GAAG;IACxC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF;;;;;GAKG;AACH,qBAMM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,+CAA+C;IAC/C,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,MAAM,CAAoC;IAElD,6BAA6B;IAC7B,IAAW,KAAK,IAAI,mBAAmB,GAAG,IAAI,CAE7C;;IAOD;;;OAGG;IACI,MAAM,IAAI,IAAI;IAQrB;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;OAGG;IACI,QAAQ,CAAC,SAAS,EAAE,2BAA2B,GAAG,OAAO;IAIhE;;;OAGG;IACI,SAAS,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAS9C,iGAAiG;IACjG,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,aAAa;IAQL,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/step/step.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO5D,MAAM,MAAM,2BAA2B,GAAG;IACxC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF;;;;;GAKG;AACH,qBAMM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,+CAA+C;IAC/C,OAAO,CAAC,SAAS,CAGf;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,MAAM,CAAoC;IAMlD,OAAO,CAAC,mBAAmB,CAIxB;IAEH,6BAA6B;IAC7B,IAAW,KAAK,IAAI,mBAAmB,GAAG,IAAI,CAE7C;;IAOD;;;OAGG;IACI,MAAM,IAAI,IAAI;IAQrB;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;OAGG;IACI,QAAQ,CAAC,SAAS,EAAE,2BAA2B,GAAG,OAAO;IAIhE;;;OAGG;IACI,SAAS,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAS9C,iGAAiG;IACjG,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,aAAa;IAQL,iBAAiB,IAAI,IAAI;cAOtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,YAAY,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACjC;CACF"}

package/stepper/step/step.js

@@ -0,0 +1,104 @@
+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;
+})();
+export {
+  L as SbbStepElement
+};

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,90 +1,4 @@
-import { __esDecorate as c, __runInitializers as h } from "tslib";
-import { css as m, LitElement as v, html as u } from "lit";
-import { customElement as y } from "lit/decorators.js";
-import { hostAttributes as g } from "../core/decorators.js";
-import { EventEmitter as f } from "../core/eventing.js";
-const _ = m`*,: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 x = 0, A = (() => {
-  var e;
-  let d = [y("sbb-step"), g({
-    slot: "step",
-    role: "tabpanel"
-  })], b, r = [], i, o = v;
-  var n = (e = class extends o {
-    /** The label of the step. */
-    get label() {
-      return this._label;
-    }
-    constructor() {
-      var t;
-      super(), this._validate = new f(this, n.events.validate), this._stepper = null, this._label = null, (t = this.addEventListener) == null || t.call(this, "click", (a) => this._handleClick(a));
-    }
-    /**
-     * 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 a = t.composedPath().filter((s) => s instanceof window.HTMLElement);
-      a.some((s) => this._isGoNextElement(s)) ? (l = this._stepper) == null || l.next() : a.some((s) => this._isGoPreviousElement(s)) && ((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");
-    }
-    _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-${x++}`, this._stepper = this.closest("sbb-stepper"), this._label = this._getStepLabel();
-    }
-    render() {
-      return u`
-      <div class="sbb-step--wrapper">
-        <div class="sbb-step">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-    }
-  }, i = e, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    c(null, b = { value: i }, d, { kind: "class", name: i.name, metadata: t }, null, r), n = i = b.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), e.styles = _, e.events = {
-    validate: "validate"
-  }, h(i, r), e);
-  return n = i;
-})();
+import { SbbStepElement as b } from "./step/step.js";
 export {
-  A as SbbStepElement
+  b as SbbStepElement
 };

package/stepper/stepper/stepper.d.ts

@@ -56,6 +56,7 @@ export declare class SbbStepperElement extends SbbStepperElement_base {
      */
     private _setStepperHeight;
     private _calculateLabelOffsetTop;
+    private _onSelectedStepResize;
     private _configure;
     private _updateLabels;
     private _checkOrientation;

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;;IAO5E,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,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"}