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

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

@@ -0,0 +1,310 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbPropertyWatcherController } from "../../core/controllers.js";
+import { SbbDisabledMixin, removeAriaElements, appendAriaElements } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`:host {
+  --sbb-step-label-color: var(--sbb-color-4);
+  --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-border-color-4-inverted);
+  --sbb-step-label-prefix-background-color: var(--sbb-background-color-1);
+  --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-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-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-text-font-size-l) * var(--sbb-typo-line-height-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(:is(:state(selected),[state--selected])) {
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  --sbb-step-label-color: var(--sbb-color-3);
+}
+@media (forced-colors: active) {
+  :host(:is(:state(selected),[state--selected])) {
+    --sbb-step-label-color: Highlight !important;
+  }
+}
+
+:host(:is(:state(size-s),[state--size-s])) {
+  --sbb-step-label-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);
+}
+:host(:is(:state(size-s),[state--size-s]))::before {
+  inset-block-start: calc(var(--sbb-text-font-size-m) * var(--sbb-typo-line-height-text) / 2 + var(--sbb-border-width-1x) / 2);
+}
+
+:host(:disabled) {
+  --sbb-step-label-color: var(--sbb-color-granite);
+  --sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));
+  --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: var(--sbb-cursor-pointer);
+    --sbb-step-label-prefix-background-color: var(--sbb-background-color-3);
+    --sbb-step-label-translate-y-content-hover: -0.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(:is(:state(orientation-vertical),[state--orientation-vertical])) {
+  transition: margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+
+:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)) {
+  margin-block-start: var(--sbb-spacing-fixed-6x);
+}
+
+:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) {
+  margin-block-end: var(--sbb-spacing-fixed-8x);
+}
+
+.sbb-step-label {
+  --sbb-text-font-size: var(--sbb-text-font-size-l);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  cursor: var(--sbb-step-label-cursor);
+  position: relative;
+  display: flex;
+  gap: var(--sbb-step-label-gap);
+  color: var(--sbb-step-label-color);
+}
+:host(:is(:state(size-s),[state--size-s])) .sbb-step-label {
+  --sbb-text-font-size: var(--sbb-text-font-size-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+}
+
+.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-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(:is(:state(orientation-horizontal),[state--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 nextId = 0;
+let SbbStepLabelElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-step-label")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement));
+  _a = class extends _classSuper {
+    /** The step controlled by the label. */
+    get step() {
+      return this._step;
+    }
+    get stepper() {
+      return this.closest("sbb-stepper");
+    }
+    set disabled(value) {
+      super.disabled = value;
+      this.toggleState("user-disabled", value);
+    }
+    get disabled() {
+      return super.disabled;
+    }
+    constructor() {
+      super();
+      this._step = null;
+      this.addEventListener?.("click", () => {
+        const stepper = this.stepper;
+        if (stepper && this.step && this._isNotDeactivatedByLinearMode(this.step)) {
+          stepper.selected = this.step;
+        }
+      });
+      this.addController(new SbbPropertyWatcherController(this, () => this.stepper, {
+        orientation: (s) => {
+          if (this._previousOrientation) {
+            this.internals.states.delete(`orientation-${this._previousOrientation}`);
+          }
+          this._previousOrientation = s.orientation;
+          if (this._previousOrientation) {
+            this.internals.states.add(`orientation-${this._previousOrientation}`);
+          }
+        },
+        size: (s) => {
+          if (this._previousSize) {
+            this.internals.states.delete(`size-${this._previousSize}`);
+          }
+          this._previousSize = s.size;
+          if (this._previousSize) {
+            this.internals.states.add(`size-${this._previousSize}`);
+          }
+        }
+      }));
+    }
+    _isNotDeactivatedByLinearMode(step) {
+      const stepper = this.stepper;
+      if (stepper?.linear && stepper.selectedIndex !== null) {
+        const index = stepper.steps.indexOf(step);
+        return index < stepper.selectedIndex || index === stepper.selectedIndex + 1;
+      }
+      return true;
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.id ||= `sbb-step-label-${nextId++}`;
+      this.slot ||= "step-label";
+      this.internals.ariaSelected = "false";
+      this.tabIndex = -1;
+      this._assignStep();
+    }
+    /**
+     * Selects and configures the step label.
+     * @internal
+     */
+    select() {
+      this.tabIndex = 0;
+      this.internals.ariaSelected = "true";
+      this.internals.states.add("selected");
+    }
+    /**
+     * Deselects and configures the step label.
+     * @internal
+     */
+    deselect() {
+      this.tabIndex = -1;
+      this.internals.ariaSelected = "false";
+      this.internals.states.delete("selected");
+    }
+    /**
+     * Configures the step label.
+     * @internal
+     */
+    configure(posInSet, setSize, stepperLoaded) {
+      if (stepperLoaded) {
+        this._assignStep();
+      }
+      this.internals.ariaPosInSet = `${posInSet}`;
+      this.internals.ariaSetSize = `${setSize}`;
+    }
+    _assignStep() {
+      let nextSibling = this.nextElementSibling;
+      while (nextSibling && nextSibling.localName !== "sbb-step") {
+        nextSibling = nextSibling.nextElementSibling;
+      }
+      const value = nextSibling;
+      this.internals.ariaControlsElements = removeAriaElements(this.internals.ariaControlsElements, this._step);
+      this._step = value instanceof Element ? value : null;
+      this.internals.ariaControlsElements = appendAriaElements(this.internals.ariaControlsElements, this._step);
+    }
+    /**
+     * @internal
+     * Disables the step label and avoids setting the `disabled` state to preserve the initial
+     * disabled state in case of switching between linear and non-linear mode.
+     */
+    disable(value) {
+      super.disabled = value;
+    }
+    render() {
+      return html`
+      <div class="sbb-step-label">
+        <span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
+        <span class="sbb-step-label__text"><slot></slot></span>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = "tab", _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbStepLabelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zdGVwcGVyL3N0ZXAtbGFiZWwvc3RlcC1sYWJlbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJCdXR0b25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBhcHBlbmRBcmlhRWxlbWVudHMsIHJlbW92ZUFyaWFFbGVtZW50cywgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcEVsZW1lbnQgfSBmcm9tICcuLi9zdGVwLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcHBlckVsZW1lbnQgfSBmcm9tICcuLi9zdGVwcGVyLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc3RlcC1sYWJlbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1zdGVwcGVyYCwgaXQgZGlzcGxheXMgYSBzdGVwJ3MgbGFiZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgdG8gZGlzcGxheSBhbiBpY29uIGluIHRoZSBsYWJlbCBidWJibGUuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zdGVwLWxhYmVsJylcbmNsYXNzIFNiYlN0ZXBMYWJlbEVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIFRoZSBzdGVwIGNvbnRyb2xsZWQgYnkgdGhlIGxhYmVsLiAqL1xuICBwdWJsaWMgZ2V0IHN0ZXAoKTogU2JiU3RlcEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fc3RlcDtcbiAgfVxuICBwcml2YXRlIF9zdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgc3RlcHBlcigpOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcblxuICAgIC8vIFdlIGFkZGl0aW9uYWxseSBrZWVwIHRyYWNrIG9mIHRoZSBgZGlzYWJsZWRgIHN0YXRlIHRvIHByZXNlcnZlIHRoZSB1c2VyIGNvbmZpZ3VyZWQgZGlzYWJsZWQgc3RhdGVcbiAgICAvLyBvZiBzdGVwIGxhYmVscyBpbiBjYXNlIG9mIHN3aXRjaGluZyBiZXR3ZWVuIGxpbmVhciBhbmQgbm9uLWxpbmVhciBtb2RlLlxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3VzZXItZGlzYWJsZWQnLCB2YWx1ZSk7XG4gIH1cbiAgcHVibGljIG92ZXJyaWRlIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gc3VwZXIuZGlzYWJsZWQ7XG4gIH1cblxuICBwcml2YXRlIF9wcmV2aW91c09yaWVudGF0aW9uPzogc3RyaW5nO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICBjb25zdCBzdGVwcGVyID0gdGhpcy5zdGVwcGVyO1xuICAgICAgaWYgKHN0ZXBwZXIgJiYgdGhpcy5zdGVwICYmIHRoaXMuX2lzTm90RGVhY3RpdmF0ZWRCeUxpbmVhck1vZGUodGhpcy5zdGVwKSkge1xuICAgICAgICBzdGVwcGVyLnNlbGVjdGVkID0gdGhpcy5zdGVwO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuc3RlcHBlciwge1xuICAgICAgICBvcmllbnRhdGlvbjogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uID0gcy5vcmllbnRhdGlvbjtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZTogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBzLnNpemU7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNOb3REZWFjdGl2YXRlZEJ5TGluZWFyTW9kZShzdGVwOiBTYmJTdGVwRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHN0ZXBwZXIgPSB0aGlzLnN0ZXBwZXI7XG4gICAgaWYgKHN0ZXBwZXI/LmxpbmVhciAmJiBzdGVwcGVyLnNlbGVjdGVkSW5kZXggIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IGluZGV4ID0gc3RlcHBlci5zdGVwcy5pbmRleE9mKHN0ZXApO1xuICAgICAgcmV0dXJuIGluZGV4IDwgc3RlcHBlci5zZWxlY3RlZEluZGV4IHx8IGluZGV4ID09PSBzdGVwcGVyLnNlbGVjdGVkSW5kZXggKyAxO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItc3RlcC1sYWJlbC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RlcC1sYWJlbCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgdGhpcy5fYXNzaWduU3RlcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY29uZmlndXJlKHBvc0luU2V0OiBudW1iZXIsIHNldFNpemU6IG51bWJlciwgc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9hc3NpZ25TdGVwKCk7XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNldFNpemUgPSBgJHtzZXRTaXplfWA7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25TdGVwKCk6IHZvaWQge1xuICAgIGxldCBuZXh0U2libGluZyA9IHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChuZXh0U2libGluZyAmJiBuZXh0U2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcCcpIHtcbiAgICAgIG5leHRTaWJsaW5nID0gbmV4dFNpYmxpbmcubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbHVlID0gbmV4dFNpYmxpbmcgYXMgU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNvbnRyb2xzRWxlbWVudHMsXG4gICAgICB0aGlzLl9zdGVwLFxuICAgICk7XG4gICAgdGhpcy5fc3RlcCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzLFxuICAgICAgdGhpcy5fc3RlcCxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBEaXNhYmxlcyB0aGUgc3RlcCBsYWJlbCBhbmQgYXZvaWRzIHNldHRpbmcgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIGluaXRpYWxcbiAgICogZGlzYWJsZWQgc3RhdGUgaW4gY2FzZSBvZiBzd2l0Y2hpbmcgYmV0d2VlbiBsaW5lYXIgYW5kIG5vbi1saW5lYXIgbW9kZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGVwLWxhYmVsXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXN0ZXAtbGFiZWxfX3ByZWZpeFwiPiR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RlcC1sYWJlbCc6IFNiYlN0ZXBMYWJlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFhQSxJQUFJLFNBQVM7SUFVUCx1QkFBbUIsTUFBQTs7MEJBRHhCLGNBQWMsZ0JBQWdCLENBQUM7Ozs7QUFDRSxNQUFBLGNBQUEsaUJBQWlCLGlCQUFpQixvQkFBb0IsQ0FBQztBQUEvRCxFQUFBLG1CQUFRLFlBQXdEO0FBQUE7QUFBQSxJQUt4RixJQUFXLE9BQUk7QUFDYixhQUFPLEtBQUs7QUFBQSxJQUNkO0FBQUEsSUFHQSxJQUFXLFVBQU87QUFDaEIsYUFBTyxLQUFLLFFBQVEsYUFBYTtBQUFBLElBQ25DO0FBQUEsSUFFQSxJQUFvQixTQUFTLE9BQWM7QUFDekMsWUFBTSxXQUFXO0FBSWpCLFdBQUssWUFBWSxpQkFBaUIs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

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

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

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

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

