@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/development/stepper/step/step.js

@@ -0,0 +1,218 @@
+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 { hostAttributes } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-step-position: initial;
+  --sbb-step-inset-block-start: unset;
+  --sbb-step-opacity: 0;
+  --sbb-step-display: none;
+  --sbb-step-height: 0;
+  --sbb-step-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-step-animation-delay: 0;
+  --sbb-step-color: var(--sbb-color-iron);
+  display: contents;
+}
+
+:host([data-selected]) {
+  --sbb-step-opacity: 1;
+  --sbb-step-display: block;
+  --sbb-step-height: fit-content;
+  --sbb-step-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  --sbb-step-animation-delay: var(--sbb-step-animation-duration);
+}
+
+:host([data-orientation=horizontal]) {
+  --sbb-step-position: absolute;
+  --sbb-step-inset-block-start: 0;
+}
+
+:host([data-orientation=vertical]) .sbb-step--wrapper {
+  margin-inline-start: var(--sbb-spacing-fixed-4x);
+  opacity: 0;
+  height: 0;
+  transition: display var(--sbb-step-animation-duration) var(--sbb-animation-easing), height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);
+  transition-behavior: allow-discrete;
+}
+:host([data-selected][data-orientation=vertical]) .sbb-step--wrapper {
+  opacity: 1;
+  height: var(--sbb-stepper-content-height);
+  transition: display var(--sbb-step-animation-duration) var(--sbb-animation-easing), height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+  transition-behavior: allow-discrete;
+}
+
+.sbb-step {
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: 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: var(--sbb-step-position);
+  width: 100%;
+  inset-block-start: var(--sbb-step-inset-block-start);
+  opacity: var(--sbb-step-opacity);
+  display: var(--sbb-step-display);
+  height: var(--sbb-step-height);
+  color: var(--sbb-step-color);
+  transition-property: display, opacity;
+  transition-duration: var(--sbb-step-animation-duration);
+  transition-delay: var(--sbb-step-animation-delay);
+  transition-timing-function: var(--sbb-animation-easing);
+  transition-behavior: allow-discrete;
+}
+@starting-style {
+  .sbb-step {
+    --sbb-step-opacity: 0;
+  }
+}`;
+let nextId = 0;
+let SbbStepElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-step"), hostAttributes({
+    slot: "step",
+    role: "tabpanel"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  var SbbStepElement2 = (_a = class extends _classSuper {
+    /** The label of the step. */
+    get label() {
+      return this._label;
+    }
+    constructor() {
+      var _a2;
+      super();
+      this._validate = new EventEmitter(this, SbbStepElement2.events.validate);
+      this._resizeChange = new EventEmitter(this, SbbStepElement2.events.resizeChange, { bubbles: true });
+      this._stepper = null;
+      this._label = null;
+      this._stepResizeObserver = new ResizeController(this, {
+        target: null,
+        skipInitial: true,
+        callback: () => setTimeout(() => this._onStepElementResize())
+      });
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "click", (e) => this._handleClick(e));
+    }
+    /**
+     * Selects and configures the step.
+     * @internal
+     */
+    select() {
+      if (!this.hasUpdated || !this.label) {
+        return;
+      }
+      this.toggleAttribute("data-selected", true);
+      this.label.select();
+    }
+    /**
+     * Deselects and configures the step.
+     * @internal
+     */
+    deselect() {
+      if (!this.label) {
+        return;
+      }
+      this.toggleAttribute("data-selected", false);
+      this.label.deselect();
+    }
+    /**
+     * Emits a validate event whenever step switch is triggered.
+     * @internal
+     */
+    validate(eventData) {
+      return !!this._validate.emit(eventData);
+    }
+    /**
+     * Configures the step.
+     * @internal
+     */
+    configure(stepperLoaded) {
+      if (stepperLoaded) {
+        this._label = this._getStepLabel();
+      }
+      if (this.label) {
+        this.setAttribute("aria-labelledby", this.label.id);
+      }
+    }
+    /** Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes. */
+    _handleClick(event) {
+      var _a2, _b;
+      const composedPathElements = event.composedPath().filter((el) => el instanceof window.HTMLElement);
+      if (composedPathElements.some((el) => this._isGoNextElement(el))) {
+        (_a2 = this._stepper) == null ? void 0 : _a2.next();
+      } else if (composedPathElements.some((el) => this._isGoPreviousElement(el))) {
+        (_b = this._stepper) == null ? void 0 : _b.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.hasAttribute("data-selected")) {
+        return;
+      }
+      this._resizeChange.emit();
+    }
+    _getStepLabel() {
+      let previousSibling = this.previousElementSibling;
+      while (previousSibling && previousSibling.localName !== "sbb-step-label") {
+        previousSibling = previousSibling.previousElementSibling;
+      }
+      return previousSibling;
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.id || (this.id = `sbb-step-${nextId++}`);
+      this._stepper = this.closest("sbb-stepper");
+      this._label = this._getStepLabel();
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      this.updateComplete.then(() => {
+        this._stepResizeObserver.observe(this.shadowRoot.querySelector(".sbb-step"));
+      });
+    }
+    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);
+    SbbStepElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    validate: "validate",
+    resizeChange: "resizeChange"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbStepElement2 = _classThis;
+})();
+export {
+  SbbStepElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC9zdGVwLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiU3RlcExhYmVsRWxlbWVudCB9IGZyb20gJy4uL3N0ZXAtbGFiZWwuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwcGVyRWxlbWVudCB9IGZyb20gJy4uL3N0ZXBwZXIuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGVwLnNjc3M/bGl0JmlubGluZSc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG5leHBvcnQgdHlwZSBTYmJTdGVwVmFsaWRhdGVFdmVudERldGFpbHMgPSB7XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyIHwgbnVsbDtcbiAgY3VycmVudFN0ZXA6IFNiYlN0ZXBFbGVtZW50IHwgbnVsbDtcbiAgbmV4dEluZGV4OiBudW1iZXIgfCBudWxsO1xuICBuZXh0U3RlcDogU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xufTtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1zdGVwcGVyYCwgaXQgZGlzcGxheXMgYSBzdGVwJ3MgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgY29udGVudC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiU3RlcFZhbGlkYXRlRXZlbnREZXRhaWxzPn0gdmFsaWRhdGUgLSBFbWl0cyB3aGVuZXZlciBzdGVwIHN3aXRjaCBpcyB0cmlnZ2VyZWQuIENhbiBiZSBjYW5jZWxlZC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXN0ZXAnKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgc2xvdDogJ3N0ZXAnLFxuICByb2xlOiAndGFicGFuZWwnLFxufSlcbmNsYXNzIFNiYlN0ZXBFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICB2YWxpZGF0ZTogJ3ZhbGlkYXRlJyxcbiAgICByZXNpemVDaGFuZ2U6ICdyZXNpemVDaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciBzdGVwIHN3aXRjaCBpcyB0cmlnZ2VyZWQuICovXG4gIHByaXZhdGUgX3ZhbGlkYXRlOiBFdmVudEVtaXR0ZXI8U2JiU3RlcFZhbGlkYXRlRXZlbnREZXRhaWxzPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJTdGVwRWxlbWVudC5ldmVudHMudmFsaWRhdGUsXG4gICk7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBFbWl0cyB3aGVuIGEgcmVzaXplIGhhcHBlbnMsIHVzZWQgdG8gYXZvaWQgc2V0dGluZyB0aGUgaGVpZ2h0IG9mIHRoZSBzdGVwcGVyIGZyb20gdGhlIHN0ZXAgY29tcG9uZW50LlxuICAgKi9cbiAgcHJpdmF0ZSBfcmVzaXplQ2hhbmdlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiU3RlcEVsZW1lbnQuZXZlbnRzLnJlc2l6ZUNoYW5nZSxcbiAgICB7IGJ1YmJsZXM6IHRydWUgfSxcbiAgKTtcblxuICBwcml2YXRlIF9zdGVwcGVyOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9sYWJlbDogU2JiU3RlcExhYmVsRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIC8vIFdlIHVzZSBhIHRpbWVvdXQgYXMgYSB3b3JrYXJvdW5kIHRvIHRoZSBcIlJlc2l6ZU9ic2VydmVyIGxvb3AgY29tcGxldGVkIHdpdGggdW5kZWxpdmVyZWQgbm90aWZpY2F0aW9uc1wiIGVycm9yLlxuICAvLyBGb3IgbW9yZSBkZXRhaWxzOlxuICAvLyAtIGh0dHBzOi8vZ2l0aHViLmNvbS9XSUNHL3Jlc2l6ZS1vYnNlcnZlci9pc3N1ZXMvMzgjaXNzdWVjb21tZW50LTQyMjEyNjAwNlxuICAvLyAtIGh0dHBzOi8vZ2l0aHViLmNvbS9qdWdnbGUvcmVzaXplLW9ic2VydmVyL2lzc3Vlcy8xMDMjaXNzdWVjb21tZW50LTE3MTExNDgyODVcbiAgcHJpdmF0ZSBfc3RlcFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gc2V0VGltZW91dCgoKSA9PiB0aGlzLl9vblN0ZXBFbGVtZW50UmVzaXplKCkpLFxuICB9KTtcblxuICAvKiogVGhlIGxhYmVsIG9mIHRoZSBzdGVwLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVsKCk6IFNiYlN0ZXBMYWJlbEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fbGFiZWw7XG4gIH1cblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoZSkgPT4gdGhpcy5faGFuZGxlQ2xpY2soZSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaGFzVXBkYXRlZCB8fCAhdGhpcy5sYWJlbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1zZWxlY3RlZCcsIHRydWUpO1xuICAgIHRoaXMubGFiZWwuc2VsZWN0KCk7XG4gIH1cblxuICAvKipcbiAgICogRGVzZWxlY3RzIGFuZCBjb25maWd1cmVzIHRoZSBzdGVwLlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBkZXNlbGVjdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMubGFiZWwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtc2VsZWN0ZWQnLCBmYWxzZSk7XG4gICAgdGhpcy5sYWJlbC5kZXNlbGVjdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIGEgdmFsaWRhdGUgZXZlbnQgd2hlbmV2ZXIgc3RlcCBzd2l0Y2ggaXMgdHJpZ2dlcmVkLlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyB2YWxpZGF0ZShldmVudERhdGE6IFNiYlN0ZXBWYWxpZGF0ZUV2ZW50RGV0YWlscyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuX3ZhbGlkYXRlLmVtaXQoZXZlbnREYXRhKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDb25maWd1cmVzIHRoZSBzdGVwLlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBjb25maWd1cmUoc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9sYWJlbCA9IHRoaXMuX2dldFN0ZXBMYWJlbCgpO1xuICAgIH1cbiAgICBpZiAodGhpcy5sYWJlbCkge1xuICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWxsZWRieScsIHRoaXMubGFiZWwuaWQpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBXYXRjaGVzIGZvciBjbGlja2VkIGVsZW1lbnRzIHdpdGggYHNiYi1zdGVwcGVyLW5leHRgIG9yIGBzYmItc3RlcHBlci1wcmV2aW91c2AgYXR0cmlidXRlcy4gKi9cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgY29tcG9zZWRQYXRoRWxlbWVudHMgPSBldmVudFxuICAgICAgLmNvbXBvc2VkUGF0aCgpXG4gICAgICAuZmlsdGVyKChlbCkgPT4gZWwgaW5zdGFuY2VvZiB3aW5kb3cuSFRNTEVsZW1lbnQpO1xuICAgIGlmIChjb21wb3NlZFBhdGhFbGVtZW50cy5zb21lKChlbCkgPT4gdGhpcy5faXNHb05leHRFbGVtZW50KGVsIGFzIEhUTUxFbGVtZW50KSkpIHtcbiAgICAgIHRoaXMuX3N0ZXBwZXI/Lm5leHQoKTtcbiAgICB9IGVsc2UgaWYgKGNvbXBvc2VkUGF0aEVsZW1lbnRzLnNvbWUoKGVsKSA9PiB0aGlzLl9pc0dvUHJldmlvdXNFbGVtZW50KGVsIGFzIEhUTUxFbGVtZW50KSkpIHtcbiAgICAgIHRoaXMuX3N0ZXBwZXI/LnByZXZpb3VzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNHb05leHRFbGVtZW50KGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGVsZW1lbnQuaGFzQXR0cmlidXRlKCdzYmItc3RlcHBlci1uZXh0JykgJiYgIWVsZW1lbnQuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNHb1ByZXZpb3VzRWxlbWVudChlbGVtZW50OiBIVE1MRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBlbGVtZW50Lmhhc0F0dHJpYnV0ZSgnc2JiLXN0ZXBwZXItcHJldmlvdXMnKSAmJiAhZWxlbWVudC5oYXNBdHRyaWJ1dGUoJ2Rpc2FibGVkJyk7XG4gIH1cblxuICBwcml2YXRlIF9vblN0ZXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5oYXNBdHRyaWJ1dGUoJ2RhdGEtc2VsZWN0ZWQnKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9yZXNpemVDaGFuZ2UuZW1pdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0U3RlcExhYmVsKCk6IFNiYlN0ZXBMYWJlbEVsZW1lbnQgfCBudWxsIHtcbiAgICBsZXQgcHJldmlvdXNTaWJsaW5nID0gdGhpcy5wcmV2aW91c0VsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChwcmV2aW91c1NpYmxpbmcgJiYgcHJldmlvdXNTaWJsaW5nLmxvY2FsTmFtZSAhPT0gJ3NiYi1zdGVwLWxhYmVsJykge1xuICAgICAgcHJldmlvdXNTaWJsaW5nID0gcHJldmlvdXNTaWJsaW5nLnByZXZpb3VzRWxlbWVudFNpYmxpbmc7XG4gICAgfVxuICAgIHJldHVybiBwcmV2aW91c1NpYmxpbmcgYXMgU2JiU3RlcExhYmVsRWxlbWVudDtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItc3RlcC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5fc3RlcHBlciA9IHRoaXMuY2xvc2VzdCgnc2JiLXN0ZXBwZXInKTtcbiAgICB0aGlzLl9sYWJlbCA9IHRoaXMuX2dldFN0ZXBMYWJlbCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMudXBkYXRlQ29tcGxldGUudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLl9zdGVwUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJy5zYmItc3RlcCcpIGFzIEhUTUxFbGVtZW50KTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGVwLS13cmFwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RlcFwiPlxuICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RlcCc6IFNiYlN0ZXBFbGVtZW50O1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEdsb2JhbEV2ZW50SGFuZGxlcnNFdmVudE1hcCB7XG4gICAgcmVzaXplQ2hhbmdlOiBDdXN0b21FdmVudDx2b2lkPjtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIlNiYlN0ZXBFbGVtZW50IiwiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFpQkEsSUFBSSxTQUFTO0lBcUJQLGtCQUFjLE1BQUE7O0FBTG5CLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLFVBQVUsR0FDeEIsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLElBQ04sTUFBTTtBQUFBLEVBQUEsQ0FDUCxDQUFDOzs7O29CQUMy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

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

@@ -0,0 +1,276 @@
+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/step-label.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './step-label/step-label.js';
 //# 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,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"step-label.d.ts","sourceRoot":"","sources":["../../../../src/elements/stepper/step-label.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}