@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/stepper/stepper.js

@@ -0,0 +1,364 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { isArrowKeyPressed, getNextElementIndex } from "../core/a11y.js";
+import { SbbConnectedAbortController } from "../core/controllers.js";
+import { breakpoints, isBreakpoint } from "../core/dom.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-stepper-orientation: row;
+  --sbb-stepper-border-width: var(--sbb-border-width-1x);
+  --sbb-stepper-marker-size: 0;
+  --sbb-stepper-marker-width: var(--sbb-border-width-3x);
+  --sbb-stepper-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-stepper-marker-color: var(--sbb-color-charcoal);
+  display: block;
+  position: relative;
+  counter-reset: step-label;
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-stepper-marker-color: ButtonText;
+  }
+}
+
+:host([data-disable-animation]) {
+  --sbb-disable-animation-time: 0.1ms;
+  --sbb-disable-animation-zero-time: 0s;
+}
+
+:host([orientation=vertical]) {
+  --sbb-stepper-orientation: column;
+}
+
+.sbb-stepper {
+  width: 100%;
+}
+
+.sbb-stepper__labels {
+  display: flex;
+  flex-direction: var(--sbb-stepper-orientation);
+  position: relative;
+  justify-content: space-between;
+  margin-block-end: var(--sbb-spacing-responsive-m);
+}
+.sbb-stepper__labels::before {
+  content: "";
+  position: absolute;
+  inset-inline-start: calc(var(--sbb-stepper-border-width) * -1);
+  background-color: var(--sbb-stepper-marker-color);
+}
+:host([orientation=horizontal]) .sbb-stepper__labels {
+  gap: var(--sbb-spacing-fixed-4x);
+  padding-block-end: var(--sbb-spacing-fixed-4x);
+  border-block-end: var(--sbb-stepper-border-width) solid var(--sbb-color-cloud);
+}
+:host([orientation=horizontal]) .sbb-stepper__labels::before {
+  inset-block-end: calc(var(--sbb-stepper-border-width) * -1);
+  height: var(--sbb-stepper-marker-width);
+  width: var(--sbb-stepper-marker-size);
+  transition: width var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+:host([orientation=vertical]) .sbb-stepper__labels {
+  padding-inline-start: var(--sbb-spacing-fixed-4x);
+  border-inline-start: var(--sbb-stepper-border-width) solid var(--sbb-color-cloud);
+}
+:host([orientation=vertical]) .sbb-stepper__labels::before {
+  inset-block-start: 0;
+  width: var(--sbb-stepper-marker-width);
+  height: var(--sbb-stepper-marker-size);
+  transition: height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+
+.sbb-stepper__steps {
+  position: relative;
+}
+:host([orientation=horizontal]) .sbb-stepper__steps {
+  height: var(--sbb-stepper-content-height);
+  transition: height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);
+}
+
+::slotted(sbb-step-label)::before {
+  content: counter(step-label);
+  counter-increment: step-label;
+}`;
+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;
+};
+const DEBOUNCE_TIME = 150;
+let SbbStepperElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.linear = false;
+    this.orientation = "horizontal";
+    this._loaded = false;
+    this._abort = new SbbConnectedAbortController(this);
+    this._resizeObserverTimeout = null;
+  }
+  get horizontalFrom() {
+    return this._horizontalFrom;
+  }
+  set horizontalFrom(value) {
+    this._horizontalFrom = breakpoints.includes(value) ? value : void 0;
+    if (this._horizontalFrom && this._loaded) {
+      this._checkOrientation();
+    }
+  }
+  set selected(step) {
+    if (this._loaded) {
+      this._select(step);
+    }
+  }
+  get selected() {
+    var _a;
+    return ((_a = this.querySelector) == null ? void 0 : _a.call(this, "sbb-step[data-selected]")) ?? void 0;
+  }
+  set selectedIndex(index) {
+    if (this._loaded) {
+      this._select(this.steps[index]);
+    }
+  }
+  get selectedIndex() {
+    return this.selected ? this.steps.indexOf(this.selected) : void 0;
+  }
+  /** The steps of the stepper. */
+  get steps() {
+    var _a;
+    return Array.from(((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-step")) ?? []);
+  }
+  get _enabledSteps() {
+    return this.steps.filter((s) => {
+      var _a;
+      return !((_a = s.label) == null ? void 0 : _a.hasAttribute("disabled"));
+    });
+  }
+  /** Selects the next step. */
+  next() {
+    if (this.selectedIndex !== void 0) {
+      this._select(this.steps[this.selectedIndex + 1]);
+    }
+  }
+  /** Selects the previous step. */
+  previous() {
+    if (this.selectedIndex !== void 0) {
+      this._select(this.steps[this.selectedIndex - 1]);
+    }
+  }
+  /** Resets the form in which the stepper is nested or every form of each step, if any. */
+  reset() {
+    var _a, _b, _c;
+    const closestForm = this.closest("form");
+    if (closestForm) {
+      closestForm.reset();
+    } else {
+      this.querySelectorAll("form").forEach((form) => form.reset());
+    }
+    this.selectedIndex = 0;
+    if (((_a = document.activeElement) == null ? void 0 : _a.closest("sbb-stepper")) === this) {
+      (_c = (_b = this.selected) == null ? void 0 : _b.label) == null ? void 0 : _c.focus();
+    }
+  }
+  _isValidStep(step) {
+    var _a;
+    if (!step || !this.linear && ((_a = step.label) == null ? void 0 : _a.hasAttribute("disabled"))) {
+      return false;
+    }
+    if (this.linear && !this.selected) {
+      return step === this.steps[0];
+    }
+    if (this.linear && this.selectedIndex !== void 0) {
+      const index = this.steps.indexOf(step);
+      return index < this.selectedIndex || index === this.selectedIndex + 1;
+    }
+    return true;
+  }
+  _select(step) {
+    var _a, _b, _c;
+    if (!this._isValidStep(step)) {
+      return;
+    }
+    const validatePayload = {
+      currentIndex: this.selectedIndex,
+      currentStep: this.selected,
+      nextIndex: this.selectedIndex !== void 0 ? this.selectedIndex + 1 : void 0,
+      nextStep: this.selectedIndex !== void 0 ? this.steps[this.selectedIndex + 1] : void 0
+    };
+    if (this.selected && !this.selected.validate(validatePayload)) {
+      return;
+    }
+    const current = this.selected;
+    current == null ? void 0 : current.deselect();
+    step.select();
+    this._setMarkerSize();
+    this._configureLinearMode();
+    if (((_a = document.activeElement) == null ? void 0 : _a.closest("sbb-stepper")) === this) {
+      (_c = (_b = this.selected) == null ? void 0 : _b.label) == null ? void 0 : _c.focus();
+    }
+  }
+  _setMarkerSize() {
+    if (!this._loaded || !this.selected || this.selectedIndex === void 0 || !this.selected.label) {
+      return;
+    }
+    const offset = this.orientation === "horizontal" ? this.selected.label.offsetLeft + this.selected.label.offsetWidth : this._calculateLabelOffsetTop();
+    this.style.setProperty("--sbb-stepper-marker-size", `${offset}px`);
+  }
+  _calculateLabelOffsetTop() {
+    if (this.selectedIndex === void 0) {
+      return;
+    }
+    let offset = 0;
+    for (const step of this.steps) {
+      if (step === this.selected) {
+        break;
+      }
+      offset = step.label.offsetHeight + offset;
+    }
+    return offset + this.selected.label.offsetHeight + parseFloat(getComputedStyle(this).getPropertyValue("--sbb-spacing-fixed-6x")) * 16 * this.selectedIndex;
+  }
+  _configure() {
+    const steps = this.steps;
+    steps.forEach((s) => s.configure(this._loaded));
+    steps.filter((s) => s.label).map((s) => s.label).forEach((label, i, array) => {
+      label.configure(i + 1, array.length, this._loaded);
+    });
+    this._select(this.selected || this._enabledSteps[0]);
+  }
+  _updateLabels() {
+    this.steps.forEach((step) => {
+      var _a;
+      step.slot = this.orientation === "horizontal" ? "step" : "step-label";
+      step.setAttribute("data-orientation", this.orientation);
+      (_a = step.label) == null ? void 0 : _a.setAttribute("data-orientation", this.orientation);
+    });
+  }
+  _checkOrientation() {
+    if (this.horizontalFrom) {
+      this.orientation = isBreakpoint(this.horizontalFrom) ? "horizontal" : "vertical";
+      this._updateLabels();
+    }
+    setTimeout(() => this._setMarkerSize(), 0);
+  }
+  _onStepperResize() {
+    this._checkOrientation();
+    clearTimeout(this._resizeObserverTimeout);
+    this.toggleAttribute("data-disable-animation", true);
+    this._resizeObserverTimeout = setTimeout(
+      () => this.toggleAttribute("data-disable-animation", false),
+      DEBOUNCE_TIME
+    );
+  }
+  _configureLinearMode() {
+    this.steps.forEach((step, index) => {
+      var _a;
+      (_a = step.label) == null ? void 0 : _a.toggleAttribute(
+        "disabled",
+        this.linear && index > this.selectedIndex || !this.linear && step.label.hasAttribute("data-disabled")
+      );
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const signal = this._abort.signal;
+    this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal });
+    window.addEventListener("resize", () => this._onStepperResize(), {
+      signal,
+      passive: true
+    });
+    this.toggleAttribute("data-disable-animation", !this._loaded);
+  }
+  async firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    await this.updateComplete;
+    this._loaded = true;
+    this.selectedIndex = !this.linear ? Number(this.getAttribute("selected-index")) || 0 : 0;
+    this._checkOrientation();
+    setTimeout(() => this.toggleAttribute("data-disable-animation", false), DEBOUNCE_TIME);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("orientation") && !this.horizontalFrom) {
+      this._updateLabels();
+      this._setMarkerSize();
+    }
+    if (changedProperties.has("linear") && this._loaded) {
+      this._configureLinearMode();
+    }
+  }
+  _handleKeyDown(evt) {
+    const enabledSteps = this._enabledSteps;
+    if (!enabledSteps || // don't trap nested handling
+    evt.target !== this && evt.target.parentElement !== this) {
+      return;
+    }
+    if (isArrowKeyPressed(evt)) {
+      const current = enabledSteps.indexOf(this.selected);
+      const nextIndex = getNextElementIndex(evt, current, enabledSteps.length);
+      this._select(enabledSteps[nextIndex]);
+      evt.preventDefault();
+    }
+  }
+  render() {
+    return html`
+      <div class="sbb-stepper">
+        <div class="sbb-stepper__labels" role="tablist">
+          <slot name="step-label" @slotchange=${this._configure}></slot>
+        </div>
+        <div class="sbb-stepper__steps">
+          <slot name="step" @slotchange=${this._configure}></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+SbbStepperElement.styles = style;
+__decorateClass([
+  property({ type: Boolean })
+], SbbStepperElement.prototype, "linear", 2);
+__decorateClass([
+  property({ attribute: "horizontal-from", reflect: true })
+], SbbStepperElement.prototype, "horizontalFrom", 1);
+__decorateClass([
+  property({ reflect: true })
+], SbbStepperElement.prototype, "orientation", 2);
+__decorateClass([
+  property({ attribute: false })
+], SbbStepperElement.prototype, "selected", 1);
+__decorateClass([
+  property({ attribute: "selected-index", type: Number })
+], SbbStepperElement.prototype, "selectedIndex", 1);
+SbbStepperElement = __decorateClass([
+  customElement("sbb-stepper")
+], SbbStepperElement);
+export {
+  SbbStepperElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcHBlci9zdGVwcGVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaXNBcnJvd0tleVByZXNzZWQgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkuanMnO1xuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgaXNCcmVha3BvaW50IH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJIb3Jpem9udGFsRnJvbSwgU2JiT3JpZW50YXRpb24gfSBmcm9tICcuLi8uLi9jb3JlL2ludGVyZmFjZXMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJTdGVwRWxlbWVudCwgU2JiU3RlcFZhbGlkYXRlRXZlbnREZXRhaWxzIH0gZnJvbSAnLi4vc3RlcC5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0ZXBwZXIuc2Nzcz9saXQmaW5saW5lJztcblxuY29uc3QgREVCT1VOQ0VfVElNRSA9IDE1MDtcblxuLyoqXG4gKiBQcm92aWRlcyBhIHN0cnVjdHVyZWQsIHN0ZXAtYnktc3RlcCB3b3JrZmxvdyBmb3IgdXNlciBpbnRlcmFjdGlvbnMuXG4gKiBAc2xvdCAtIFByb3ZpZGUgYSBgc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJgIGFuZCBhIGBzYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnRgIHRvIHRoZSBzdGVwcGVyLlxuICogQHNsb3Qgc3RlcC1sYWJlbCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBgc2JiLXN0ZXAtbGFiZWxgLlxuICogQHNsb3Qgc3RlcCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBgc2JiLXN0ZXBgLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLXN0ZXBwZXInKVxuZXhwb3J0IGNsYXNzIFNiYlN0ZXBwZXJFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBJZiBzZXQgdG8gdHJ1ZSwgb25seSB0aGUgY3VycmVudCBhbmQgcHJldmlvdXMgbGFiZWxzIGNhbiBiZSBjbGlja2VkIGFuZCBzZWxlY3RlZC4gKi9cbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiB9KSBwdWJsaWMgbGluZWFyID0gZmFsc2U7XG5cbiAgLyoqIE92ZXJyaWRlcyB0aGUgYmVoYXZpb3VyIG9mIGBvcmllbnRhdGlvbmAgcHJvcGVydHkuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hvcml6b250YWwtZnJvbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGdldCBob3Jpem9udGFsRnJvbSgpOiBTYmJIb3Jpem9udGFsRnJvbSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuX2hvcml6b250YWxGcm9tO1xuICB9XG4gIHB1YmxpYyBzZXQgaG9yaXpvbnRhbEZyb20odmFsdWU6IFNiYkhvcml6b250YWxGcm9tKSB7XG4gICAgdGhpcy5faG9yaXpvbnRhbEZyb20gPSBicmVha3BvaW50cy5pbmNsdWRlcyh2YWx1ZSkgPyB2YWx1ZSA6IHVuZGVmaW5lZDtcbiAgICBpZiAodGhpcy5faG9yaXpvbnRhbEZyb20gJiYgdGhpcy5fbG9hZGVkKSB7XG4gICAgICB0aGlzLl9jaGVja09yaWVudGF0aW9uKCk7XG4gICAgfVxuICB9XG4gIHByaXZhdGUgX2hvcml6b250YWxGcm9tPzogU2JiSG9yaXpvbnRhbEZyb20gfCB1bmRlZmluZWQ7XG5cbiAgLyoqIFN0ZXBzIG9yaWVudGF0aW9uLCBlaXRoZXIgaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgb3JpZW50YXRpb246IFNiYk9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnO1xuXG4gIC8qKiBUaGUgY3VycmVudGx5IHNlbGVjdGVkIHN0ZXAuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogZmFsc2UgfSlcbiAgcHVibGljIHNldCBzZWxlY3RlZChzdGVwOiBTYmJTdGVwRWxlbWVudCkge1xuICAgIGlmICh0aGlzLl9sb2FkZWQpIHtcbiAgICAgIHRoaXMuX3NlbGVjdChzdGVwKTtcbiAgICB9XG4gIH1cbiAgcHVibGljIGdldCBzZWxlY3RlZCgpOiBTYmJTdGVwRWxlbWVudCB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uPFNiYlN0ZXBFbGVtZW50Pignc2JiLXN0ZXBbZGF0YS1zZWxlY3RlZF0nKSA/PyB1bmRlZmluZWQ7XG4gIH1cblxuICAvKiogVGhlIGN1cnJlbnRseSBzZWxlY3RlZCBzdGVwIGluZGV4LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdzZWxlY3RlZC1pbmRleCcsIHR5cGU6IE51bWJlciB9KVxuICBwdWJsaWMgc2V0IHNlbGVjdGVkSW5kZXgoaW5kZXg6IG51bWJlcikge1xuICAgIGlmICh0aGlzLl9sb2FkZWQpIHtcbiAgICAgIHRoaXMuX3NlbGVjdCh0aGlzLnN0ZXBzW2luZGV4XSk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgc2VsZWN0ZWRJbmRleCgpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkID8gdGhpcy5zdGVwcy5pbmRleE9mKHRoaXMuc2VsZWN0ZWQpIDogdW5kZWZpbmVkO1xuICB9XG5cbiAgLyoqIFRoZSBzdGVwcyBvZiB0aGUgc3RlcHBlci4gKi9cbiAgcHVibGljIGdldCBzdGVwcygpOiBTYmJTdGVwRWxlbWVudFtdIHtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/Lignc2JiLXN0ZXAnKSA/PyBbXSk7XG4gIH1cblxuICBwcml2YXRlIGdldCBfZW5hYmxlZFN0ZXBzKCk6IFNiYlN0ZXBFbGVtZW50W10ge1xuICAgIHJldHVybiB0aGlzLnN0ZXBzLmZpbHRlcigocykgPT4gIXMubGFiZWw/Lmhhc0F0dHJpYnV0ZSgnZGlzYWJsZWQnKSk7XG4gIH1cblxuICAvKiogU2VsZWN0cyB0aGUgbmV4dCBzdGVwLiAqL1xuICBwdWJsaWMgbmV4dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEluZGV4ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuX3NlbGVjdCh0aGlzLnN0ZXBzW3RoaXMuc2VsZWN0ZWRJbmRleCArIDFdKTtcbiAgICB9XG4gIH1cblxuICAvKiogU2VsZWN0cyB0aGUgcHJldmlvdXMgc3RlcC4gKi9cbiAgcHVibGljIHByZXZpb3VzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkSW5kZXggIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5fc2VsZWN0KHRoaXMuc3RlcHNbdGhpcy5zZWxlY3RlZEluZGV4IC0gMV0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBSZXNldHMgdGhlIGZvcm0gaW4gd2hpY2ggdGhlIHN0ZXBwZXIgaXMgbmVzdGVkIG9yIGV2ZXJ5IGZvcm0gb2YgZWFjaCBzdGVwLCBpZiBhbnkuICovXG4gIHB1YmxpYyByZXNldCgpOiB2b2lkIHtcbiAgICBjb25zdCBjbG9zZXN0Rm9ybSA9IHRoaXMuY2xvc2VzdCgnZm9ybScpO1xuICAgIGlmIChjbG9zZXN0Rm9ybSkge1xuICAgICAgY2xvc2VzdEZvcm0ucmVzZXQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsKCdmb3JtJykuZm9yRWFjaCgoZm9ybSkgPT4gZm9ybS5yZXNldCgpKTtcbiAgICB9XG4gICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gMDtcbiAgICAvLyBJbiBjYXNlIHRoZSBmb2N1cyBpcyBjdXJyZW50bHkgaW5zaWRlIHRoZSBzdGVwcGVyLCB3ZSByZXNldCB0aGUgZm9jdXMgdG8gdGhlIGZpcnN0L3NlbGVjdGVkIHN0ZXAgbGFiZWwuXG4gICAgaWYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQ/LmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJykgPT09IHRoaXMpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQ/LmxhYmVsPy5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2xvYWRlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX3Jlc2l6ZU9ic2VydmVyVGltZW91dDogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIF9pc1ZhbGlkU3RlcChzdGVwOiBTYmJTdGVwRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIGlmICghc3RlcCB8fCAoIXRoaXMubGluZWFyICYmIHN0ZXAubGFiZWw/Lmhhc0F0dHJpYnV0ZSgnZGlzYWJsZWQnKSkpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5saW5lYXIgJiYgIXRoaXMuc2VsZWN0ZWQpIHtcbiAgICAgIHJldHVybiBzdGVwID09PSB0aGlzLnN0ZXBzWzBdO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmxpbmVhciAmJiB0aGlzLnNlbGVjdGVkSW5kZXggIT09IHVuZGVmaW5lZCkge1xuICAgICAgY29uc3QgaW5kZXggPSB0aGlzLnN0ZXBzLmluZGV4T2Yoc3RlcCk7XG4gICAgICByZXR1cm4gaW5kZXggPCB0aGlzLnNlbGVjdGVkSW5kZXggfHwgaW5kZXggPT09IHRoaXMuc2VsZWN0ZWRJbmRleCArIDE7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICBwcml2YXRlIF9zZWxlY3Qoc3RlcDogU2JiU3RlcEVsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2lzVmFsaWRTdGVwKHN0ZXApKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHZhbGlkYXRlUGF5bG9hZDogU2JiU3RlcFZhbGlkYXRlRXZlbnREZXRhaWxzID0ge1xuICAgICAgY3VycmVudEluZGV4OiB0aGlzLnNlbGVjdGVkSW5kZXgsXG4gICAgICBjdXJyZW50U3RlcDogdGhpcy5zZWxlY3RlZCxcbiAgICAgIG5leHRJbmRleDogdGhpcy5zZWxlY3RlZEluZGV4ICE9PSB1bmRlZmluZWQgPyB0aGlzLnNlbGVjdGVkSW5kZXggKyAxIDogdW5kZWZpbmVkLFxuICAgICAgbmV4dFN0ZXA6IHRoaXMuc2VsZWN0ZWRJbmRleCAhPT0gdW5kZWZpbmVkID8gdGhpcy5zdGVwc1t0aGlzLnNlbGVjdGVkSW5kZXggKyAxXSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuICAgIGlmICh0aGlzLnNlbGVjdGVkICYmICF0aGlzLnNlbGVjdGVkLnZhbGlkYXRlKHZhbGlkYXRlUGF5bG9hZCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgY3VycmVudCA9IHRoaXMuc2VsZWN0ZWQ7XG4gICAgY3VycmVudD8uZGVzZWxlY3QoKTtcbiAgICBzdGVwLnNlbGVjdCgpO1xuICAgIHRoaXMuX3NldE1hcmtlclNpemUoKTtcbiAgICB0aGlzLl9jb25maWd1cmVMaW5lYXJNb2RlKCk7XG4gICAgLy8gSW4gY2FzZSB0aGUgZm9jdXMgaXMgY3VycmVudGx5IGluc2lkZSB0aGUgc3RlcHBlciwgd2UgZm9jdXMgdGhlIHNlbGVjdGVkIHN0ZXAgbGFiZWwuXG4gICAgaWYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQ/LmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJykgPT09IHRoaXMpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQ/LmxhYmVsPy5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldE1hcmtlclNpemUoKTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgIXRoaXMuX2xvYWRlZCB8fFxuICAgICAgIXRoaXMuc2VsZWN0ZWQgfHxcbiAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9PT0gdW5kZWZpbmVkIHx8XG4gICAgICAhdGhpcy5zZWxlY3RlZC5sYWJlbFxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgdGhpcy5vcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gICAgICAgID8gdGhpcy5zZWxlY3RlZC5sYWJlbC5vZmZzZXRMZWZ0ICsgdGhpcy5zZWxlY3RlZC5sYWJlbC5vZmZzZXRXaWR0aFxuICAgICAgICA6IHRoaXMuX2NhbGN1bGF0ZUxhYmVsT2Zmc2V0VG9wKCk7XG5cbiAgICB0aGlzLnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi1zdGVwcGVyLW1hcmtlci1zaXplJywgYCR7b2Zmc2V0fXB4YCk7XG4gIH1cblxuICBwcml2YXRlIF9jYWxjdWxhdGVMYWJlbE9mZnNldFRvcCgpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkSW5kZXggPT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBsZXQgb2Zmc2V0ID0gMDtcbiAgICBmb3IgKGNvbnN0IHN0ZXAgb2YgdGhpcy5zdGVwcykge1xuICAgICAgaWYgKHN0ZXAgPT09IHRoaXMuc2VsZWN0ZWQpIHtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBvZmZzZXQgPSBzdGVwLmxhYmVsIS5vZmZzZXRIZWlnaHQgKyBvZmZzZXQ7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICBvZmZzZXQgK1xuICAgICAgdGhpcy5zZWxlY3RlZCEubGFiZWwhLm9mZnNldEhlaWdodCEgK1xuICAgICAgcGFyc2VGbG9hdChnZXRDb21wdXRlZFN0eWxlKHRoaXMpLmdldFByb3BlcnR5VmFsdWUoJy0tc2JiLXNwYWNpbmctZml4ZWQtNngnKSkgKlxuICAgICAgICAxNiAqXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJbmRleFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmUoKTogdm9pZCB7XG4gICAgY29uc3Qgc3RlcHMgPSB0aGlzLnN0ZXBzO1xuICAgIHN0ZXBzLmZvckVhY2goKHMpID0+IHMuY29uZmlndXJlKHRoaXMuX2xvYWRlZCkpO1xuICAgIHN0ZXBzXG4gICAgICAuZmlsdGVyKChzKSA9PiBzLmxhYmVsKVxuICAgICAgLm1hcCgocykgPT4gcy5sYWJlbCEpXG4gICAgICAuZm9yRWFjaCgobGFiZWwsIGksIGFycmF5KSA9PiB7XG4gICAgICAgIGxhYmVsLmNvbmZpZ3VyZShpICsgMSwgYXJyYXkubGVuZ3RoLCB0aGlzLl9sb2FkZWQpO1xuICAgICAgfSk7XG4gICAgdGhpcy5fc2VsZWN0KHRoaXMuc2VsZWN0ZWQgfHwgdGhpcy5fZW5hYmxlZFN0ZXBzWzBdKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZUxhYmVscygpOiB2b2lkIHtcbiAgICB0aGlzLnN0ZXBzLmZvckVhY2goKHN0ZXApID0+IHtcbiAgICAgIHN0ZXAuc2xvdCA9IHRoaXMub3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/ICdzdGVwJyA6ICdzdGVwLWxhYmVsJztcbiAgICAgIHN0ZXAuc2V0QXR0cmlidXRlKCdkYXRhLW9yaWVudGF0aW9uJywgdGhpcy5vcmllbnRhdGlvbik7XG4gICAgICBzdGVwLmxhYmVsPy5zZXRBdHRyaWJ1dGUoJ2RhdGEtb3JpZW50YXRpb24nLCB0aGlzLm9yaWVudGF0aW9uKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2NoZWNrT3JpZW50YXRpb24oKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaG9yaXpvbnRhbEZyb20pIHtcbiAgICAgIHRoaXMub3JpZW50YXRpb24gPSBpc0JyZWFrcG9pbnQodGhpcy5ob3Jpem9udGFsRnJvbSkgPyAnaG9yaXpvbnRhbCcgOiAndmVydGljYWwnO1xuICAgICAgdGhpcy5fdXBkYXRlTGFiZWxzKCk7XG4gICAgfVxuICAgIC8vIFRoZSB0aW1lb3V0IGlzIG5lZWRlZCB0byBtYWtlIHN1cmUgdGhhdCB0aGUgbWFya2VyIHRha2VzIHRoZSBjb3JyZWN0IHN0ZXAtbGFiZWwgc2l6ZS5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE1hcmtlclNpemUoKSwgMCk7XG4gIH1cblxuICBwcml2YXRlIF9vblN0ZXBwZXJSZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hlY2tPcmllbnRhdGlvbigpO1xuICAgIGNsZWFyVGltZW91dCh0aGlzLl9yZXNpemVPYnNlcnZlclRpbWVvdXQhKTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlLWFuaW1hdGlvbicsIHRydWUpO1xuXG4gICAgLy8gRGlzYWJsZSB0aGUgYW5pbWF0aW9uIHdoZW4gcmVzaXppbmcgdG8gYXZvaWQgc3RyYW5nZSB0cmFuc2l0aW9uIGVmZmVjdHMuXG4gICAgdGhpcy5fcmVzaXplT2JzZXJ2ZXJUaW1lb3V0ID0gc2V0VGltZW91dChcbiAgICAgICgpID0+IHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWRpc2FibGUtYW5pbWF0aW9uJywgZmFsc2UpLFxuICAgICAgREVCT1VOQ0VfVElNRSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfY29uZmlndXJlTGluZWFyTW9kZSgpOiB2b2lkIHtcbiAgICB0aGlzLnN0ZXBzLmZvckVhY2goKHN0ZXAsIGluZGV4KSA9PiB7XG4gICAgICBzdGVwLmxhYmVsPy50b2dnbGVBdHRyaWJ1dGUoXG4gICAgICAgICdkaXNhYmxlZCcsXG4gICAgICAgICh0aGlzLmxpbmVhciAmJiBpbmRleCA+IHRoaXMuc2VsZWN0ZWRJbmRleCEpIHx8XG4gICAgICAgICAgKCF0aGlzLmxpbmVhciAmJiBzdGVwLmxhYmVsLmhhc0F0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlZCcpKSxcbiAgICAgICk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSksIHsgc2lnbmFsIH0pO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCAoKSA9PiB0aGlzLl9vblN0ZXBwZXJSZXNpemUoKSwge1xuICAgICAgc2lnbmFsLFxuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlLWFuaW1hdGlvbicsICF0aGlzLl9sb2FkZWQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGF3YWl0IHRoaXMudXBkYXRlQ29tcGxldGU7XG4gICAgdGhpcy5fbG9hZGVkID0gdHJ1ZTtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSAhdGhpcy5saW5lYXIgPyBOdW1iZXIodGhpcy5nZXRBdHRyaWJ1dGUoJ3NlbGVjdGVkLWluZGV4JykpIHx8IDAgOiAwO1xuICAgIHRoaXMuX2NoZWNrT3JpZW50YXRpb24oKTtcbiAgICAvLyBSZW1vdmUgW2RhdGEtZGlzYWJsZS1hbmltYXRpb25dIGFmdGVyIGNvbXBvbmVudCBpbml0XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlLWFuaW1hdGlvbicsIGZhbHNlKSwgREVCT1VOQ0VfVElNRSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdvcmllbnRhdGlvbicpICYmICF0aGlzLmhvcml6b250YWxGcm9tKSB7XG4gICAgICB0aGlzLl91cGRhdGVMYWJlbHMoKTtcbiAgICAgIHRoaXMuX3NldE1hcmtlclNpemUoKTtcbiAgICB9XG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGluZWFyJykgJiYgdGhpcy5fbG9hZGVkKSB7XG4gICAgICB0aGlzLl9jb25maWd1cmVMaW5lYXJNb2RlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlS2V5RG93bihldnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBlbmFibGVkU3RlcHM6IFNiYlN0ZXBFbGVtZW50W10gPSB0aGlzLl9lbmFibGVkU3RlcHM7XG5cbiAgICBpZiAoXG4gICAgICAhZW5hYmxlZFN0ZXBzIHx8XG4gICAgICAvLyBkb24ndCB0cmFwIG5lc3RlZCBoYW5kbGluZ1xuICAgICAgKChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KSAhPT0gdGhpcyAmJiAoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkucGFyZW50RWxlbWVudCAhPT0gdGhpcylcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoaXNBcnJvd0tleVByZXNzZWQoZXZ0KSkge1xuICAgICAgY29uc3QgY3VycmVudDogbnVtYmVyID0gZW5hYmxlZFN0ZXBzLmluZGV4T2YodGhpcy5zZWxlY3RlZCEpO1xuICAgICAgY29uc3QgbmV4dEluZGV4OiBudW1iZXIgPSBnZXROZXh0RWxlbWVudEluZGV4KGV2dCwgY3VycmVudCwgZW5hYmxlZFN0ZXBzLmxlbmd0aCk7XG4gICAgICB0aGlzLl9zZWxlY3QoZW5hYmxlZFN0ZXBzW25leHRJbmRleF0pO1xuICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXN0ZXBwZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zdGVwcGVyX19sYWJlbHNcIiByb2xlPVwidGFibGlzdFwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJzdGVwLWxhYmVsXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmV9Pjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc3RlcHBlcl9fc3RlcHNcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwic3RlcFwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlfT48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXBwZXInOiBTYmJTdGVwcGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBaUJBLE1BQU0sZ0JBQWdCO0FBU1Qs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

package/development/stepper.d.ts

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

package/development/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/elements/stepper.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}

package/development/stepper.js

@@ -0,0 +1,4 @@
+export * from "./stepper/step.js";
+export * from "./stepper/step-label.js";
+export * from "./stepper/stepper.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OzsifQ==

package/development/tabs/tab-group/tab-group.d.ts

@@ -0,0 +1,94 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+
+export interface InterfaceSbbTabGroupActions {
+    activate(): void;
+    deactivate(): void;
+    enable(): void;
+    disable(): void;
+    select(): void;
+}
+export interface InterfaceSbbTabGroupTab extends HTMLElement {
+    active?: boolean;
+    disabled?: boolean;
+    relatedContent?: HTMLElement;
+    index?: number;
+    tabGroupActions?: InterfaceSbbTabGroupActions;
+    size: 's' | 'l' | 'xl';
+}
+/**
+ * It displays one or more tab, each one with a title and a content.
+ *
+ * @slot - Use the unnamed slot to add html-content to the `sbb-tab-group`.
+ * Wrap the content in a `div`, a `section`, an `article` or provide a nested `sbb-tab-group`:
+ * This is correct: `<div>Some text <p>Some other text</p></div>`
+ * This is not correct: `<span>Some text</span><p>Some other text</p>`
+ * @slot tab-bar - When you provide the `sbb-tab-title` tag through the unnamed slot,
+ * it will be automatically moved to this slot. You do not need to use it directly.
+ * @event {CustomEvent<void>} didChange - Emits an event on selected tab change
+ */
+export declare class SbbTabGroupElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+    };
+    private _tabs;
+    private _selectedTab?;
+    private _tabGroupElement;
+    private _tabContentElement;
+    private _abort;
+    private _tabAttributeObserver;
+    private _tabGroupResizeObserver;
+    private _tabContentResizeObserver;
+    /**
+     * Size variant, either s, l or xl.
+     */
+    set size(value: InterfaceSbbTabGroupTab['size']);
+    get size(): InterfaceSbbTabGroupTab['size'];
+    private _size;
+    /**
+     * Sets the initial tab. If it matches a disabled tab or exceeds the length of
+     * the tab group, the first enabled tab will be selected.
+     */
+    initialSelectedIndex: number;
+    private _updateSize;
+    /**
+     * Emits an event on selected tab change
+     */
+    private _selectedTabChanged;
+    /**
+     * Disables a tab by index.
+     * @param tabIndex The index of the tab you want to disable.
+     */
+    disableTab(tabIndex: number): void;
+    /**
+     * Enables a tab by index.
+     * @param tabIndex The index of the tab you want to enable.
+     */
+    enableTab(tabIndex: number): void;
+    /**
+     * Activates a tab by index.
+     * @param tabIndex The index of the tab you want to activate.
+     */
+    activateTab(tabIndex: number): void;
+    private _getTabs;
+    private get _enabledTabs();
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _onContentSlotChange;
+    private _onTabsSlotChange;
+    private _assignId;
+    private _initSelection;
+    private _onTabAttributesChange;
+    private _onTabGroupElementResize;
+    private _onTabContentElementResize;
+    private _configure;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-tab-group': SbbTabGroupElement;
+    }
+}
+//# sourceMappingURL=tab-group.d.ts.map

