@sbb-esta/lyne-elements 4.7.0 → 4.8.1

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

@@ -1,226 +1,2 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { ResizeController } from "@lit-labs/observers/resize-controller.js";
-import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { SbbPropertyWatcherController } from "../../core/controllers.js";
-import { SbbElementInternalsMixin, removeAriaElements, appendAriaElements } from "../../core/mixins.js";
-import { boxSizingStyles } from "../../core/styles.js";
-const style = css`: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;
-  display: contents;
-}
-
-:host(:is(:state(selected),[state--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(:is(:state(orientation-horizontal),[state--orientation-horizontal])) {
-  --sbb-step-position: absolute;
-  --sbb-step-inset-block-start: 0;
-}
-
-:host(:is(:state(orientation-vertical),[state--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(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--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-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);
-  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);
-  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 nextId = 0;
-let SbbStepElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-step")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbElementInternalsMixin(LitElement);
-  _a = class extends _classSuper {
-    /** The label of the step. */
-    get label() {
-      return this._label;
-    }
-    get stepper() {
-      return this.closest("sbb-stepper");
-    }
-    constructor() {
-      super();
-      this._stepResizeObserver = new ResizeController(this, {
-        target: null,
-        skipInitial: true,
-        callback: () => setTimeout(() => this._onStepElementResize())
-      });
-      this._label = null;
-      this.addEventListener?.("click", (e) => this._handleClick(e));
-      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}`);
-          }
-        }
-      }));
-    }
-    /**
-     * Selects and configures the step.
-     * @internal
-     * TODO: @breaking-change: make protected
-     */
-    select() {
-      if (!this.hasUpdated || !this.label) {
-        return;
-      }
-      this.internals.states.add("selected");
-      this.label.select();
-    }
-    /**
-     * Deselects and configures the step.
-     * @internal
-     * TODO: @breaking-change: make protected
-     */
-    deselect() {
-      if (!this.label) {
-        return;
-      }
-      this.internals.states.delete("selected");
-      this.label.deselect();
-    }
-    /**
-     * Emits a validate event whenever step switch is triggered.
-     * @internal
-     * TODO: @breaking-change: make protected
-     */
-    validate(eventData) {
-      return this.dispatchEvent(new CustomEvent("validate", {
-        bubbles: true,
-        composed: true,
-        cancelable: true,
-        detail: eventData
-      }));
-    }
-    /**
-     * Configures the step.
-     * @internal
-     * TODO: @breaking-change: make protected
-     */
-    configure(stepperLoaded) {
-      if (stepperLoaded) {
-        this._assignLabel();
-      }
-    }
-    /** Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes. */
-    _handleClick(event) {
-      const composedPathElements = event.composedPath().filter((el) => el instanceof window.HTMLElement);
-      if (composedPathElements.some((el) => this._isGoNextElement(el))) {
-        this.stepper?.next();
-      } else if (composedPathElements.some((el) => this._isGoPreviousElement(el))) {
-        this.stepper?.previous();
-      }
-    }
-    _isGoNextElement(element) {
-      return element.hasAttribute("sbb-stepper-next") && !element.hasAttribute("disabled");
-    }
-    _isGoPreviousElement(element) {
-      return element.hasAttribute("sbb-stepper-previous") && !element.hasAttribute("disabled");
-    }
-    _onStepElementResize() {
-      if (!this.matches(":is(:state(selected),[state--selected])")) {
-        return;
-      }
-      this.dispatchEvent(new Event("resizechange", { bubbles: true }));
-    }
-    connectedCallback() {
-      super.connectedCallback();
-      this.id ||= `sbb-step-${nextId++}`;
-      this.slot ||= "step";
-      this._assignLabel();
-    }
-    firstUpdated(changedProperties) {
-      super.firstUpdated(changedProperties);
-      this.updateComplete.then(() => {
-        this._stepResizeObserver.observe(this.shadowRoot.querySelector(".sbb-step"));
-      });
-    }
-    _assignLabel() {
-      let previousSibling = this.previousElementSibling;
-      while (previousSibling && previousSibling.localName !== "sbb-step-label") {
-        previousSibling = previousSibling.previousElementSibling;
-      }
-      const value = previousSibling;
-      this.internals.ariaLabelledByElements = removeAriaElements(this.internals.ariaLabelledByElements, this._label);
-      this._label = value instanceof Element ? value : null;
-      this.internals.ariaLabelledByElements = appendAriaElements(this.internals.ariaLabelledByElements, this._label);
-    }
-    render() {
-      return html`
-      <div class="sbb-step--wrapper">
-        <div class="sbb-step">
-          <slot></slot>
-        </div>
-      </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 = "tabpanel", _a.styles = [boxSizingStyles, style], _a.events = {
-    validate: "validate",
-    resizechange: "resizechange"
-  }, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
-export {
-  SbbStepElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zdGVwcGVyL3N0ZXAvc3RlcC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7XG4gIGFwcGVuZEFyaWFFbGVtZW50cyxcbiAgcmVtb3ZlQXJpYUVsZW1lbnRzLFxuICBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4sXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcExhYmVsRWxlbWVudCB9IGZyb20gJy4uL3N0ZXAtbGFiZWwudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwcGVyRWxlbWVudCB9IGZyb20gJy4uL3N0ZXBwZXIudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGVwLnNjc3M/bGl0JmlubGluZSc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG5leHBvcnQgdHlwZSBTYmJTdGVwVmFsaWRhdGVFdmVudERldGFpbHMgPSB7XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyIHwgbnVsbDtcbiAgY3VycmVudFN0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbDtcbiAgbmV4dEluZGV4OiBudW1iZXIgfCBudWxsO1xuICBuZXh0U3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xufTtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1zdGVwcGVyYCwgaXQgZGlzcGxheXMgYSBzdGVwJ3MgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgY29udGVudC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXN0ZXAnKVxuY2xhc3MgU2JiU3RlcEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAndGFicGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHZhbGlkYXRlOiAndmFsaWRhdGUnLFxuICAgIHJlc2l6ZWNoYW5nZTogJ3Jlc2l6ZWNoYW5nZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLy8gV2UgdXNlIGEgdGltZW91dCBhcyBhIHdvcmthcm91bmQgdG8gdGhlIFwiUmVzaXplT2JzZXJ2ZXIgbG9vcCBjb21wbGV0ZWQgd2l0aCB1bmRlbGl2ZXJlZCBub3RpZmljYXRpb25zXCIgZXJyb3IuXG4gIC8vIEZvciBtb3JlIGRldGFpbHM6XG4gIC8vIC0gaHR0cHM6Ly9naXRodWIuY29tL1dJQ0cvcmVzaXplLW9ic2VydmVyL2lzc3Vlcy8zOCNpc3N1ZWNvbW1lbnQtNDIyMTI2MDA2XG4gIC8vIC0gaHR0cHM6Ly9naXRodWIuY29tL2p1Z2dsZS9yZXNpemUtb2JzZXJ2ZXIvaXNzdWVzLzEwMyNpc3N1ZWNvbW1lbnQtMTcxMTE0ODI4NVxuICBwcml2YXRlIF9zdGVwUmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgIGNhbGxiYWNrOiAoKSA9PiBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX29uU3RlcEVsZW1lbnRSZXNpemUoKSksXG4gIH0pO1xuXG4gIC8qKiBUaGUgbGFiZWwgb2YgdGhlIHN0ZXAuICovXG4gIHB1YmxpYyBnZXQgbGFiZWwoKTogU2JiU3RlcExhYmVsRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbDtcbiAgfVxuICBwcml2YXRlIF9sYWJlbDogU2JiU3RlcExhYmVsRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgc3RlcHBlcigpOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJyk7XG4gIH1cblxuICBwcml2YXRlIF9wcmV2aW91c09yaWVudGF0aW9uPzogc3RyaW5nO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsIChlKSA9PiB0aGlzLl9oYW5kbGVDbGljayhlKSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5zdGVwcGVyLCB7XG4gICAgICAgIG9yaWVudGF0aW9uOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzT3JpZW50YXRpb24gPSBzLm9yaWVudGF0aW9uO1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBvcmllbnRhdGlvbi0ke3RoaXMuX3ByZXZpb3VzT3JpZW50YXRpb259YCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWxlY3RzIGFuZCBjb25maWd1cmVzIHRoZSBzdGVwLlxuICAgKiBAaW50ZXJuYWxcbiAgICogVE9ETzogQGJyZWFraW5nLWNoYW5nZTogbWFrZSBwcm90ZWN0ZWRcbiAgICovXG4gIHB1YmxpYyBzZWxlY3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc1VwZGF0ZWQgfHwgIXRoaXMubGFiZWwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgICB0aGlzLmxhYmVsLnNlbGVjdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIERlc2VsZWN0cyBhbmQgY29uZmlndXJlcyB0aGUgc3RlcC5cbiAgICogQGludGVybmFsXG4gICAqIFRPRE86IEBicmVha2luZy1jaGFuZ2U6IG1ha2UgcHJvdGVjdGVkXG4gICAqL1xuICBwdWJsaWMgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmxhYmVsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gICAgdGhpcy5sYWJlbC5kZXNlbGVjdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIGEgdmFsaWRhdGUgZXZlbnQgd2hlbmV2ZXIgc3RlcCBzd2l0Y2ggaXMgdHJpZ2dlcmVkLlxuICAgKiBAaW50ZXJuYWxcbiAgICogVE9ETzogQGJyZWFraW5nLWNoYW5nZTogbWFrZSBwcm90ZWN0ZWRcbiAgICovXG4gIHB1YmxpYyB2YWxpZGF0ZShldmVudERhdGE6IFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscyk6IGJvb2xlYW4ge1xuICAgIC8vIFRPRE86IEBicmVha2luZy1jaGFuZ2U6IENyZWF0ZSBhIHNwZWNpZmljIGV2ZW50IHR5cGUgZm9yIHRoaXMgZXZlbnQuXG4gICAgLyoqXG4gICAgICogQHR5cGUge0N1c3RvbUV2ZW50PFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscz59XG4gICAgICogVGhlIHZhbGlkYXRlIGV2ZW50IGlzIGRpc3BhdGNoZWQgd2hlbiBhIHN0ZXAgY2hhbmdlIGlzIHRyaWdnZXJlZC4gQ2FuIGJlIGNhbmNlbGVkIHRvIGFib3J0IHRoZSBzdGVwIGNoYW5nZS5cbiAgICAgKi9cbiAgICByZXR1cm4gdGhpcy5kaXNwYXRjaEV2ZW50KFxuICAgICAgbmV3IEN1c3RvbUV2ZW50PFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscz4oJ3ZhbGlkYXRlJywge1xuICAgICAgICBidWJibGVzOiB0cnVlLFxuICAgICAgICBjb21wb3NlZDogdHJ1ZSxcbiAgICAgICAgY2FuY2VsYWJsZTogdHJ1ZSxcbiAgICAgICAgZGV0YWlsOiBldmVudERhdGEsXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbmZpZ3VyZXMgdGhlIHN0ZXAuXG4gICAqIEBpbnRlcm5hbFxuICAgKiBUT0RPOiBAYnJlYWtpbmctY2hhbmdlOiBtYWtlIHByb3RlY3RlZFxuICAgKi9cbiAgcHVibGljIGNvbmZpZ3VyZShzdGVwcGVyTG9hZGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHN0ZXBwZXJMb2FkZWQpIHtcbiAgICAgIHRoaXMuX2Fzc2lnbkxhYmVsKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqIFdhdGNoZXMgZm9yIGNsaWNrZWQgZWxlbWVudHMgd2l0aCBgc2JiLXN0ZXBwZXItbmV4dGAgb3IgYHNiYi1zdGVwcGVyLXByZXZpb3VzYCBhdHRyaWJ1dGVzLiAqL1xuICBwcml2YXRlIF9oYW5kbGVDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBjb21wb3NlZFBhdGhFbGVtZW50cyA9IGV2ZW50XG4gICAgICAuY29tcG9zZWRQYXRoKClcbiAgICAgIC5maWx0ZXIoKGVsKSA9PiBlbCBpbnN0YW5jZW9mIHdpbmRvdy5IVE1MRWxlbWVudCk7XG4gICAgaWYgKGNvbXBvc2VkUGF0aEVsZW1lbnRzLnNvbWUoKGVsKSA9PiB0aGlzLl9pc0dvTmV4dEVsZW1lbnQoZWwgYXMgSFRNTEVsZW1lbnQpKSkge1xuICAgICAgdGhpcy5zdGVwcGVyPy5uZXh0KCk7XG4gICAgfSBlbHNlIGlmIChjb21wb3NlZFBhdGhFbGVtZW50cy5zb21lKChlbCkgPT4gdGhpcy5faXNHb1ByZXZpb3VzRWxlbWVudChlbCBhcyBIVE1MRWxlbWVudCkpKSB7XG4gICAgICB0aGlzLnN0ZXBwZXI/LnByZXZpb3VzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNHb05leHRFbGVtZW50KGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGVsZW1lbnQuaGFzQXR0cmlidXRlKCdzYmItc3RlcHBlci1uZXh0JykgJiYgIWVsZW1lbnQuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNHb1ByZXZpb3VzRWxlbWVudChlbGVtZW50OiBIVE1MRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBlbGVtZW50Lmhhc0F0dHJpYnV0ZSgnc2JiLXN0ZXBwZXItcHJldmlvdXMnKSAmJiAhZWxlbWVudC5oYXNBdHRyaWJ1dGUoJ2Rpc2FibGVkJyk7XG4gIH1cblxuICBwcml2YXRlIF9vblN0ZXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5tYXRjaGVzKCc6c3RhdGUoc2VsZWN0ZWQpJykpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAaW50ZXJuYWxcbiAgICAgKiBFbWl0cyB3aGVuIGEgcmVzaXplIGhhcHBlbnMsIHVzZWQgdG8gYXZvaWQgc2V0dGluZyB0aGUgaGVpZ2h0IG9mIHRoZSBzdGVwcGVyIGZyb20gdGhlIHN0ZXAgY29tcG9uZW50LlxuICAgICAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ3Jlc2l6ZWNoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLmlkIHx8PSBgc2JiLXN0ZXAtJHtuZXh0SWQrK31gO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3N0ZXAnO1xuICAgIHRoaXMuX2Fzc2lnbkxhYmVsKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgdGhpcy51cGRhdGVDb21wbGV0ZS50aGVuKCgpID0+IHtcbiAgICAgIHRoaXMuX3N0ZXBSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcignLnNiYi1zdGVwJykgYXMgSFRNTEVsZW1lbnQpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfYXNzaWduTGFiZWwoKTogdm9pZCB7XG4gICAgbGV0IHByZXZpb3VzU2libGluZyA9IHRoaXMucHJldmlvdXNFbGVtZW50U2libGluZztcbiAgICB3aGlsZSAocHJldmlvdXNTaWJsaW5nICYmIHByZXZpb3VzU2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcC1sYWJlbCcpIHtcbiAgICAgIHByZXZpb3VzU2libGluZyA9IHByZXZpb3VzU2libGluZy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nO1xuICAgIH1cbiAgICBjb25zdCB2YWx1ZSA9IHByZXZpb3VzU2libGluZyBhcyBTYmJTdGVwTGFiZWxFbGVtZW50IHwgbnVsbDtcblxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbGxlZEJ5RWxlbWVudHMgPSByZW1vdmVBcmlhRWxlbWVudHMoXG4gICAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWxsZWRCeUVsZW1lbnRzLFxuICAgICAgdGhpcy5fbGFiZWwsXG4gICAgKTtcbiAgICB0aGlzLl9sYWJlbCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWxsZWRCeUVsZW1lbnRzID0gYXBwZW5kQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsbGVkQnlFbGVtZW50cyxcbiAgICAgIHRoaXMuX2xhYmVsLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RlcC0td3JhcHBlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0ZXBcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAnOiBTYmJTdGVwRWxlbWVudDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIHJlc2l6ZWNoYW5nZTogRXZlbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBp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
+import { t as SbbStepElement } from "../../step.component-BZ8GnSvF.js";
+export { SbbStepElement };

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

@@ -1,7 +1,7 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.ts';
-import { SbbStepElement } from '../step.ts';
-import { SbbStepperElement } from '../stepper.ts';
+import { SbbStepElement } from '../step/step.component.ts';
+import { SbbStepperElement } from '../stepper/stepper.component.ts';
 declare const SbbStepLabelElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
 /**
  * Combined with a `sbb-stepper`, it displays a step's label.
@@ -10,6 +10,7 @@ declare const SbbStepLabelElement_base: import('../../core/mixins.ts').AbstractC
  * @slot icon - Use this to display an icon in the label bubble.
  */
 export declare class SbbStepLabelElement extends SbbStepLabelElement_base {
+    static readonly elementName: string;
     static readonly role = "tab";
     static styles: CSSResultGroup;
     /** The step controlled by the label. */

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

@@ -1 +1 @@
-{"version":3,"file":"step-label.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/step-label/step-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAMvD;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,wBAAwD;IACxF,gBAAgC,IAAI,SAAS;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,wCAAwC;IACxC,IAAW,IAAI,IAAI,cAAc,GAAG,IAAI,CAEvC;IACD,OAAO,CAAC,KAAK,CAA+B;IAE5C,IAAW,OAAO,IAAI,iBAAiB,GAAG,IAAI,CAE7C;IAED,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1C;IACD,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IAED,OAAO,CAAC,oBAAoB,CAAC,CAAS;IACtC,OAAO,CAAC,aAAa,CAAC,CAAS;;IAmC/B,OAAO,CAAC,6BAA6B;IASrB,iBAAiB,IAAI,IAAI;IASzC;;;OAGG;IACI,MAAM,IAAI,IAAI;IAMrB;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAMvB;;;OAGG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,GAAG,IAAI;IAQjF,OAAO,CAAC,WAAW;IAkBnB;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;cAIjB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"step-label.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/step-label/step-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;;AAMzE;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,wBAAwD;IAC/F,gBAAgC,WAAW,EAAE,MAAM,CAAoB;IACvE,gBAAgC,IAAI,SAAS;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,wCAAwC;IACxC,IAAW,IAAI,IAAI,cAAc,GAAG,IAAI,CAEvC;IACD,OAAO,CAAC,KAAK,CAA+B;IAE5C,IAAW,OAAO,IAAI,iBAAiB,GAAG,IAAI,CAE7C;IAED,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1C;IACD,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IAED,OAAO,CAAC,oBAAoB,CAAC,CAAS;IACtC,OAAO,CAAC,aAAa,CAAC,CAAS;;IAmC/B,OAAO,CAAC,6BAA6B;IASrB,iBAAiB,IAAI,IAAI;IASzC;;;OAGG;IACI,MAAM,IAAI,IAAI;IAMrB;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAMvB;;;OAGG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,GAAG,IAAI;IAQjF,OAAO,CAAC,WAAW;IAkBnB;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;cAIjB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

@@ -1,310 +1,2 @@
-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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
+import { t as SbbStepLabelElement } from "../../step-label.component-DbdXrY05.js";
+export { SbbStepLabelElement };

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

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

package/development/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;;GAEG;AACH,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"step-label.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/step-label.ts"],"names":[],"mappings":"AAGA,cAAc,sCAAsC,CAAC"}

package/development/stepper/step-label.js

@@ -1,5 +1,10 @@
-import { SbbStepLabelElement } from "./step-label/step-label.component.js";
-export {
-  SbbStepLabelElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
+import { t as SbbStepLabelElement } from "../step-label.component-DbdXrY05.js";
+//#region src/elements/stepper/step-label.ts
+/** @entrypoint */
+SbbStepLabelElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/stepper/step-label.js' has been deprecated.
+Use either '@sbb-esta/elements/stepper.js' or '@sbb-esta/elements/stepper.pure.js' instead.`);
+//#endregion
+export { SbbStepLabelElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvc3RlcHBlci9zdGVwLWxhYmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiU3RlcExhYmVsRWxlbWVudCB9IGZyb20gJy4vc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyc7XG5cblNiYlN0ZXBMYWJlbEVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9zdGVwcGVyL3N0ZXAtbGFiZWwuanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvc3RlcHBlci5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9zdGVwcGVyLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUtBLG9CQUFvQixRQUFRO0FBRTVCLFFBQVEsS0FBSzs2RkFDZ0YifQ==

package/development/stepper/step.d.ts

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

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

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