@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/toast/toast.component.js

@@ -0,0 +1,408 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement } from "../core/base-elements.js";
+import { SbbLanguageController, SbbDarkModeController } from "../core/controllers.js";
+import { forceType } from "../core/decorators.js";
+import { isZeroAnimationDuration, isLean } from "../core/dom.js";
+import { composedPathHasAttribute } from "../core/eventing.js";
+import { i18nCloseAlert } from "../core/i18n.js";
+import { SbbHydrationMixin, SbbReadonlyMixin } from "../core/mixins.js";
+import { boxSizingStyles } from "../core/styles.js";
+import { SbbIconNameMixin } from "../icon.js";
+import "../button/transparent-button.js";
+import "../divider.js";
+const style = css`:host {
+  --sbb-toast-max-width: 25rem;
+  --sbb-toast-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-toast-animation-timing-function: ease;
+  --sbb-toast-text-color: var(--sbb-color-3-inverted);
+  --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
+  --sbb-toast-margin: var(--sbb-spacing-responsive-s);
+  --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
+  --sbb-toast-border-radius: var(--sbb-border-radius-4x);
+  --sbb-toast-container-display: none;
+  --sbb-toast-container-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  display: none;
+}
+
+:host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) {
+  --sbb-toast-container-display: flex;
+  display: block;
+}
+
+:host([position=bottom-left]),
+:host([position=bottom-start]) {
+  --sbb-toast-horizontal-position: flex-start;
+  --sbb-toast-vertical-position: flex-end;
+}
+
+:host([position=bottom-center]) {
+  --sbb-toast-horizontal-position: center;
+  --sbb-toast-vertical-position: flex-end;
+}
+
+:host([position=bottom-right]),
+:host([position=bottom-end]) {
+  --sbb-toast-horizontal-position: flex-end;
+  --sbb-toast-vertical-position: flex-end;
+}
+
+:host([position=top-left]),
+:host([position=top-start]) {
+  --sbb-toast-horizontal-position: flex-start;
+  --sbb-toast-vertical-position: flex-start;
+}
+
+:host([position=top-center]) {
+  --sbb-toast-horizontal-position: center;
+  --sbb-toast-vertical-position: flex-start;
+}
+
+:host([position=top-right]),
+:host([position=top-end]) {
+  --sbb-toast-horizontal-position: flex-end;
+  --sbb-toast-vertical-position: flex-start;
+}
+
+:host(:is(:state(dark),[state--dark])) {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
+}
+
+.sbb-toast__overlay-container {
+  position: var(--sbb-toast-container-position);
+  pointer-events: none;
+  inset: 0;
+  display: var(--sbb-toast-container-display);
+  justify-content: var(--sbb-toast-horizontal-position);
+  align-items: var(--sbb-toast-vertical-position);
+}
+
+.sbb-toast {
+  z-index: var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));
+  pointer-events: auto;
+  margin: var(--sbb-toast-margin);
+  border-radius: var(--sbb-toast-border-radius);
+  max-width: var(--sbb-toast-max-width);
+  display: flex;
+  color: var(--sbb-toast-text-color);
+  background-color: var(--sbb-toast-background-color);
+}
+:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast {
+  animation-name: open;
+  animation-duration: var(--sbb-toast-animation-duration);
+  animation-timing-function: var(--sbb-toast-animation-timing-function);
+}
+:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast {
+  animation-name: close;
+  animation-duration: var(--sbb-toast-animation-duration);
+  animation-timing-function: var(--sbb-toast-animation-timing-function);
+}
+
+.sbb-toast-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-toast-gap);
+  padding-block: var(--sbb-toast-padding-block);
+  padding-inline: var(--sbb-toast-padding-inline);
+}
+
+slot:not([name=icon]),
+.sbb-toast__close {
+  color-scheme: only light;
+}
+
+.sbb-toast__content {
+  --sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));
+  --sbb-title-line-height: var(--sbb-typo-line-height-text);
+  margin-block: var(--sbb-title-margin-block, 0);
+  margin-inline: 0;
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));
+  letter-spacing: var(--sbb-typo-letter-spacing-heading);
+  font-size: var(--sbb-title-font-size);
+  flex: 1 1 0;
+}
+
+.sbb-toast__close {
+  display: flex;
+  align-items: center;
+}
+
+.sbb-toast__close-divider {
+  padding-block: var(--sbb-toast-padding-block);
+}
+
+.sbb-toast__close-button {
+  margin-inline: var(--sbb-spacing-responsive-xxxs);
+}
+
+@keyframes open {
+  from {
+    visibility: hidden;
+    opacity: 0;
+    translate: 0 var(--sbb-spacing-fixed-2x);
+  }
+  to {
+    visibility: visible;
+    opacity: 1;
+    translate: 0;
+  }
+}
+@keyframes close {
+  from {
+    visibility: visible;
+    opacity: 1;
+    translate: 0;
+  }
+  to {
+    visibility: hidden;
+    opacity: 0;
+    translate: 0 var(--sbb-spacing-fixed-2x);
+  }
+}`;
+const toastRefs = /* @__PURE__ */ new Set();
+let SbbToastElement = (() => {
+  var _timeout_accessor_storage, _position_accessor_storage, _politeness_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-toast")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbHydrationMixin(SbbReadonlyMixin(SbbOpenCloseBaseElement)));
+  let _timeout_decorators;
+  let _timeout_initializers = [];
+  let _timeout_extraInitializers = [];
+  let _position_decorators;
+  let _position_initializers = [];
+  let _position_extraInitializers = [];
+  let _politeness_decorators;
+  let _politeness_initializers = [];
+  let _politeness_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _timeout_accessor_storage);
+      __privateAdd(this, _position_accessor_storage);
+      __privateAdd(this, _politeness_accessor_storage);
+      __privateSet(this, _timeout_accessor_storage, __runInitializers(this, _timeout_initializers, 0));
+      __privateSet(this, _position_accessor_storage, (__runInitializers(this, _timeout_extraInitializers), __runInitializers(this, _position_initializers, "bottom-center")));
+      __privateSet(this, _politeness_accessor_storage, (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _politeness_initializers, "polite")));
+      this._closeTimeout = __runInitializers(this, _politeness_extraInitializers);
+      this._language = new SbbLanguageController(this);
+      this._darkModeController = new SbbDarkModeController(this, () => {
+        this._syncSlottedElements();
+        this.requestUpdate();
+      });
+      this.addEventListener?.("click", (e) => this._onClick(e));
+    }
+    /**
+     * The length of time in milliseconds to wait before automatically dismissing the toast.
+     * If 0 (default), it stays open indefinitely.
+     * From accessibility perspective, it is recommended to set a timeout of at least 20 seconds.
+     */
+    get timeout() {
+      return __privateGet(this, _timeout_accessor_storage);
+    }
+    set timeout(value) {
+      __privateSet(this, _timeout_accessor_storage, value);
+    }
+    /** The position where to place the toast. */
+    get position() {
+      return __privateGet(this, _position_accessor_storage);
+    }
+    set position(value) {
+      __privateSet(this, _position_accessor_storage, value);
+    }
+    /**
+     * The ARIA politeness level.
+     * Check https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info
+     */
+    get politeness() {
+      return __privateGet(this, _politeness_accessor_storage);
+    }
+    set politeness(value) {
+      __privateSet(this, _politeness_accessor_storage, value);
+    }
+    connectedCallback() {
+      this.popover = "manual";
+      super.connectedCallback();
+      toastRefs.add(this);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      clearTimeout(this._closeTimeout);
+      toastRefs.delete(this);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("politeness")) {
+        this.internals.ariaLive = this.politeness;
+      }
+    }
+    /**
+     * Open the toast.
+     * If there are other opened toasts in the page, close them first.
+     */
+    open() {
+      if (this.state !== "closed" || !this.dispatchBeforeOpenEvent()) {
+        return;
+      }
+      this._closeOtherToasts();
+      this.showPopover?.();
+      this.state = "opening";
+      if (this._isZeroAnimationDuration()) {
+        this._handleOpening();
+      }
+    }
+    /**
+     * Close the toast.
+     */
+    close() {
+      if (this.state !== "opened" || !this.dispatchBeforeCloseEvent()) {
+        return;
+      }
+      clearTimeout(this._closeTimeout);
+      this.state = "closing";
+      if (this._isZeroAnimationDuration()) {
+        this._handleClosing();
+      }
+    }
+    _handleClosing() {
+      this.state = "closed";
+      this.hidePopover?.();
+      this.dispatchCloseEvent();
+    }
+    _handleOpening() {
+      this.state = "opened";
+      this.dispatchOpenEvent();
+      if (this.timeout) {
+        const global = globalThis;
+        const setTimeout = global[global.Zone?.__symbol__?.("setTimeout")] ?? global.setTimeout;
+        this._closeTimeout = setTimeout(() => this.close(), this.timeout);
+      }
+    }
+    // Close the toast on click of any element that has the 'sbb-toast-close' attribute.
+    _onClick(event) {
+      const closeElement = composedPathHasAttribute(event, "sbb-toast-close", this);
+      if (closeElement && !closeElement.hasAttribute("disabled")) {
+        this.close();
+      }
+    }
+    _isZeroAnimationDuration() {
+      return isZeroAnimationDuration(this, "--sbb-toast-animation-duration");
+    }
+    /**
+     * Slotted text nodes are not read correctly by screen readers on Chrome.
+     * To address the problem, if there is at least a root text node,
+     * we wrap the whole content in a <span> tag
+     */
+    _onContentSlotChange(event) {
+      const slotNodes = event.target.assignedNodes();
+      if (slotNodes.some((el) => el.nodeType === Node.TEXT_NODE)) {
+        const span = document.createElement("span");
+        this.prepend(span);
+        span.append(...slotNodes);
+      }
+      this._syncSlottedElements();
+    }
+    _syncSlottedElements() {
+      this.querySelectorAll("sbb-transparent-button, sbb-transparent-button-link").forEach((btn) => {
+        btn.negative = this._isLightMode();
+        btn.size = isLean() ? "s" : "m";
+      });
+      this.querySelectorAll("sbb-link, sbb-link-button, sbb-link-static").forEach((link) => {
+        link.negative = this._isLightMode();
+      });
+    }
+    // In rare cases it can be that the animationEnd event is triggered twice.
+    // To avoid entering a corrupt state, exit when state is not expected.
+    _onToastAnimationEnd(event) {
+      if (event.animationName === "open" && this.state === "opening") {
+        this._handleOpening();
+      } else if (event.animationName === "close" && this.state === "closing") {
+        this._handleClosing();
+      }
+    }
+    /**
+     * Since we do not stack toasts, we force the closing on other existing opened ones
+     */
+    _closeOtherToasts() {
+      toastRefs.forEach((t) => {
+        if (t.isOpen) {
+          t.close();
+        }
+      });
+    }
+    _isLightMode() {
+      return !this._darkModeController.matches();
+    }
+    render() {
+      return html`
+      <div class="sbb-toast__overlay-container">
+        <div class="sbb-toast" @animationend=${this._onToastAnimationEnd}>
+          <div class="sbb-toast-wrapper">
+            ${this.renderIconSlot()}
+            <div class="sbb-toast__content">
+              <slot @slotchange=${this._onContentSlotChange}></slot>
+            </div>
+            <slot name="action" @slotchange=${this._syncSlottedElements}></slot>
+          </div>
+          <div class="sbb-toast__close">
+            <sbb-divider
+              class="sbb-toast__close-divider"
+              orientation="vertical"
+              ?negative=${this._isLightMode()}
+            ></sbb-divider>
+            ${!this.readOnly ? html`<sbb-transparent-button
+                  class="sbb-toast__close-button"
+                  icon-name="cross-small"
+                  ?negative=${this._isLightMode()}
+                  size="m"
+                  aria-label=${i18nCloseAlert[this._language.current]}
+                  sbb-toast-close
+                ></sbb-transparent-button>` : nothing}
+          </div>
+        </div>
+      </div>
+    `;
+    }
+  }, _timeout_accessor_storage = new WeakMap(), _position_accessor_storage = new WeakMap(), _politeness_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _timeout_decorators = [forceType(), property({ type: Number })];
+    _position_decorators = [property({ reflect: true })];
+    _politeness_decorators = [property()];
+    __esDecorate(_a, null, _timeout_decorators, { kind: "accessor", name: "timeout", static: false, private: false, access: { has: (obj) => "timeout" in obj, get: (obj) => obj.timeout, set: (obj, value) => {
+      obj.timeout = value;
+    } }, metadata: _metadata }, _timeout_initializers, _timeout_extraInitializers);
+    __esDecorate(_a, null, _position_decorators, { kind: "accessor", name: "position", static: false, private: false, access: { has: (obj) => "position" in obj, get: (obj) => obj.position, set: (obj, value) => {
+      obj.position = value;
+    } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
+    __esDecorate(_a, null, _politeness_decorators, { kind: "accessor", name: "politeness", static: false, private: false, access: { has: (obj) => "politeness" in obj, get: (obj) => obj.politeness, set: (obj, value) => {
+      obj.politeness = value;
+    } }, metadata: _metadata }, _politeness_initializers, _politeness_extraInitializers);
+    __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 = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbToastElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlRyYW5zcGFyZW50QnV0dG9uRWxlbWVudCwgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudCB9IGZyb20gJy4uL2J1dHRvbi50cyc7XG5pbXBvcnQgeyBTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJEYXJrTW9kZUNvbnRyb2xsZXIsIFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzTGVhbiwgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24gfSBmcm9tICcuLi9jb3JlL2RvbS50cyc7XG5pbXBvcnQgeyBjb21wb3NlZFBhdGhIYXNBdHRyaWJ1dGUgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IGkxOG5DbG9zZUFsZXJ0IH0gZnJvbSAnLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IFNiYkh5ZHJhdGlvbk1peGluLCBTYmJSZWFkb25seU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJMaW5rQnV0dG9uRWxlbWVudCwgU2JiTGlua0VsZW1lbnQsIFNiYkxpbmtTdGF0aWNFbGVtZW50IH0gZnJvbSAnLi4vbGluay50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RvYXN0LnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vYnV0dG9uL3RyYW5zcGFyZW50LWJ1dHRvbi50cyc7XG5pbXBvcnQgJy4uL2RpdmlkZXIudHMnO1xuXG50eXBlIFNiYlRvYXN0UG9zaXRpb25WZXJ0aWNhbCA9ICd0b3AnIHwgJ2JvdHRvbSc7XG50eXBlIFNiYlRvYXN0UG9zaXRpb25Ib3Jpem9udGFsID0gJ2xlZnQnIHwgJ3N0YXJ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyB8ICdlbmQnO1xuZXhwb3J0IHR5cGUgU2JiVG9hc3RQb3NpdGlvbiA9IGAke1NiYlRvYXN0UG9zaXRpb25WZXJ0aWNhbH0tJHtTYmJUb2FzdFBvc2l0aW9uSG9yaXpvbnRhbH1gO1xuXG4vLyBBIGdsb2JhbCBjb2xsZWN0aW9uIG9mIGV4aXN0aW5nIHRvYXN0c1xuY29uc3QgdG9hc3RSZWZzID0gbmV3IFNldDxTYmJUb2FzdEVsZW1lbnQ+KCk7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0b2FzdCBub3RpZmljYXRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi10b2FzdGAuXG4gKiBAc2xvdCBpY29uIC0gQXNzaWduIGEgY3VzdG9tIGljb24gdmlhIHNsb3QuXG4gKiBAc2xvdCBhY3Rpb24gLSBQcm92aWRlIGEgY3VzdG9tIGFjdGlvbiBmb3IgdGhpcyB0b2FzdC5cbiAqIEBjc3Nwcm9wIFstLXNiYi10b2FzdC16LWluZGV4PXZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCldIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuIFRoZSBkZWZhdWx0IGB6LWluZGV4YCBvZiB0aGVcbiAqIGNvbXBvbmVudCBpcyBzZXQgdG8gYHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClgIHdpdGggYSB2YWx1ZSBvZiBgMTAwMGAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10b2FzdCcpXG5jbGFzcyBTYmJUb2FzdEVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFxuICBTYmJIeWRyYXRpb25NaXhpbihTYmJSZWFkb25seU1peGluKFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50KSksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKlxuICAgKiBUaGUgbGVuZ3RoIG9mIHRpbWUgaW4gbWlsbGlzZWNvbmRzIHRvIHdhaXQgYmVmb3JlIGF1dG9tYXRpY2FsbHkgZGlzbWlzc2luZyB0aGUgdG9hc3QuXG4gICAqIElmIDAgKGRlZmF1bHQpLCBpdCBzdGF5cyBvcGVuIGluZGVmaW5pdGVseS5cbiAgICogRnJvbSBhY2Nlc3NpYmlsaXR5IHBlcnNwZWN0aXZlLCBpdCBpcyByZWNvbW1lbmRlZCB0byBzZXQgYSB0aW1lb3V0IG9mIGF0IGxlYXN0IDIwIHNlY29uZHMuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aW1lb3V0OiBudW1iZXIgPSAwO1xuXG4gIC8qKiBUaGUgcG9zaXRpb24gd2hlcmUgdG8gcGxhY2UgdGhlIHRvYXN0LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBwb3NpdGlvbjogU2JiVG9hc3RQb3NpdGlvbiA9ICdib3R0b20tY2VudGVyJztcblxuICAvKipcbiAgICogVGhlIEFSSUEgcG9saXRlbmVzcyBsZXZlbC5cbiAgICogQ2hlY2sgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQWNjZXNzaWJpbGl0eS9BUklBL0FSSUFfTGl2ZV9SZWdpb25zI2xpdmVfcmVnaW9ucyBmb3IgZnVydGhlciBpbmZvXG4gICAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3IgcG9saXRlbmVzczogJ3BvbGl0ZScgfCAnYXNzZXJ0aXZlJyB8ICdvZmYnID0gJ3BvbGl0ZSc7XG5cbiAgcHJpdmF0ZSBfY2xvc2VUaW1lb3V0PzogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD47XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfZGFya01vZGVDb250cm9sbGVyID0gbmV3IFNiYkRhcmtNb2RlQ29udHJvbGxlcih0aGlzLCAoKSA9PiB7XG4gICAgdGhpcy5fc3luY1Nsb3R0ZWRFbGVtZW50cygpO1xuICAgIHRoaXMucmVxdWVzdFVwZGF0ZSgpO1xuICB9KTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoZSkgPT4gdGhpcy5fb25DbGljayhlKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5wb3BvdmVyID0gJ21hbnVhbCc7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIEFkZCB0aGlzIHRvYXN0IHRvIHRoZSBnbG9iYWwgY29sbGVjdGlvblxuICAgIHRvYXN0UmVmcy5hZGQodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjbGVhclRpbWVvdXQodGhpcy5fY2xvc2VUaW1lb3V0KTtcblxuICAgIC8vIFJlbW92ZSB0aGlzIGluc3RhbmNlXG4gICAgdG9hc3RSZWZzLmRlbGV0ZSh0aGlzKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygncG9saXRlbmVzcycpKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhTGl2ZSA9IHRoaXMucG9saXRlbmVzcztcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogT3BlbiB0aGUgdG9hc3QuXG4gICAqIElmIHRoZXJlIGFyZSBvdGhlciBvcGVuZWQgdG9hc3RzIGluIHRoZSBwYWdlLCBjbG9zZSB0aGVtIGZpcnN0LlxuICAgKi9cbiAgcHVibGljIG9wZW4oKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RhdGUgIT09ICdjbG9zZWQnIHx8ICF0aGlzLmRpc3BhdGNoQmVmb3JlT3BlbkV2ZW50KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9jbG9zZU90aGVyVG9hc3RzKCk7XG4gICAgdGhpcy5zaG93UG9wb3Zlcj8uKCk7XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuaW5nJztcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENsb3NlIHRoZSB0b2FzdC5cbiAgICovXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSAhPT0gJ29wZW5lZCcgfHwgIXRoaXMuZGlzcGF0Y2hCZWZvcmVDbG9zZUV2ZW50KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjbGVhclRpbWVvdXQodGhpcy5fY2xvc2VUaW1lb3V0KTtcbiAgICB0aGlzLnN0YXRlID0gJ2Nsb3NpbmcnO1xuXG4gICAgLy8gSWYgdGhlIGFuaW1hdGlvbiBkdXJhdGlvbiBpcyB6ZXJvLCB0aGUgYW5pbWF0aW9uZW5kIGV2ZW50IGlzIG5vdCBhbHdheXMgZmlyZWQgcmVsaWFibHkuXG4gICAgLy8gSW4gdGhpcyBjYXNlIHdlIGRpcmVjdGx5IHNldCB0aGUgYGNsb3NlZGAgc3RhdGUuXG4gICAgaWYgKHRoaXMuX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCkpIHtcbiAgICAgIHRoaXMuX2hhbmRsZUNsb3NpbmcoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVDbG9zaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGUgPSAnY2xvc2VkJztcbiAgICB0aGlzLmhpZGVQb3BvdmVyPy4oKTtcbiAgICB0aGlzLmRpc3BhdGNoQ2xvc2VFdmVudCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlT3BlbmluZygpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gJ29wZW5lZCc7XG4gICAgdGhpcy5kaXNwYXRjaE9wZW5FdmVudCgpO1xuXG4gICAgLy8gU3RhcnQgdGhlIGNvdW50ZG93biB0byBjbG9zZSBpdFxuICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgIC8vIFdvcmthcm91bmQgZm9yIGh0dHBzOi8vZ2l0aHViLmNvbS9zYmItZGVzaWduLXN5c3RlbXMvbHluZS1hbmd1bGFyL2lzc3Vlcy8xOTBcbiAgICAgIC8vIElmIHpvbmUuanMgaXMgbG9hZGVkLCBzZXRUaW1lb3V0IGlzIHdyYXBwZWQgYW5kIHRyYWNrZWQgd2hpY2ggd2lsbCBtYXJrXG4gICAgICAvLyBhbnl0aGluZyBpbiBBbmd1bGFyIGFzIHVuc3RhYmxlIGFzIGxvbmcgYXMgc2V0VGltZW91dCBpcyBub3QgZmluaXNoZWQuXG4gICAgICAvLyBUaGlzIG9ubHkgbmVlZHMgdG8gYmUgZml4ZWQgaW4gcGxhY2VzIHdoZXJlIHdlIGFjdHVhbGx5IHdhbnQgdG8gd2FpdCBhXG4gICAgICAvLyBzcGVjaWZpYyBhbW91bnQgb2YgdGltZSB3aXRob3V0IGFuIGludGVyYWN0aW9uIChlLmcuIGZvciB0aGlzIGNhc2UpLlxuICAgICAgY29uc3QgZ2xvYmFsID0gZ2xvYmFsVGhpcyBhcyBhbnk7XG4gICAgICBjb25zdCBzZXRUaW1lb3V0OiB0eXBlb2YgZ2xvYmFsVGhpcy5zZXRUaW1lb3V0ID1cbiAgICAgICAgZ2xvYmFsW2dsb2JhbC5ab25lPy5fX3N5bWJvbF9fPy4oJ3NldFRpbWVvdXQnKSBhcyBzdHJpbmddID8/IGdsb2JhbC5zZXRUaW1lb3V0O1xuXG4gICAgICB0aGlzLl9jbG9zZVRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuY2xvc2UoKSwgdGhpcy50aW1lb3V0KTtcbiAgICB9XG4gIH1cblxuICAvLyBDbG9zZSB0aGUgdG9hc3Qgb24gY2xpY2sgb2YgYW55IGVsZW1lbnQgdGhhdCBoYXMgdGhlICdzYmItdG9hc3QtY2xvc2UnIGF0dHJpYnV0ZS5cbiAgcHJpdmF0ZSBfb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBjbG9zZUVsZW1lbnQgPSBjb21wb3NlZFBhdGhIYXNBdHRyaWJ1dGUoZXZlbnQsICdzYmItdG9hc3QtY2xvc2UnLCB0aGlzKTtcblxuICAgIGlmIChjbG9zZUVsZW1lbnQgJiYgIWNsb3NlRWxlbWVudC5oYXNBdHRyaWJ1dGUoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24odGhpcywgJy0tc2JiLXRvYXN0LWFuaW1hdGlvbi1kdXJhdGlvbicpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNsb3R0ZWQgdGV4dCBub2RlcyBhcmUgbm90IHJlYWQgY29ycmVjdGx5IGJ5IHNjcmVlbiByZWFkZXJzIG9uIENocm9tZS5cbiAgICogVG8gYWRkcmVzcyB0aGUgcHJvYmxlbSwgaWYgdGhlcmUgaXMgYXQgbGVhc3QgYSByb290IHRleHQgbm9kZSxcbiAgICogd2Ugd3JhcCB0aGUgd2hvbGUgY29udGVudCBpbiBhIDxzcGFuPiB0YWdcbiAgICovXG4gIHByaXZhdGUgX29uQ29udGVudFNsb3RDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3Qgc2xvdE5vZGVzID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpLmFzc2lnbmVkTm9kZXMoKTtcblxuICAgIGlmIChzbG90Tm9kZXMuc29tZSgoZWwpID0+IGVsLm5vZGVUeXBlID09PSBOb2RlLlRFWFRfTk9ERSkpIHtcbiAgICAgIGNvbnN0IHNwYW4gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgICB0aGlzLnByZXBlbmQoc3Bhbik7XG4gICAgICBzcGFuLmFwcGVuZCguLi5zbG90Tm9kZXMpO1xuICAgIH1cbiAgICB0aGlzLl9zeW5jU2xvdHRlZEVsZW1lbnRzKCk7XG4gIH1cblxuICBwcml2YXRlIF9zeW5jU2xvdHRlZEVsZW1lbnRzKCk6IHZvaWQge1xuICAgIC8vIEZvcmNlIHRoZSB2aXN1YWwgc3RhdGUgb24gc2xvdHRlZCBidXR0b25zXG4gICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPFNiYlRyYW5zcGFyZW50QnV0dG9uRWxlbWVudCB8IFNiYlRyYW5zcGFyZW50QnV0dG9uTGlua0VsZW1lbnQ+KFxuICAgICAgJ3NiYi10cmFuc3BhcmVudC1idXR0b24sIHNiYi10cmFuc3BhcmVudC1idXR0b24tbGluaycsXG4gICAgKS5mb3JFYWNoKChidG4pID0+IHtcbiAgICAgIGJ0bi5uZWdhdGl2ZSA9IHRoaXMuX2lzTGlnaHRNb2RlKCk7XG4gICAgICBidG4uc2l6ZSA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuICAgIH0pO1xuXG4gICAgLy8gRm9yY2UgbmVnYXRpdmUgb24gc2xvdHRlZCBsaW5rc1xuICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbDxTYmJMaW5rRWxlbWVudCB8IFNiYkxpbmtCdXR0b25FbGVtZW50IHwgU2JiTGlua1N0YXRpY0VsZW1lbnQ+KFxuICAgICAgJ3NiYi1saW5rLCBzYmItbGluay1idXR0b24sIHNiYi1saW5rLXN0YXRpYycsXG4gICAgKS5mb3JFYWNoKChsaW5rKSA9PiB7XG4gICAgICBsaW5rLm5lZ2F0aXZlID0gdGhpcy5faXNMaWdodE1vZGUoKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8vIEluIHJhcmUgY2FzZXMgaXQgY2FuIGJlIHRoYXQgdGhlIGFuaW1hdGlvbkVuZCBldmVudCBpcyB0cmlnZ2VyZWQgdHdpY2UuXG4gIC8vIFRvIGF2b2lkIGVudGVyaW5nIGEgY29ycnVwdCBzdGF0ZSwgZXhpdCB3aGVuIHN0YXRlIGlzIG5vdCBleHBlY3RlZC5cbiAgcHJpdmF0ZSBfb25Ub2FzdEFuaW1hdGlvbkVuZChldmVudDogQW5pbWF0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBPbiB0b2FzdCBvcGVuZWRcbiAgICBpZiAoZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ29wZW4nICYmIHRoaXMuc3RhdGUgPT09ICdvcGVuaW5nJykge1xuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH0gZWxzZSBpZiAoZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ2Nsb3NlJyAmJiB0aGlzLnN0YXRlID09PSAnY2xvc2luZycpIHtcbiAgICAgIHRoaXMuX2hhbmRsZUNsb3NpbmcoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2luY2Ugd2UgZG8gbm90IHN0YWNrIHRvYXN0cywgd2UgZm9yY2UgdGhlIGNsb3Npbmcgb24gb3RoZXIgZXhpc3Rpbmcgb3BlbmVkIG9uZXNcbiAgICovXG4gIHByaXZhdGUgX2Nsb3NlT3RoZXJUb2FzdHMoKTogdm9pZCB7XG4gICAgdG9hc3RSZWZzLmZvckVhY2goKHQpID0+IHtcbiAgICAgIGlmICh0LmlzT3Blbikge1xuICAgICAgICB0LmNsb3NlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9pc0xpZ2h0TW9kZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuX2RhcmtNb2RlQ29udHJvbGxlci5tYXRjaGVzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RfX292ZXJsYXktY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RcIiBAYW5pbWF0aW9uZW5kPSR7dGhpcy5fb25Ub2FzdEFuaW1hdGlvbkVuZH0+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdC13cmFwcGVyXCI+XG4gICAgICAgICAgICAke3RoaXMucmVuZGVySWNvblNsb3QoKX1cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9vbkNvbnRlbnRTbG90Q2hhbmdlfT48L3Nsb3Q+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJhY3Rpb25cIiBAc2xvdGNoYW5nZT0ke3RoaXMuX3N5bmNTbG90dGVkRWxlbWVudHN9Pjwvc2xvdD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0X19jbG9zZVwiPlxuICAgICAgICAgICAgPHNiYi1kaXZpZGVyXG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRvYXN0X19jbG9zZS1kaXZpZGVyXCJcbiAgICAgICAgICAgICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMuX2lzTGlnaHRNb2RlKCl9XG4gICAgICAgICAgICA+PC9zYmItZGl2aWRlcj5cbiAgICAgICAgICAgICR7IXRoaXMucmVhZE9ubHlcbiAgICAgICAgICAgICAgPyBodG1sYDxzYmItdHJhbnNwYXJlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi10b2FzdF9fY2xvc2UtYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIGljb24tbmFtZT1cImNyb3NzLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMuX2lzTGlnaHRNb2RlKCl9XG4gICAgICAgICAgICAgICAgICBzaXplPVwibVwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPSR7aTE4bkNsb3NlQWxlcnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgICAgICAgICBzYmItdG9hc3QtY2xvc2VcbiAgICAgICAgICAgICAgICA+PC9zYmItdHJhbnNwYXJlbnQtYnV0dG9uPmBcbiAgICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10b2FzdCc6IFNiYlRvYXN0RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7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

package/development/toast.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './toast/toast.component.ts';
+//# sourceMappingURL=toast.d.ts.map

package/development/toast.d.ts.map

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

package/development/toast.js

@@ -0,0 +1,5 @@
+import { SbbToastElement } from "./toast/toast.component.js";
+export {
+  SbbToastElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/toggle/toggle/toggle.component.d.ts

@@ -0,0 +1,72 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { FormRestoreReason, FormRestoreState } from '../../core/mixins.ts';
+import { SbbToggleOptionElement } from '../toggle-option.ts';
+declare const SbbToggleElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.
+ *
+ * @slot - Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.
+ * @overrideType value - (T = string) | null
+ */
+export declare class SbbToggleElement<T = string> extends SbbToggleElement_base {
+    static readonly role = "radiogroup";
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly change: "change";
+    };
+    /**
+     * If true, set the width of the component fixed; if false,
+     * the width is dynamic based on the label of the sbb-toggle-option.
+     */
+    accessor even: boolean;
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 's' | 'm';
+    /**
+     * The value of the toggle. It needs to be mutable since it is updated whenever
+     * a new option is selected (see the `onToggleOptionSelect()` method).
+     */
+    set value(value: T | null);
+    get value(): T | null;
+    private _fallbackValue;
+    /** The child instances of sbb-toggle-option as an array. */
+    get options(): SbbToggleOptionElement<T>[];
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Called whenever the value changes, both programmatically or by user interaction.
+     * @internal
+     */
+    statusChanged(): void;
+    /**
+     * Reset to the init value if present. Select the first option, otherwise.
+     * @internal
+     */
+    formResetCallback(): void;
+    /**
+     * @internal
+     */
+    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    private _readFormData;
+    /** @internal */
+    updatePillPosition(resizing?: boolean): void;
+    private _updateToggle;
+    private _valueChanged;
+    private _updateDisabled;
+    /**
+     * Called on user interaction (click or keyboard)
+     */
+    private _handleInput;
+    private _handleKeyDown;
+    private _selectAndFocusOption;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle': SbbToggleElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle.component.d.ts.map

package/development/toggle/toggle/toggle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/toggle/toggle/toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAItB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;AAIlE;;;;;GAKG;AACH,qBAEM,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,qBAE1C;IACC,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,EAM/B;IACD,IAAW,KAAK,IAAI,CAAC,GAAG,IAAI,CAI3B;IACD,OAAO,CAAC,cAAc,CAAkB;IAExC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAIhD;;cAQkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAatE;;;OAGG;IACI,aAAa,IAAI,IAAI;IAK5B;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;OAEG;IACI,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;YAUO,aAAa;IAK3B,gBAAgB;IACT,kBAAkB,CAAC,QAAQ,UAAQ,GAAG,IAAI;IAqCjD,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,cAAc;IA6BtB,OAAO,CAAC,qBAAqB;cASV,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}