package/development/tabs/tab-group/tab-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-group/tab-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAYvC,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,IAAI,IAAI,CAAC;IACjB,UAAU,IAAI,IAAI,CAAC;IACnB,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;CACxB;AAUD;;;;;;;;;;GAUG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,YAAY,CAAC,CAA0B;IAC/C,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,qBAAqB,CAE3B;IACF,OAAO,CAAC,uBAAuB,CAE7B;IACF,OAAO,CAAC,yBAAyB,CAE/B;IAEF;;OAEG;IACH,IACW,IAAI,CAAC,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,EAGrD;IACD,IAAW,IAAI,IAAI,uBAAuB,CAAC,MAAM,CAAC,CAEjD;IACD,OAAO,CAAC,KAAK,CAAwC;IAErD;;;OAGG;IACqE,oBAAoB,SAAK;IAEjG,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAGzB;IAEF;;;OAGG;IACI,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIzC;;;OAGG;IACI,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIxC;;;OAGG;IACI,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI1C,OAAO,CAAC,QAAQ;IAMhB,OAAO,KAAK,YAAY,GAEvB;IAEe,iBAAiB,IAAI,IAAI;cAOtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAO5C,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,0BAA0B;IAQlC,OAAO,CAAC,UAAU;IA4FlB,OAAO,CAAC,cAAc;cAoBH,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/development/tabs/tab-group.d.ts

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

package/development/tabs/tab-group.d.ts.map

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