@sbb-esta/lyne-elements 2.7.1 → 2.9.0

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

@@ -1,276 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { SbbButtonBaseElement } from "../../core/base-elements.js";
-import { hostAttributes } from "../../core/decorators.js";
-import { SbbDisabledMixin } from "../../core/mixins.js";
-import { SbbIconNameMixin } from "../../icon.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  --sbb-step-label-color: var(--sbb-color-iron);
-  --sbb-step-label-animation-duration: var(
-    --sbb-disable-animation-duration,
-    var(--sbb-animation-duration-2x)
-  );
-  --sbb-step-label-prefix-size: var(--sbb-size-element-xxs);
-  --sbb-step-label-prefix-border-style: solid;
-  --sbb-step-label-prefix-border-color: var(--sbb-color-cloud);
-  --sbb-step-label-prefix-background-color: var(--sbb-color-white);
-  --sbb-step-label-gap: var(--sbb-spacing-fixed-4x);
-  position: relative;
-  min-width: 0;
-  max-width: fit-content;
-}
-:host::before {
-  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  cursor: var(--sbb-step-label-cursor);
-  color: var(--sbb-step-label-color);
-  inset-block-start: calc(var(--sbb-font-size-text-l) * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2);
-  inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);
-  line-height: 1;
-  z-index: 1;
-  transform: translate(-50%, calc(-50% + var(--sbb-step-label-translate-y-content-hover, 0rem)));
-  transition: transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing);
-}
-@media (forced-colors: active) {
-  :host {
-    --sbb-step-label-color: ButtonText;
-    --sbb-step-label-prefix-border-color: ButtonText;
-  }
-}
-
-:host([data-selected]) {
-  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  font-weight: bold;
-  --sbb-step-label-color: var(--sbb-color-charcoal);
-}
-@media (forced-colors: active) {
-  :host([data-selected]) {
-    --sbb-step-label-color: Highlight !important;
-  }
-}
-
-:host([data-size=s]) {
-  --sbb-step-label-gap: var(--sbb-spacing-fixed-3x);
-  --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);
-}
-:host([data-size=s])::before {
-  inset-block-start: calc(var(--sbb-font-size-text-m) * var(--sbb-typo-line-height-body-text) / 2 + var(--sbb-border-width-1x) / 2);
-}
-
-:host(:disabled) {
-  --sbb-step-label-color: var(--sbb-color-granite);
-  --sbb-step-label-prefix-border-style: dashed;
-}
-@media (forced-colors: active) {
-  :host(:disabled) {
-    --sbb-step-label-color: GrayText !important;
-  }
-}
-
-@media (any-hover: hover) {
-  :host(:hover:not(:disabled)) {
-    --sbb-step-label-cursor: pointer;
-    --sbb-step-label-prefix-background-color: var(--sbb-color-milk);
-    --sbb-step-label-translate-y-content-hover: -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([data-orientation=vertical]) {
-  transition: margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
-}
-
-:host([data-orientation=vertical]:not(:first-of-type)) {
-  margin-block-start: var(--sbb-spacing-fixed-6x);
-}
-
-:host([data-selected][data-orientation=vertical]) {
-  margin-block-end: var(--sbb-spacing-fixed-8x);
-}
-
-.sbb-step-label {
-  --sbb-text-font-size: var(--sbb-font-size-text-l);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  font-weight: bold;
-  cursor: var(--sbb-step-label-cursor);
-  position: relative;
-  display: flex;
-  gap: var(--sbb-step-label-gap);
-  color: var(--sbb-step-label-color);
-}
-:host([data-size=s]) .sbb-step-label {
-  --sbb-text-font-size: var(--sbb-font-size-text-m);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  font-weight: 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-body-text) / 2 + var(--sbb-border-width-1x) / 2 - var(--sbb-step-label-prefix-size) / 2);
-}
-.sbb-step-label__prefix::before {
-  content: "";
-  position: absolute;
-  inset: calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));
-  border-radius: var(--sbb-border-radius-infinity);
-  border: var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);
-  background-color: var(--sbb-step-label-prefix-background-color);
-  transition-duration: var(--sbb-step-label-animation-duration);
-  transition-timing-function: var(--sbb-animation-easing);
-  transition-property: background-color, inset;
-}
-
-:host([data-orientation=horizontal]) .sbb-step-label__text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-::slotted(sbb-icon),
-sbb-icon {
-  z-index: 1;
-  background-color: var(--sbb-step-label-prefix-background-color);
-  border-radius: var(--sbb-border-radius-infinity);
-  transform: translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));
-  transition-duration: var(--sbb-step-label-animation-duration);
-  transition-timing-function: var(--sbb-animation-easing);
-  transition-property: background-color, transform;
-}`;
-let nextId = 0;
-let SbbStepLabelElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-step-label"), hostAttributes({
-    slot: "step-label",
-    tabindex: "-1",
-    role: "tab"
-  })];
-  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;
-    }
-    constructor() {
-      var _a2;
-      super();
-      this._stepper = null;
-      this._step = null;
-      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "click", () => {
-        if (this._stepper && this._step) {
-          this._stepper.selected = this._step;
-        }
-      });
-    }
-    _getStep() {
-      let nextSibling = this.nextElementSibling;
-      while (nextSibling && nextSibling.localName !== "sbb-step") {
-        nextSibling = nextSibling.nextElementSibling;
-      }
-      return nextSibling;
-    }
-    connectedCallback() {
-      super.connectedCallback();
-      this.id || (this.id = `sbb-step-label-${nextId++}`);
-      this.internals.ariaSelected = "false";
-      this._stepper = this.closest("sbb-stepper");
-      this._step = this._getStep();
-      this.toggleAttribute("data-disabled", this.hasAttribute("disabled"));
-    }
-    firstUpdated(changedProperties) {
-      super.firstUpdated(changedProperties);
-      if (this.step) {
-        this.setAttribute("aria-controls", this.step.id);
-      }
-    }
-    /**
-     * Selects and configures the step label.
-     * @internal
-     */
-    select() {
-      this.tabIndex = 0;
-      this.internals.ariaSelected = "true";
-      this.toggleAttribute("data-selected", true);
-    }
-    /**
-     * Deselects and configures the step label.
-     * @internal
-     */
-    deselect() {
-      this.tabIndex = -1;
-      this.internals.ariaSelected = "false";
-      this.toggleAttribute("data-selected", false);
-    }
-    /**
-     * Configures the step label.
-     * @internal
-     */
-    configure(posInSet, setSize, stepperLoaded) {
-      if (stepperLoaded) {
-        this._step = this._getStep();
-      }
-      this.internals.ariaPosInSet = `${posInSet}`;
-      this.internals.ariaSetSize = `${setSize}`;
-    }
-    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.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
-export {
-  SbbStepLabelElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHR5cGUgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcEVsZW1lbnQgfSBmcm9tICcuLi9zdGVwLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcHBlckVsZW1lbnQgfSBmcm9tICcuLi9zdGVwcGVyLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc3RlcC1sYWJlbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1zdGVwcGVyYCwgaXQgZGlzcGxheXMgYSBzdGVwJ3MgbGFiZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgdG8gZGlzcGxheSBhbiBpY29uIGluIHRoZSBsYWJlbCBidWJibGUuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zdGVwLWxhYmVsJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHNsb3Q6ICdzdGVwLWxhYmVsJyxcbiAgdGFiaW5kZXg6ICctMScsXG4gIHJvbGU6ICd0YWInLFxufSlcbmNsYXNzIFNiYlN0ZXBMYWJlbEVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkRpc2FibGVkTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgc3RlcCBjb250cm9sbGVkIGJ5IHRoZSBsYWJlbC4gKi9cbiAgcHVibGljIGdldCBzdGVwKCk6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuX3N0ZXA7XG4gIH1cblxuICBwcml2YXRlIF9zdGVwcGVyOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9zdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsICgpID0+IHtcbiAgICAgIGlmICh0aGlzLl9zdGVwcGVyICYmIHRoaXMuX3N0ZXApIHtcbiAgICAgICAgdGhpcy5fc3RlcHBlci5zZWxlY3RlZCA9IHRoaXMuX3N0ZXA7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9nZXRTdGVwKCk6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbCB7XG4gICAgbGV0IG5leHRTaWJsaW5nID0gdGhpcy5uZXh0RWxlbWVudFNpYmxpbmc7XG4gICAgd2hpbGUgKG5leHRTaWJsaW5nICYmIG5leHRTaWJsaW5nLmxvY2FsTmFtZSAhPT0gJ3NiYi1zdGVwJykge1xuICAgICAgbmV4dFNpYmxpbmcgPSBuZXh0U2libGluZy5uZXh0RWxlbWVudFNpYmxpbmc7XG4gICAgfVxuICAgIHJldHVybiBuZXh0U2libGluZyBhcyBTYmJTdGVwRWxlbWVudDtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItc3RlcC1sYWJlbC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLl9zdGVwcGVyID0gdGhpcy5jbG9zZXN0KCdzYmItc3RlcHBlcicpO1xuICAgIHRoaXMuX3N0ZXAgPSB0aGlzLl9nZXRTdGVwKCk7XG4gICAgLy8gVGhlIGBkYXRhLWRpc2FibGVkYCBhdHRyaWJ1dGUgaXMgdXNlZCB0byBwcmVzZXJ2ZSB0aGUgaW5pdGlhbCBkaXNhYmxlZCBzdGF0ZSBvZlxuICAgIC8vIHN0ZXAgbGFiZWxzIGluIGNhc2Ugb2Ygc3dpdGNoaW5nIGZyb20gbGluZWFyIHRvIG5vbi1saW5lYXIgbW9kZS5cbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlZCcsIHRoaXMuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAodGhpcy5zdGVwKSB7XG4gICAgICB0aGlzLnNldEF0dHJpYnV0ZSgnYXJpYS1jb250cm9scycsIHRoaXMuc3RlcC5pZCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtc2VsZWN0ZWQnLCB0cnVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLXNlbGVjdGVkJywgZmFsc2UpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGNvbmZpZ3VyZShwb3NJblNldDogbnVtYmVyLCBzZXRTaXplOiBudW1iZXIsIHN0ZXBwZXJMb2FkZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAoc3RlcHBlckxvYWRlZCkge1xuICAgICAgdGhpcy5fc3RlcCA9IHRoaXMuX2dldFN0ZXAoKTtcbiAgICB9XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVBvc0luU2V0ID0gYCR7cG9zSW5TZXR9YDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2V0U2l6ZSA9IGAke3NldFNpemV9YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGVwLWxhYmVsXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXN0ZXAtbGFiZWxfX3ByZWZpeFwiPiR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RlcC1sYWJlbCc6IFNiYlN0ZXBMYWJlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJfYSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQVlBLElBQUksU0FBUztJQWVQLHVCQUFtQixNQUFBOztBQU54QixNQUFBLG1CQUFBLENBQUEsY0FBYyxnQkFBZ0IsR0FDOUIsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLElBQ04sVUFBVTtBQUFBLElBQ1YsTUFBTTtBQUFBLEVBQUEsQ0FDUCxDQUFDOzs7O0FBQ2dDLE1BQUEsY0FBQSxpQkFBaUIsaUJBQWlCLG9CQUFvQixDQUFDO0FBQS9ELEVBQUEsbUJBQVEsWUFBd0Q7QUFBQTtBQUFBLElBSXhGLElBQVcsT0FBSTtBQUNiLGFBQU8sS0FBSztBQUFBLElBQUE7QUFBQSxJQU1kLGNBQUE7OztBQUhRLFdBQVEsV0FBNkI7QUFDckMsV0FBSyxRQUEwQjtBQUloQyxPQUFBQSxNQUFBLEtBQUEscUJBQUEsZ0JBQUFBLElBQUEsV0FBbUIsU0FBUyxNQUFLO0FBQ2hDLFlBQUEsS0FBSyxZQUFZLEtBQUssT0FBTztBQUMxQixlQUFBLFNBQVMsV0FBVyxLQUFLO0FBQUEsUUFBQTtBQUFBLE1BQ2hDO0FBQUEsSUFDRDtBQUFBLElBR0ssV0FBUTtBQUNkLFVBQUksY0FBYyxLQUFLO0FBQ2hCLGFBQUEsZUFBZSxZQUFZLGNBQWMsWUFBWTtBQUMxRCxzQkFBYyxZQUFZO0FBQUEsTUFBQTtBQUVyQixhQUFBO0FBQUEsSUFBQTtBQUFBLElBR08sb0JBQWlCO0FBQy9CLFlBQU0sa0JBQWlCO0FBQ2xCLFdBQUEsT0FBQSxLQUFBLEtBQU8sa0JBQWtCLFFBQVE7QUFDdEMsV0FBSyxVQUFVLGVBQWU7QUFDekIsV0FBQSxXQUFXLEtBQUssUUFBUSxhQUFhO0FBQ3JDLFdBQUEsUUFBUSxLQUFLO0FBR2xCLFdBQUssZ0JBQWdCLGlCQUFpQixLQUFLLGFBQWEsVUFBVSxDQUFDO0FBQUEsSUFBQTtBQUFBLElBR2xELGFBQWEsbUJBQXVDO0FBQ3JFLFlBQU0sYUFBYSxpQkFBaUI7QUFDcEMsVUFBSSxLQUFLLE1BQU07QUFDYixhQUFLLGFBQWEsaUJBQWlCLEtBQUssS0FBSyxFQUFFO0FBQUEsTUFBQTtBQUFBLElBQ2pEO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU9LLFNBQU07QUFDWCxXQUFLLFdBQVc7QUFDaEIsV0FBSyxVQUFVLGVBQWU7QUFDekIsV0FBQSxnQkFBZ0IsaUJBQWlCLElBQUk7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU9yQyxXQUFRO0FBQ2IsV0FBSyxXQUFXO0FBQ2hCLFdBQUssVUFBVSxlQUFlO0FBQ3pCLFdBQUEsZ0JBQWdCLGlCQUFpQixLQUFLO0FBQUEsSUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFPdEMsVUFBVSxVQUFrQixTQUFpQixlQUFzQjtBQUN4RSxVQUFJLGVBQWU7QUFDWixhQUFBLFFBQVEsS0FBSzs7QUFFZixXQUFBLFVBQVUsZUFBZSxHQUFHLFFBQVE7QUFDcEMsV0FBQSxVQUFVLGNBQWMsR0FBRyxPQUFPO0FBQUEsSUFBQTtBQUFBLElBR3RCLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUEsK0NBRW9DLEtBQUssZ0JBQWdCO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQWpGcEUsaUJBc0ZDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFyRndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQW1CLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

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

@@ -1,79 +0,0 @@
-import { CSSResultGroup, LitElement, TemplateResult, PropertyValues } from 'lit';
-import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
-import { SbbStepElement } from '../step.js';
-declare const SbbStepperElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
-/**
- * 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`.
- */
-export declare class SbbStepperElement extends SbbStepperElement_base {
-    static styles: CSSResultGroup;
-    /**
-     * 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 behaviour 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;
-    /** The currently selected step index. */
-    set selectedIndex(index: number | null);
-    get selectedIndex(): number | null;
-    /** The steps of the stepper. */
-    get steps(): SbbStepElement[];
-    private get _enabledSteps();
-    private _loaded;
-    private _resizeObserverTimeout;
-    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 _isValidStep;
-    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>): Promise<void>;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    private _proxySize;
-    private _handleKeyDown;
-    protected render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-stepper': SbbStepperElement;
-    }
-}
-export {};
-//# sourceMappingURL=stepper.d.ts.map

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

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