@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/status.js

@@ -0,0 +1,156 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbSlotStateController } from "./core/controllers.js";
+import { SbbIconNameMixin } from "./icon.js";
+import "./title.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-status-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-status-icon-color: var(--sbb-color-iron);
+  --sbb-status-text-color: var(--sbb-color-iron);
+  --_sbb-status-icon-font-size: var(--sbb-font-size-text-s);
+  display: block;
+}
+
+:host([type=error]) {
+  --sbb-status-text-color: var(--sbb-color-red125);
+}
+
+:host(:is([type=error], [type=error]:is([data-slot-names~=title], [title-content]))) {
+  --sbb-status-icon-color: var(--sbb-color-red125);
+}
+
+:host([type=success]) {
+  --sbb-status-text-color: var(--sbb-color-green);
+}
+
+:host(:is([type=success], [type=success]:is([data-slot-names~=title], [title-content]))) {
+  --sbb-status-icon-color: var(--sbb-color-green);
+}
+
+:host([type=warning]) {
+  --sbb-status-icon-color: var(--sbb-color-charcoal);
+  --sbb-status-text-color: var(--sbb-color-charcoal);
+}
+
+:host(:is([data-slot-names~=title], [title-content])) {
+  --sbb-status-text-color: var(--sbb-color-granite);
+  --sbb-status-icon-color: var(--sbb-color-charcoal);
+  --sbb-status-gap: var(--sbb-spacing-responsive-xxxs);
+  --_sbb-status-icon-font-size: var(--sbb-font-size-title-5);
+}
+
+.sbb-status {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  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);
+  display: flex;
+  gap: var(--sbb-status-gap);
+  color: var(--sbb-status-text-color);
+}
+
+.sbb-status__icon {
+  display: flex;
+  flex-shrink: 0;
+  color: var(--sbb-status-icon-color);
+  margin-block-start: calc((var(--_sbb-status-icon-font-size) * var(--sbb-typo-line-height-body-text) - var(--sbb-size-icon-ui-small)) / 2);
+}
+
+.sbb-status__title {
+  margin-block: 0;
+}
+:host(:not(:is([data-slot-names~=title], [title-content]))) .sbb-status__title {
+  display: none;
+}
+
+.sbb-status__content-slot {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbStatusElement = class extends SbbIconNameMixin(LitElement) {
+  constructor() {
+    super();
+    this._statusTypes = /* @__PURE__ */ new Map([
+      ["info", "circle-information-small"],
+      ["success", "circle-tick-small"],
+      ["warning", "circle-exclamation-point-small"],
+      ["error", "circle-cross-small"]
+    ]);
+    this.type = "info";
+    this.titleLevel = "3";
+    new SbbSlotStateController(this);
+  }
+  renderIconSlot() {
+    return html`
+      <slot name="icon">
+        <sbb-icon name=${this.iconName ?? this._statusTypes.get(this.type)}></sbb-icon>
+      </slot>
+    `;
+  }
+  render() {
+    return html`
+      <div class="sbb-status">
+        <span class="sbb-status__icon"> ${this.renderIconSlot()} </span>
+        <span class="sbb-status__content">
+          <sbb-title class="sbb-status__title" level=${this.titleLevel} visual-level="5">
+            <slot name="title">${this.titleContent}</slot>
+          </sbb-title>
+          <p class="sbb-status__content-slot">
+            <slot></slot>
+          </p>
+        </span>
+      </div>
+    `;
+  }
+};
+SbbStatusElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbStatusElement.prototype, "type", 2);
+__decorateClass([
+  property({ reflect: true, attribute: "title-content" })
+], SbbStatusElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbStatusElement.prototype, "titleLevel", 2);
+SbbStatusElement = __decorateClass([
+  customElement("sbb-status")
+], SbbStatusElement);
+export {
+  SbbStatusElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc3RhdHVzL3N0YXR1cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJTbG90U3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5cbmltcG9ydCAnLi4vdGl0bGUuanMnO1xuaW1wb3J0IHN0eWxlIGZyb20gJy4vc3RhdHVzLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYlN0YXR1c1R5cGUgPSAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgbWVzc2FnZSB0byB0aGUgdXNlcidzIGF0dGVudGlvbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzdGF0dXMgbWVzc2FnZS5cbiAqIEBzbG90IHRpdGxlIC0gVXNlIHRoaXMgdG8gcHJvdmlkZSBhIHRpdGxlIGZvciB0aGUgc3RhdHVzIChvcHRpb25hbCkuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBvdmVycmlkZSB0aGUgZGVmYXVsdCBzdGF0dXMgaWNvbi5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zdGF0dXMnKVxuZXhwb3J0IGNsYXNzIFNiYlN0YXR1c0VsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfc3RhdHVzVHlwZXM6IE1hcDxTYmJTdGF0dXNUeXBlLCBzdHJpbmc+ID0gbmV3IE1hcChbXG4gICAgWydpbmZvJywgJ2NpcmNsZS1pbmZvcm1hdGlvbi1zbWFsbCddLFxuICAgIFsnc3VjY2VzcycsICdjaXJjbGUtdGljay1zbWFsbCddLFxuICAgIFsnd2FybmluZycsICdjaXJjbGUtZXhjbGFtYXRpb24tcG9pbnQtc21hbGwnXSxcbiAgICBbJ2Vycm9yJywgJ2NpcmNsZS1jcm9zcy1zbWFsbCddLFxuICBdKTtcblxuICAvKiogVGhlIHR5cGUgb2YgdGhlIHN0YXR1cy4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgdHlwZTogU2JiU3RhdHVzVHlwZSA9ICdpbmZvJztcblxuICAvKiogQ29udGVudCBvZiB0aXRsZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcgfSkgcHVibGljIHRpdGxlQ29udGVudD86IHN0cmluZztcblxuICAvKiogTGV2ZWwgb2YgdGl0bGUsIGl0IHdpbGwgYmUgcmVuZGVyZWQgYXMgaGVhZGluZyB0YWcgKGUuZy4gaDMpLiBEZWZhdWx0cyB0byBsZXZlbCAzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1sZXZlbCcgfSkgcHVibGljIHRpdGxlTGV2ZWw6IFNiYlRpdGxlTGV2ZWwgPSAnMyc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvblNsb3QoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNsb3QgbmFtZT1cImljb25cIj5cbiAgICAgICAgPHNiYi1pY29uIG5hbWU9JHt0aGlzLmljb25OYW1lID8/IHRoaXMuX3N0YXR1c1R5cGVzLmdldCh0aGlzLnR5cGUpIX0+PC9zYmItaWNvbj5cbiAgICAgIDwvc2xvdD5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0YXR1c1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1zdGF0dXNfX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RhdHVzX19jb250ZW50XCI+XG4gICAgICAgICAgPHNiYi10aXRsZSBjbGFzcz1cInNiYi1zdGF0dXNfX3RpdGxlXCIgbGV2ZWw9JHt0aGlzLnRpdGxlTGV2ZWx9IHZpc3VhbC1sZXZlbD1cIjVcIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAgIDxwIGNsYXNzPVwic2JiLXN0YXR1c19fY29udGVudC1zbG90XCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9wPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc3RhdHVzJzogU2JiU3RhdHVzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFxQk8sSUFBTSxtQkFBTixjQUErQixpQkFBaUIsVUFBVSxFQUFFO0FBQUEsRUFtQjFELGNBQWM7QUFDYjtBQWpCUyxTQUFBLG1DQUErQyxJQUFJO0FBQUEsTUFDbEUsQ0FBQyxRQUFRLDBCQUEwQjtBQUFBLE1BQ25DLENBQUMsV0FBVyxtQkFBbUI7QUFBQSxNQUMvQixDQUFDLFdBQVcsZ0NBQWdDO0FBQUEsTUFDNUMsQ0FBQyxTQUFTLG9CQUFvQjtBQUFBLElBQUEsQ0FDL0I7QUFHNEIsU0FBTyxPQUFzQjtBQU1sQixTQUFPLGFBQTRCO0FBSXpFLFFBQUksdUJBQXVCLElBQUk7QUFBQSxFQUNqQztBQUFBLEVBRW1CLGlCQUFpQztBQUMzQyxXQUFBO0FBQUE7QUFBQSx5QkFFYyxLQUFLLFlBQVksS0FBSyxhQUFhLElBQUksS0FBSyxJQUFJLENBQUU7QUFBQTtBQUFBO0FBQUEsRUFHekU7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQSwwQ0FFK0IsS0FBSyxnQkFBZ0I7QUFBQTtBQUFBLHVEQUVSLEtBQUssVUFBVTtBQUFBLGlDQUNyQyxLQUFLLFlBQVk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBUWhEO0FBQ0Y7QUEvQ2EsaUJBQ1ksU0FBeUI7QUFVWixnQkFBQTtBQUFBLEVBQW5DLFNBQVMsRUFBRSxTQUFTLE1BQU07QUFBQSxHQVhoQixpQkFXeUIsV0FBQSxRQUFBLENBQUE7QUFHNEIsZ0JBQUE7QUFBQSxFQUEvRCxTQUFTLEVBQUUsU0FBUyxNQUFNLFdBQVcsaUJBQWlCO0FBQUEsR0FkNUMsaUJBY3FELFdBQUEsZ0JBQUEsQ0FBQTtBQUdqQixnQkFBQTtBQUFBLEVBQTlDLFNBQVMsRUFBRSxXQUFXLGVBQWU7QUFBQSxHQWpCM0IsaUJBaUJvQyxXQUFBLGNBQUEsQ0FBQTtBQWpCcEMsbUJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsWUFBWTtBQUFBLEdBQ2QsZ0JBQUE7In0=

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

@@ -0,0 +1,66 @@
+import { CSSResultGroup, LitElement, TemplateResult, PropertyValues } from 'lit';
+import { SbbStepLabelElement } from '../step-label.js';
+
+export type SbbStepValidateEventDetails = {
+    currentIndex?: number;
+    currentStep?: SbbStepElement;
+    nextIndex?: number;
+    nextStep?: SbbStepElement;
+};
+/**
+ * Combined with a `sbb-stepper`, it displays a step's content.
+ *
+ * @slot - Use the unnamed slot to provide content.
+ * @event {CustomEvent<SbbStepValidateEventDetails>} validate - Emits whenever step switch is triggered. Can be canceled.
+ */
+export declare class SbbStepElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly validate: "validate";
+    };
+    /** Emits whenever step switch is triggered. */
+    private _validate;
+    private _loaded;
+    private _abort;
+    private _stepper;
+    private _label;
+    private _stepResizeObserver;
+    /** The label of the step. */
+    get label(): SbbStepLabelElement | null;
+    /**
+     * Selects and configures the step.
+     * @internal
+     */
+    select(): void;
+    /**
+     * Deselects and configures the step.
+     * @internal
+     */
+    deselect(): void;
+    /**
+     * Emits a validate event whenever step switch is triggered.
+     * @internal
+     */
+    validate(eventData: SbbStepValidateEventDetails): boolean;
+    /**
+     * Configures the step.
+     * @internal
+     */
+    configure(stepperLoaded: boolean): void;
+    /** Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes. */
+    private _handleClick;
+    private _isGoNextElement;
+    private _isGoPreviousElement;
+    private _onStepElementResize;
+    private _getStepLabel;
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-step': SbbStepElement;
+    }
+}
+//# sourceMappingURL=step.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/step/step.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO5D,MAAM,MAAM,2BAA2B,GAAG;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,qBAKa,cAAe,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,+CAA+C;IAC/C,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,MAAM,CAAoC;IAClD,OAAO,CAAC,mBAAmB,CAEzB;IAEF,6BAA6B;IAC7B,IAAW,KAAK,IAAI,mBAAmB,GAAG,IAAI,CAE7C;IAED;;;OAGG;IACI,MAAM,IAAI,IAAI;IAQrB;;;OAGG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;OAGG;IACI,QAAQ,CAAC,SAAS,EAAE,2BAA2B,GAAG,OAAO;IAIhE;;;OAGG;IACI,SAAS,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAS9C,iGAAiG;IACjG,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,aAAa;IAQL,iBAAiB,IAAI,IAAI;cAStB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK9D,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,47 @@
+import { CSSResultGroup, TemplateResult, PropertyValues } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+import { SbbStepElement } from '../step.js';
+
+declare const SbbStepLabelElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+/**
+ * Combined with a `sbb-stepper`, it displays a step's label.
+ *
+ * @slot - Use the unnamed slot to provide a label.
+ * @slot icon - Use this to display an icon in the label bubble.
+ */
+export declare class SbbStepLabelElement extends SbbStepLabelElement_base {
+    static styles: CSSResultGroup;
+    /** @internal */
+    private readonly _internals;
+    /** The step controlled by the label. */
+    get step(): SbbStepElement | null;
+    /**
+     * Selects and configures the step label.
+     * @internal
+     */
+    select(): void;
+    /**
+     * Deselects and configures the step label.
+     * @internal
+     */
+    deselect(): void;
+    /**
+     * Configures the step label.
+     * @internal
+     */
+    configure(posInSet: number, setSize: number, stepperLoaded: boolean): void;
+    private _abort;
+    private _stepper;
+    private _step;
+    private _getStep;
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-step-label': SbbStepLabelElement;
+    }
+}
+export {};
+//# sourceMappingURL=step-label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step-label.d.ts","sourceRoot":"","sources":["../../../../../src/elements/stepper/step-label/step-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;;AAOjD;;;;;GAKG;AACH,qBAMa,mBAAoB,SAAQ,wBAAwD;IAC/F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA4C;IAEvE,wCAAwC;IACxC,IAAW,IAAI,IAAI,cAAc,GAAG,IAAI,CAEvC;IAED;;;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,MAAM,CAAyC;IACvD,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,KAAK,CAA+B;IAE5C,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;cAqBtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

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

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

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