package/development/stepper/step-label.js

@@ -0,0 +1,5 @@
+import { SbbStepLabelElement } from "./step-label/step-label.component.js";
+export {
+  SbbStepLabelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/stepper/step.d.ts

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

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

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

package/development/stepper/step.js

@@ -0,0 +1,5 @@
+import { SbbStepElement } from "./step/step.component.js";
+export {
+  SbbStepElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/stepper/stepper/stepper.component.d.ts

@@ -0,0 +1,96 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.ts';
+import { SbbStepElement } from '../step.ts';
+export declare class SbbStepChangeEvent extends Event {
+    /** The index of the newly selected step. */
+    readonly selectedIndex: number | null;
+    /** The index of the previously selected step. */
+    readonly previousIndex: number | null;
+    /** The newly selected step element. */
+    readonly selectedStep: SbbStepElement | null;
+    /** The previously selected step element. */
+    readonly previousStep: SbbStepElement | null;
+    constructor(selectedIndex: number | null, previousIndex: number | null, selectedStep: SbbStepElement | null, previousStep: SbbStepElement | null);
+}
+declare const SbbStepperElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * Provides a structured, step-by-step workflow for user interactions.
+ * @slot - Provide a `sbb-expansion-panel-header` and a `sbb-expansion-panel-content` to the stepper.
+ * @slot step-label - Use this slot to provide an `sbb-step-label`.
+ * @slot step - Use this slot to provide an `sbb-step`.
+ * @event {SbbStepChangeEvent} stepchange - Emits whenever a step was changed.
+ */
+export declare class SbbStepperElement extends SbbStepperElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly stepchange: "stepchange";
+    };
+    /**
+     * If the sbb-stepper is used in a sbb-dialog, the marker on the selected element will not appear,
+     * because the calculations are done when the dialog is closed, so the marker has a width of 0;
+     * the same happens for the stepper height.
+     * We need to recalculate it when the element becomes visible.
+     */
+    private _observer;
+    /** If set to true, only the current and previous labels can be clicked and selected. */
+    accessor linear: boolean;
+    /** Overrides the behavior of `orientation` property. */
+    set horizontalFrom(value: SbbHorizontalFrom | null);
+    get horizontalFrom(): SbbHorizontalFrom | null;
+    private _horizontalFrom;
+    /** Steps orientation, either horizontal or vertical. */
+    accessor orientation: SbbOrientation;
+    /**
+     * Size variant, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 's' | 'm';
+    /** The currently selected step. */
+    set selected(step: SbbStepElement | null);
+    get selected(): SbbStepElement | null;
+    private _requestedSelected;
+    /** The currently selected step index. */
+    set selectedIndex(index: number | null);
+    get selectedIndex(): number | null;
+    private _requestedSelectedIndex;
+    /** The steps of the stepper. */
+    get steps(): SbbStepElement[];
+    private get _enabledSteps();
+    private _loaded;
+    private _resizeObserverTimeout;
+    private _mediaMatcher;
+    constructor();
+    /** Selects the next step. */
+    next(): void;
+    /** Selects the previous step. */
+    previous(): void;
+    /** Resets the form in which the stepper is nested or every form of each step, if any. */
+    reset(): void;
+    private _isSelectable;
+    private _select;
+    private _setMarkerSize;
+    /**
+     * Sets the stepper height based on the height of the provided step.
+     */
+    private _setStepperHeight;
+    private _calculateLabelOffsetTop;
+    private _onSelectedStepResize;
+    private _configure;
+    private _updateLabels;
+    private _checkOrientation;
+    private _onStepperResize;
+    private _configureLinearMode;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-stepper': SbbStepperElement;
+    }
+}
+export {};
+//# sourceMappingURL=stepper.component.d.ts.map

