@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

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

@@ -1,2 +1,298 @@
-import { t as SbbStepLabelElement } from "../../step-label.component-BH28AI5Z.js";
-export { SbbStepLabelElement };
+import { css, html } from "lit";
+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;
+const _SbbStepLabelElement = class _SbbStepLabelElement extends SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement)) {
+  /** 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>
+    `;
+  }
+};
+_SbbStepLabelElement.elementName = "sbb-step-label";
+_SbbStepLabelElement.role = "tab";
+_SbbStepLabelElement.styles = [boxSizingStyles, style];
+let SbbStepLabelElement = _SbbStepLabelElement;
+export {
+  SbbStepLabelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zdGVwcGVyL3N0ZXAtbGFiZWwvc3RlcC1sYWJlbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGFwcGVuZEFyaWFFbGVtZW50cywgcmVtb3ZlQXJpYUVsZW1lbnRzLCBTYmJEaXNhYmxlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwRWxlbWVudCB9IGZyb20gJy4uL3N0ZXAvc3RlcC5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwcGVyRWxlbWVudCB9IGZyb20gJy4uL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGVwLWxhYmVsLnNjc3M/bGl0JmlubGluZSc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXN0ZXBwZXJgLCBpdCBkaXNwbGF5cyBhIHN0ZXAncyBsYWJlbC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyB0byBkaXNwbGF5IGFuIGljb24gaW4gdGhlIGxhYmVsIGJ1YmJsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlN0ZXBMYWJlbEVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc3RlcC1sYWJlbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0YWInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIFRoZSBzdGVwIGNvbnRyb2xsZWQgYnkgdGhlIGxhYmVsLiAqL1xuICBwdWJsaWMgZ2V0IHN0ZXAoKTogU2JiU3RlcEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fc3RlcDtcbiAgfVxuICBwcml2YXRlIF9zdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgc3RlcHBlcigpOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcblxuICAgIC8vIFdlIGFkZGl0aW9uYWxseSBrZWVwIHRyYWNrIG9mIHRoZSBgZGlzYWJsZWRgIHN0YXRlIHRvIHByZXNlcnZlIHRoZSB1c2VyIGNvbmZpZ3VyZWQgZGlzYWJsZWQgc3RhdGVcbiAgICAvLyBvZiBzdGVwIGxhYmVscyBpbiBjYXNlIG9mIHN3aXRjaGluZyBiZXR3ZWVuIGxpbmVhciBhbmQgbm9uLWxpbmVhciBtb2RlLlxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3VzZXItZGlzYWJsZWQnLCB2YWx1ZSk7XG4gIH1cbiAgcHVibGljIG92ZXJyaWRlIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gc3VwZXIuZGlzYWJsZWQ7XG4gIH1cblxuICBwcml2YXRlIF9wcmV2aW91c09yaWVudGF0aW9uPzogc3RyaW5nO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICBjb25zdCBzdGVwcGVyID0gdGhpcy5zdGVwcGVyO1xuICAgICAgaWYgKHN0ZXBwZXIgJiYgdGhpcy5zdGVwICYmIHRoaXMuX2lzTm90RGVhY3RpdmF0ZWRCeUxpbmVhck1vZGUodGhpcy5zdGVwKSkge1xuICAgICAgICBzdGVwcGVyLnNlbGVjdGVkID0gdGhpcy5zdGVwO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuc3RlcHBlciwge1xuICAgICAgICBvcmllbnRhdGlvbjogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uID0gcy5vcmllbnRhdGlvbjtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZTogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBzLnNpemU7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNOb3REZWFjdGl2YXRlZEJ5TGluZWFyTW9kZShzdGVwOiBTYmJTdGVwRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHN0ZXBwZXIgPSB0aGlzLnN0ZXBwZXI7XG4gICAgaWYgKHN0ZXBwZXI/LmxpbmVhciAmJiBzdGVwcGVyLnNlbGVjdGVkSW5kZXggIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IGluZGV4ID0gc3RlcHBlci5zdGVwcy5pbmRleE9mKHN0ZXApO1xuICAgICAgcmV0dXJuIGluZGV4IDwgc3RlcHBlci5zZWxlY3RlZEluZGV4IHx8IGluZGV4ID09PSBzdGVwcGVyLnNlbGVjdGVkSW5kZXggKyAxO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItc3RlcC1sYWJlbC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RlcC1sYWJlbCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgdGhpcy5fYXNzaWduU3RlcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY29uZmlndXJlKHBvc0luU2V0OiBudW1iZXIsIHNldFNpemU6IG51bWJlciwgc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9hc3NpZ25TdGVwKCk7XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNldFNpemUgPSBgJHtzZXRTaXplfWA7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25TdGVwKCk6IHZvaWQge1xuICAgIGxldCBuZXh0U2libGluZyA9IHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChuZXh0U2libGluZyAmJiBuZXh0U2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcCcpIHtcbiAgICAgIG5leHRTaWJsaW5nID0gbmV4dFNpYmxpbmcubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbHVlID0gbmV4dFNpYmxpbmcgYXMgU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNvbnRyb2xzRWxlbWVudHMsXG4gICAgICB0aGlzLl9zdGVwLFxuICAgICk7XG4gICAgdGhpcy5fc3RlcCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzLFxuICAgICAgdGhpcy5fc3RlcCxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBEaXNhYmxlcyB0aGUgc3RlcCBsYWJlbCBhbmQgYXZvaWRzIHNldHRpbmcgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIGluaXRpYWxcbiAgICogZGlzYWJsZWQgc3RhdGUgaW4gY2FzZSBvZiBzd2l0Y2hpbmcgYmV0d2VlbiBsaW5lYXIgYW5kIG5vbi1saW5lYXIgbW9kZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGVwLWxhYmVsXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXN0ZXAtbGFiZWxfX3ByZWZpeFwiPiR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RlcC1sYWJlbCc6IFNiYlN0ZXBMYWJlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBWUEsSUFBSSxTQUFTO0FBUVAsTUFBTyx1QkFBUCxNQUFPLDZCQUE0QixpQkFBaUIsaUJBQWlCLG9CQUFvQixDQUFDLEVBQUM7QUFBQTtBQUFBLEVBTS9GLElBQVcsT0FBSTtBQUNiLFdBQU8sS0FBSztBQUFBLEVBQ2Q7QUFBQSxFQUdBLElBQVcsVUFBTztBQUNoQixXQUFPLEtBQUssUUFBUSxhQUFhO0FBQUEsRUFDbkM7QUFBQSxFQUVBLElBQW9CLFNBQVMsT0FBYztBQUN6QyxVQUFNLFdBQVc7QUFJakIsU0FBSyxZQUFZLGlCQUFpQixLQUFLO0FBQUEsRUFDekM7QUFBQSxFQUNBLElBQW9C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

package/development/stepper/step-label.js

@@ -1,10 +1,8 @@
-import { t as SbbStepLabelElement } from "../step-label.component-BH28AI5Z.js";
-//#region src/elements/stepper/step-label.ts
-/** @entrypoint */
+import { SbbStepLabelElement } from "./step-label/step-label.component.js";
 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==
+export {
+  SbbStepLabelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYlN0ZXBMYWJlbEVsZW1lbnQgfSBmcm9tICcuL3N0ZXAtbGFiZWwvc3RlcC1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL3N0ZXAtbGFiZWwvc3RlcC1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5TYmJTdGVwTGFiZWxFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvc3RlcHBlci9zdGVwLWxhYmVsLmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL3N0ZXBwZXIuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvc3RlcHBlci5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFLQSxvQkFBb0IsT0FBQTtBQUVwQixRQUFRLEtBQUs7QUFBQSw0RkFDK0U7In0=

package/development/stepper/step.js

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