package/development/stepper/step-label.js

@@ -0,0 +1,280 @@
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../core/base-elements.js";
+import { SbbConnectedAbortController } from "../core/controllers.js";
+import { hostAttributes } from "../core/decorators.js";
+import { SbbDisabledMixin } from "../core/mixins.js";
+import { SbbIconNameMixin } from "../icon.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-step-label-color: var(--sbb-color-iron);
+  --sbb-step-label-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    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);
+  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([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:not([data-focus-origin=mouse], [data-focus-origin=touch])) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) 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-spacing-fixed-4x);
+  color: var(--sbb-step-label-color);
+}
+
+.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;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let nextId = 0;
+let SbbStepLabelElement = class extends SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement)) {
+  constructor() {
+    super(...arguments);
+    this._internals = this.attachInternals();
+    this._abort = new SbbConnectedAbortController(this);
+    this._stepper = null;
+    this._step = null;
+  }
+  /** The step controlled by the label. */
+  get step() {
+    return this._step;
+  }
+  /**
+   * 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}`;
+  }
+  _getStep() {
+    let nextSibling = this.nextElementSibling;
+    while (nextSibling && nextSibling.localName !== "sbb-step") {
+      nextSibling = nextSibling.nextElementSibling;
+    }
+    return nextSibling;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const signal = this._abort.signal;
+    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"));
+    this.addEventListener(
+      "click",
+      () => {
+        if (this._stepper && this._step) {
+          this._stepper.selected = this._step;
+        }
+      },
+      { signal }
+    );
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    if (this.step) {
+      this.setAttribute("aria-controls", this.step.id);
+    }
+  }
+  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.styles = style;
+SbbStepLabelElement = __decorateClass([
+  customElement("sbb-step-label"),
+  hostAttributes({
+    slot: "step-label",
+    tabindex: "-1",
+    role: "tab"
+  })
+], SbbStepLabelElement);
+export {
+  SbbStepLabelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQsIHR5cGUgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwRWxlbWVudCB9IGZyb20gJy4uL3N0ZXAuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwcGVyRWxlbWVudCB9IGZyb20gJy4uL3N0ZXBwZXIuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zdGVwLWxhYmVsLnNjc3M/bGl0JmlubGluZSc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLXN0ZXBwZXJgLCBpdCBkaXNwbGF5cyBhIHN0ZXAncyBsYWJlbC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHByb3ZpZGUgYSBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyB0byBkaXNwbGF5IGFuIGljb24gaW4gdGhlIGxhYmVsIGJ1YmJsZS5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zdGVwLWxhYmVsJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHNsb3Q6ICdzdGVwLWxhYmVsJyxcbiAgdGFiaW5kZXg6ICctMScsXG4gIHJvbGU6ICd0YWInLFxufSlcbmV4cG9ydCBjbGFzcyBTYmJTdGVwTGFiZWxFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJEaXNhYmxlZE1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogQGludGVybmFsICovXG4gIHByaXZhdGUgcmVhZG9ubHkgX2ludGVybmFsczogRWxlbWVudEludGVybmFscyA9IHRoaXMuYXR0YWNoSW50ZXJuYWxzKCk7XG5cbiAgLyoqIFRoZSBzdGVwIGNvbnRyb2xsZWQgYnkgdGhlIGxhYmVsLiAqL1xuICBwdWJsaWMgZ2V0IHN0ZXAoKTogU2JiU3RlcEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fc3RlcDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWxlY3RzIGFuZCBjb25maWd1cmVzIHRoZSBzdGVwIGxhYmVsLlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy50YWJJbmRleCA9IDA7XG4gICAgdGhpcy5faW50ZXJuYWxzLmFyaWFTZWxlY3RlZCA9ICd0cnVlJztcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1zZWxlY3RlZCcsIHRydWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIERlc2VsZWN0cyBhbmQgY29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgZGVzZWxlY3QoKTogdm9pZCB7XG4gICAgdGhpcy50YWJJbmRleCA9IC0xO1xuICAgIHRoaXMuX2ludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLXNlbGVjdGVkJywgZmFsc2UpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGNvbmZpZ3VyZShwb3NJblNldDogbnVtYmVyLCBzZXRTaXplOiBudW1iZXIsIHN0ZXBwZXJMb2FkZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAoc3RlcHBlckxvYWRlZCkge1xuICAgICAgdGhpcy5fc3RlcCA9IHRoaXMuX2dldFN0ZXAoKTtcbiAgICB9XG4gICAgdGhpcy5faW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5faW50ZXJuYWxzLmFyaWFTZXRTaXplID0gYCR7c2V0U2l6ZX1gO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWJvcnQgPSBuZXcgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9zdGVwcGVyOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9zdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX2dldFN0ZXAoKTogU2JiU3RlcEVsZW1lbnQgfCBudWxsIHtcbiAgICBsZXQgbmV4dFNpYmxpbmcgPSB0aGlzLm5leHRFbGVtZW50U2libGluZztcbiAgICB3aGlsZSAobmV4dFNpYmxpbmcgJiYgbmV4dFNpYmxpbmcubG9jYWxOYW1lICE9PSAnc2JiLXN0ZXAnKSB7XG4gICAgICBuZXh0U2libGluZyA9IG5leHRTaWJsaW5nLm5leHRFbGVtZW50U2libGluZztcbiAgICB9XG4gICAgcmV0dXJuIG5leHRTaWJsaW5nIGFzIFNiYlN0ZXBFbGVtZW50O1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgY29uc3Qgc2lnbmFsID0gdGhpcy5fYWJvcnQuc2lnbmFsO1xuICAgIHRoaXMuaWQgPSB0aGlzLmlkIHx8IGBzYmItc3RlcC1sYWJlbC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5faW50ZXJuYWxzLmFyaWFTZWxlY3RlZCA9ICdmYWxzZSc7XG4gICAgdGhpcy5fc3RlcHBlciA9IHRoaXMuY2xvc2VzdCgnc2JiLXN0ZXBwZXInKTtcbiAgICB0aGlzLl9zdGVwID0gdGhpcy5fZ2V0U3RlcCgpO1xuICAgIC8vIFRoZSBgZGF0YS1kaXNhYmxlZGAgYXR0cmlidXRlIGlzIHVzZWQgdG8gcHJlc2VydmUgdGhlIGluaXRpYWwgZGlzYWJsZWQgc3RhdGUgb2ZcbiAgICAvLyBzdGVwIGxhYmVscyBpbiBjYXNlIG9mIHN3aXRjaGluZyBmcm9tIGxpbmVhciB0byBub24tbGluZWFyIG1vZGUuXG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZGlzYWJsZWQnLCB0aGlzLmhhc0F0dHJpYnV0ZSgnZGlzYWJsZWQnKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKFxuICAgICAgJ2NsaWNrJyxcbiAgICAgICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuX3N0ZXBwZXIgJiYgdGhpcy5fc3RlcCkge1xuICAgICAgICAgIHRoaXMuX3N0ZXBwZXIuc2VsZWN0ZWQgPSB0aGlzLl9zdGVwO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgeyBzaWduYWwgfSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmICh0aGlzLnN0ZXApIHtcbiAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCdhcmlhLWNvbnRyb2xzJywgdGhpcy5zdGVwLmlkKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RlcC1sYWJlbFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1zdGVwLWxhYmVsX19wcmVmaXhcIj4ke3RoaXMucmVuZGVySWNvblNsb3QoKX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXN0ZXAtbGFiZWxfX3RleHRcIj48c2xvdD48L3Nsb3Q+PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAtbGFiZWwnOiBTYmJTdGVwTGFiZWxFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFhQSxJQUFJLFNBQVM7QUFjTixJQUFNLHNCQUFOLGNBQWtDLGlCQUFpQixpQkFBaUIsb0JBQW9CLENBQUMsRUFBRTtBQUFBLEVBQTNGLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUlZLFNBQUEsYUFBK0IsS0FBSztBQXVDN0MsU0FBQSxTQUFTLElBQUksNEJBQTRCLElBQUk7QUFDckQsU0FBUSxXQUFxQztBQUM3QyxTQUFRLFFBQStCO0FBQUEsRUFBQTtBQUFBO0FBQUEsRUF0Q3ZDLElBQVcsT0FBOEI7QUFDdkMsV0FBTyxLQUFLO0FBQUEsRUFDZDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFNTyxTQUFlO0FBQ3BCLFNBQUssV0FBVztBQUNoQixTQUFLLFdBQVcsZUFBZTtBQUMxQixTQUFBLGdCQUFnQixpQkFBaUIsSUFBSTtBQUFBLEVBQzVDO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU1PLFdBQWlCO0FBQ3RCLFNBQUssV0FBVztBQUNoQixTQUFLLFdBQVcsZUFBZTtBQUMxQixTQUFBLGdCQUFnQixpQkFBaUIsS0FBSztBQUFBLEVBQzdDO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU1PLFVBQVUsVUFBa0IsU0FBaUIsZUFBOEI7QUFDaEYsUUFBSSxlQUFlO0FBQ1osV0FBQSxRQUFRLEtBQUs7SUFDcEI7QUFDSyxTQUFBLFdBQVcsZUFBZSxHQUFHLFFBQVE7QUFDckMsU0FBQSxXQUFXLGNBQWMsR0FBRyxPQUFPO0FBQUEsRUFDMUM7QUFBQSxFQU1RLFdBQWtDO0FBQ3hDLFFBQUksY0FBYyxLQUFLO0FBQ2hCLFdBQUEsZUFBZSxZQUFZLGNBQWMsWUFBWTtBQUMxRCxvQkFBYyxZQUFZO0FBQUEsSUFDNUI7QUFDTyxXQUFBO0FBQUEsRUFDVDtBQUFBLEVBRWdCLG9CQUEwQjtBQUN4QyxVQUFNLGtCQUFrQjtBQUNsQixVQUFBLFNBQVMsS0FBSyxPQUFPO0FBQzNCLFNBQUssS0FBSyxLQUFLLE1BQU0sa0JBQWtCLFFBQVE7QUFDL0MsU0FBSyxXQUFXLGVBQWU7QUFDMUIsU0FBQSxXQUFXLEtBQUssUUFBUSxhQUFhO0FBQ3JDLFNBQUEsUUFBUSxLQUFLO0FBR2xCLFNBQUssZ0JBQWdCLGlCQUFpQixLQUFLLGFBQWEsVUFBVSxDQUFDO0FBQzlELFNBQUE7QUFBQSxNQUNIO0FBQUEsTUFDQSxNQUFNO0FBQ0EsWUFBQSxLQUFLLFlBQVksS0FBSyxPQUFPO0FBQzFCLGVBQUEsU0FBUyxXQUFXLEtBQUs7QUFBQSxRQUNoQztBQUFBLE1BQ0Y7QUFBQSxNQUNBLEVBQUUsT0FBTztBQUFBLElBQUE7QUFBQSxFQUViO0FBQUEsRUFFbUIsYUFBYSxtQkFBK0M7QUFDN0UsVUFBTSxhQUFhLGlCQUFpQjtBQUNwQyxRQUFJLEtBQUssTUFBTTtBQUNiLFdBQUssYUFBYSxpQkFBaUIsS0FBSyxLQUFLLEVBQUU7QUFBQSxJQUNqRDtBQUFBLEVBQ0Y7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQSwrQ0FFb0MsS0FBSyxnQkFBZ0I7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQUlsRTtBQUNGO0FBM0ZhLG9CQUNZLFNBQXlCO0FBRHJDLHNCQUFOLGdCQUFBO0FBQUEsRUFOTixjQUFjLGdCQUFnQjtBQUFBLEVBQzlCLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxJQUNOLFVBQVU7QUFBQSxJQUNWLE1BQU07QUFBQSxFQUFBLENBQ1A7QUFBQSxHQUNZLG1CQUFBOyJ9

package/development/stepper/step.d.ts

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

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

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