package/development/stepper/stepper/stepper.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/stepper/stepper.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAab,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAGlF,OAAO,KAAK,EAAE,cAAc,EAA+B,MAAM,YAAY,CAAC;AAa9E,qBAAa,kBAAmB,SAAQ,KAAK;IAC3C,4CAA4C;IAC5C,SAAgB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7C,iDAAiD;IACjD,SAAgB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7C,uCAAuC;IACvC,SAAgB,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;IAEpD,4CAA4C;IAC5C,SAAgB,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;gBAGlD,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,YAAY,EAAE,cAAc,GAAG,IAAI,EACnC,YAAY,EAAE,cAAc,GAAG,IAAI;CAQtC;;AACD;;;;;;GAMG;AACH,qBAEM,iBAAkB,SAAQ,sBAAuD;IACrF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;;;OAKG;IACH,OAAO,CAAC,SAAS,CAUd;IAEH,wFAAwF;IACxF,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,wDAAwD;IACxD,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,EAK9C;IACD,IAAW,QAAQ,IAAI,cAAc,GAAG,IAAI,CAE3C;IACD,OAAO,CAAC,kBAAkB,CAA+B;IAEzD,yCAAyC;IACzC,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAK5C;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IACD,OAAO,CAAC,uBAAuB,CAAuB;IAEtD,gCAAgC;IAChC,IAAW,KAAK,IAAI,cAAc,EAAE,CAOnC;IAED,OAAO,KAAK,aAAa,GAQxB;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,aAAa,CAA2C;;IAQhE,6BAA6B;IACtB,IAAI,IAAI,IAAI;IAMnB,iCAAiC;IAC1B,QAAQ,IAAI,IAAI;IAMvB,yFAAyF;IAClF,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,OAAO;IAmCf,OAAO,CAAC,cAAc;IAiBtB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,oBAAoB;IAcZ,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAKzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAqB3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,cAAc;cAmBH,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}