@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/toast.js

@@ -0,0 +1,381 @@
+import { css, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement } from "./core/base-elements.js";
+import { SbbConnectedAbortController, SbbLanguageController, SbbSlotStateController } from "./core/controllers.js";
+import { isFirefox } from "./core/dom.js";
+import { composedPathHasAttribute } from "./core/eventing.js";
+import { i18nCloseAlert } from "./core/i18n.js";
+import { SbbIconNameMixin } from "./icon.js";
+import "./button/transparent-button.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-toast-max-width: 25rem;
+  --sbb-toast-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-toast-animation-timing-function: ease;
+  --sbb-toast-color: var(--sbb-color-white);
+  --sbb-toast-text-color: var(--sbb-color-milk);
+  --sbb-toast-background-color: var(--sbb-color-midnight);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --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: flex;
+  --sbb-toast-container-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  display: block;
+}
+
+:host(:not([data-state])),
+:host([data-state=closed]) {
+  --sbb-toast-container-display: none;
+}
+
+: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;
+}
+
+.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);
+  padding-block: var(--sbb-toast-padding-block);
+  padding-inline: var(--sbb-toast-padding-inline);
+  border-radius: var(--sbb-toast-border-radius);
+  max-width: var(--sbb-toast-max-width);
+  display: flex;
+  color: var(--sbb-toast-color);
+  background-color: var(--sbb-toast-background-color);
+}
+:host([data-state=opening]) .sbb-toast {
+  animation-name: open;
+  animation-duration: var(--sbb-toast-animation-duration);
+  animation-timing-function: var(--sbb-toast-animation-timing-function);
+}
+:host([data-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__icon {
+  margin-inline-end: var(--sbb-spacing-fixed-2x);
+  line-height: initial;
+}
+:host(:not([data-slot-names~=icon], [icon-name])) .sbb-toast__icon {
+  display: none;
+}
+
+.sbb-toast__content {
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-6);
+  --sbb-title-line-height: var(--sbb-typo-line-height-body-text);
+  color: var(--sbb-toast-text-color);
+  flex: 1 1 0;
+}
+
+.sbb-toast__action {
+  position: relative;
+  min-width: 2.5rem;
+}
+:host(:not([data-slot-names~=action], [dismissible])) .sbb-toast__action {
+  display: none;
+}
+
+::slotted([data-sbb-button]),
+.sbb-toast__action-button {
+  margin-inline: var(--sbb-spacing-fixed-2x);
+  position: absolute;
+  top: -0.625rem;
+}
+
+::slotted(:is(sbb-link, sbb-link-button, sbb-link-static)) {
+  margin-inline-start: var(--sbb-spacing-fixed-4x);
+}
+
+@keyframes open {
+  from {
+    visibility: hidden;
+    opacity: 0;
+    transform: translateY(var(--sbb-spacing-fixed-2x));
+  }
+  to {
+    visibility: visible;
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+@keyframes close {
+  from {
+    visibility: visible;
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  to {
+    visibility: hidden;
+    opacity: 0;
+    transform: translateY(var(--sbb-spacing-fixed-2x));
+  }
+}`;
+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 toastRefs = /* @__PURE__ */ new Set();
+let SbbToastElement = class extends SbbIconNameMixin(SbbOpenCloseBaseElement) {
+  constructor() {
+    super();
+    this.timeout = 6e3;
+    this.position = "bottom-center";
+    this.dismissible = false;
+    this.politeness = "polite";
+    this._abort = new SbbConnectedAbortController(this);
+    this._language = new SbbLanguageController(this);
+    new SbbSlotStateController(this);
+  }
+  /**
+   * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
+   * JAWS does not read out aria-live message.
+   */
+  get _role() {
+    if (!isFirefox) {
+      return;
+    }
+    if (this.politeness === "polite") {
+      return "status";
+    } else if (this.politeness === "assertive") {
+      return "alert";
+    }
+  }
+  /**
+   * Open the toast.
+   * If there are other opened toasts in the page, close them first.
+   */
+  open() {
+    if (this.state !== "closed") {
+      return;
+    }
+    if (!this.willOpen.emit()) {
+      return;
+    }
+    this.state = "opening";
+    this._closeOtherToasts();
+  }
+  /**
+   * Close the toast.
+   */
+  close() {
+    if (this.state !== "opened") {
+      return;
+    }
+    if (!this.willClose.emit()) {
+      return;
+    }
+    clearTimeout(this._closeTimeout);
+    this.state = "closing";
+  }
+  // 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();
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const signal = this._abort.signal;
+    this.addEventListener("click", (e) => this._onClick(e), { signal });
+    toastRefs.add(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    clearTimeout(this._closeTimeout);
+    toastRefs.delete(this);
+  }
+  /**
+   * 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.appendChild(span);
+      span.append(...slotNodes);
+    }
+  }
+  _onActionSlotChange(event) {
+    const slotNodes = event.target.assignedNodes();
+    const buttons = slotNodes.filter(
+      (el) => el.nodeName === "SBB-TRANSPARENT-BUTTON" || el.nodeName === "SBB-TRANSPARENT-BUTTON-LINK"
+    );
+    buttons.forEach((btn) => {
+      btn.negative = true;
+      btn.size = "m";
+    });
+    const links = slotNodes.filter(
+      (el) => ["SBB-LINK", "SBB-LINK-BUTTON", "SBB-LINK-STATIC"].includes(el.nodeName)
+    );
+    links.forEach((link) => {
+      link.negative = true;
+    });
+  }
+  // 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.state = "opened";
+      this.didOpen.emit();
+      if (this.timeout) {
+        this._closeTimeout = setTimeout(() => this.close(), this.timeout);
+      }
+    }
+    if (event.animationName === "close" && this.state === "closing") {
+      this.state = "closed";
+      this.didClose.emit();
+    }
+  }
+  /**
+   * Since we do not stack toasts, we force the closing on other existing opened ones
+   */
+  _closeOtherToasts() {
+    toastRefs.forEach((t) => {
+      if (t.getAttribute("data-state") === "opened") {
+        t.close();
+      }
+    });
+  }
+  render() {
+    return html`
+      <div class="sbb-toast__overlay-container">
+        <div
+          class="sbb-toast"
+          ${/* Firefox needs 'role' to enable screen readers */
+    ""}
+          role=${this._role ?? nothing}
+          @animationend=${this._onToastAnimationEnd}
+        >
+          <div class="sbb-toast__icon">${this.renderIconSlot()}</div>
+
+          <div class="sbb-toast__content" aria-live=${this.politeness}>
+            <slot @slotchange=${this._onContentSlotChange}></slot>
+          </div>
+
+          <div class="sbb-toast__action">
+            <slot name="action" @slotchange=${this._onActionSlotChange}>
+              ${this.dismissible ? html` <sbb-transparent-button
+                    class="sbb-toast__action-button"
+                    icon-name="cross-small"
+                    negative
+                    size="m"
+                    aria-label=${i18nCloseAlert[this._language.current]}
+                    sbb-toast-close
+                  ></sbb-transparent-button>` : nothing}
+            </slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+SbbToastElement.styles = style;
+__decorateClass([
+  property({ type: Number })
+], SbbToastElement.prototype, "timeout", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbToastElement.prototype, "position", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SbbToastElement.prototype, "dismissible", 2);
+__decorateClass([
+  property()
+], SbbToastElement.prototype, "politeness", 2);
+SbbToastElement = __decorateClass([
+  customElement("sbb-toast")
+], SbbToastElement);
+export {
+  SbbToastElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2FzdC90b2FzdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlRyYW5zcGFyZW50QnV0dG9uRWxlbWVudCwgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudCB9IGZyb20gJy4uL2J1dHRvbi5qcyc7XG5pbXBvcnQgeyBTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQge1xuICBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIsXG4gIFNiYkxhbmd1YWdlQ29udHJvbGxlcixcbiAgU2JiU2xvdFN0YXRlQ29udHJvbGxlcixcbn0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBpc0ZpcmVmb3ggfSBmcm9tICcuLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBjb21wb3NlZFBhdGhIYXNBdHRyaWJ1dGUgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5DbG9zZUFsZXJ0IH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi9pY29uLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiTGlua0J1dHRvbkVsZW1lbnQsIFNiYkxpbmtFbGVtZW50LCBTYmJMaW5rU3RhdGljRWxlbWVudCB9IGZyb20gJy4uL2xpbmsuanMnO1xuaW1wb3J0ICcuLi9idXR0b24vdHJhbnNwYXJlbnQtYnV0dG9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9hc3Quc2Nzcz9saXQmaW5saW5lJztcblxudHlwZSBTYmJUb2FzdFBvc2l0aW9uVmVydGljYWwgPSAndG9wJyB8ICdib3R0b20nO1xudHlwZSBTYmJUb2FzdFBvc2l0aW9uSG9yaXpvbnRhbCA9ICdsZWZ0JyB8ICdzdGFydCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnZW5kJztcbmV4cG9ydCB0eXBlIFNiYlRvYXN0UG9zaXRpb24gPSBgJHtTYmJUb2FzdFBvc2l0aW9uVmVydGljYWx9LSR7U2JiVG9hc3RQb3NpdGlvbkhvcml6b250YWx9YDtcblxuLy8gQSBnbG9iYWwgY29sbGVjdGlvbiBvZiBleGlzdGluZyB0b2FzdHNcbmNvbnN0IHRvYXN0UmVmcyA9IG5ldyBTZXQ8U2JiVG9hc3RFbGVtZW50PigpO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9hc3Qgbm90aWZpY2F0aW9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItdG9hc3RgLlxuICogQHNsb3QgaWNvbiAtIEFzc2lnbiBhIGN1c3RvbSBpY29uIHZpYSBzbG90LlxuICogQHNsb3QgYWN0aW9uIC0gUHJvdmlkZSBhIGN1c3RvbSBhY3Rpb24gZm9yIHRoaXMgdG9hc3QuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsT3BlbiAtIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLXRvYXN0YCBzdGFydHMgdGhlIG9wZW5pbmcgdHJhbnNpdGlvbi4gQ2FuIGJlIGNhbmNlbGVkLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkT3BlbiAtIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLXRvYXN0YCBpcyBvcGVuZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsQ2xvc2UgLSBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi10b2FzdGAgYmVnaW5zIHRoZSBjbG9zaW5nIHRyYW5zaXRpb24uIENhbiBiZSBjYW5jZWxlZC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGRpZENsb3NlIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItdG9hc3RgIGlzIGNsb3NlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi10b2FzdC16LWluZGV4PXZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCldIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuIFRoZSBkZWZhdWx0IGB6LWluZGV4YCBvZiB0aGVcbiAqIGNvbXBvbmVudCBpcyBzZXQgdG8gYHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClgIHdpdGggYSB2YWx1ZSBvZiBgMTAwMGAuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdG9hc3QnKVxuZXhwb3J0IGNsYXNzIFNiYlRvYXN0RWxlbWVudCBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oU2JiT3BlbkNsb3NlQmFzZUVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqXG4gICAqIFRoZSBsZW5ndGggb2YgdGltZSBpbiBtaWxsaXNlY29uZHMgdG8gd2FpdCBiZWZvcmUgYXV0b21hdGljYWxseSBkaXNtaXNzaW5nIHRoZSB0b2FzdC5cbiAgICogSWYgMCwgaXQgc3RheXMgb3BlbiBpbmRlZmluaXRlbHkuXG4gICAqL1xuICBAcHJvcGVydHkoeyB0eXBlOiBOdW1iZXIgfSkgcHVibGljIHRpbWVvdXQgPSA2MDAwO1xuXG4gIC8qKiBUaGUgcG9zaXRpb24gd2hlcmUgdG8gcGxhY2UgdGhlIHRvYXN0LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBwb3NpdGlvbjogU2JiVG9hc3RQb3NpdGlvbiA9ICdib3R0b20tY2VudGVyJztcblxuICAvKiogV2hldGhlciB0aGUgdG9hc3QgaGFzIGEgY2xvc2UgYnV0dG9uLiAqL1xuICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBkaXNtaXNzaWJsZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgQVJJQSBwb2xpdGVuZXNzIGxldmVsLlxuICAgKiBDaGVjayBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BY2Nlc3NpYmlsaXR5L0FSSUEvQVJJQV9MaXZlX1JlZ2lvbnMjbGl2ZV9yZWdpb25zIGZvciBmdXJ0aGVyIGluZm9cbiAgICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBwb2xpdGVuZXNzOiAncG9saXRlJyB8ICdhc3NlcnRpdmUnIHwgJ29mZicgPSAncG9saXRlJztcblxuICBwcml2YXRlIF9jbG9zZVRpbWVvdXQ/OiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PjtcbiAgcHJpdmF0ZSBfYWJvcnQgPSBuZXcgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqXG4gICAqIFJvbGUgb2YgdGhlIGxpdmUgcmVnaW9uLiBUaGlzIGlzIG9ubHkgZm9yIEZpcmVmb3ggYXMgdGhlcmUgaXMgYSBrbm93biBpc3N1ZSB3aGVyZSBGaXJlZm94ICtcbiAgICogSkFXUyBkb2VzIG5vdCByZWFkIG91dCBhcmlhLWxpdmUgbWVzc2FnZS5cbiAgICovXG4gIHByaXZhdGUgZ2V0IF9yb2xlKCk6ICdzdGF0dXMnIHwgJ2FsZXJ0JyB8IHVuZGVmaW5lZCB7XG4gICAgaWYgKCFpc0ZpcmVmb3gpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5wb2xpdGVuZXNzID09PSAncG9saXRlJykge1xuICAgICAgcmV0dXJuICdzdGF0dXMnO1xuICAgIH0gZWxzZSBpZiAodGhpcy5wb2xpdGVuZXNzID09PSAnYXNzZXJ0aXZlJykge1xuICAgICAgcmV0dXJuICdhbGVydCc7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIE9wZW4gdGhlIHRvYXN0LlxuICAgKiBJZiB0aGVyZSBhcmUgb3RoZXIgb3BlbmVkIHRvYXN0cyBpbiB0aGUgcGFnZSwgY2xvc2UgdGhlbSBmaXJzdC5cbiAgICovXG4gIHB1YmxpYyBvcGVuKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXRlICE9PSAnY2xvc2VkJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy53aWxsT3Blbi5lbWl0KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuaW5nJztcbiAgICB0aGlzLl9jbG9zZU90aGVyVG9hc3RzKCk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2UgdGhlIHRvYXN0LlxuICAgKi9cbiAgcHVibGljIGNsb3NlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXRlICE9PSAnb3BlbmVkJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy53aWxsQ2xvc2UuZW1pdCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNsZWFyVGltZW91dCh0aGlzLl9jbG9zZVRpbWVvdXQpO1xuICAgIHRoaXMuc3RhdGUgPSAnY2xvc2luZyc7XG4gIH1cblxuICAvLyBDbG9zZSB0aGUgdG9hc3Qgb24gY2xpY2sgb2YgYW55IGVsZW1lbnQgdGhhdCBoYXMgdGhlICdzYmItdG9hc3QtY2xvc2UnIGF0dHJpYnV0ZS5cbiAgcHJpdmF0ZSBfb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBjbG9zZUVsZW1lbnQgPSBjb21wb3NlZFBhdGhIYXNBdHRyaWJ1dGUoZXZlbnQsICdzYmItdG9hc3QtY2xvc2UnLCB0aGlzKTtcblxuICAgIGlmIChjbG9zZUVsZW1lbnQgJiYgIWNsb3NlRWxlbWVudC5oYXNBdHRyaWJ1dGUoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBuZXcgU2JiU2xvdFN0YXRlQ29udHJvbGxlcih0aGlzKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgY29uc3Qgc2lnbmFsID0gdGhpcy5fYWJvcnQuc2lnbmFsO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoZSkgPT4gdGhpcy5fb25DbGljayhlKSwgeyBzaWduYWwgfSk7XG5cbiAgICAvLyBBZGQgdGhpcyB0b2FzdCB0byB0aGUgZ2xvYmFsIGNvbGxlY3Rpb25cbiAgICB0b2FzdFJlZnMuYWRkKHRoaXMpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX2Nsb3NlVGltZW91dCk7XG5cbiAgICAvLyBSZW1vdmUgdGhpcyBpbnN0YW5jZVxuICAgIHRvYXN0UmVmcy5kZWxldGUodGhpcyk7XG4gIH1cblxuICAvKipcbiAgICogU2xvdHRlZCB0ZXh0IG5vZGVzIGFyZSBub3QgcmVhZCBjb3JyZWN0bHkgYnkgc2NyZWVuIHJlYWRlcnMgb24gQ2hyb21lLlxuICAgKiBUbyBhZGRyZXNzIHRoZSBwcm9ibGVtLCBpZiB0aGVyZSBpcyBhdCBsZWFzdCBhIHJvb3QgdGV4dCBub2RlLFxuICAgKiB3ZSB3cmFwIHRoZSB3aG9sZSBjb250ZW50IGluIGEgPHNwYW4+IHRhZ1xuICAgKi9cbiAgcHJpdmF0ZSBfb25Db250ZW50U2xvdENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBzbG90Tm9kZXMgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudCkuYXNzaWduZWROb2RlcygpO1xuXG4gICAgaWYgKHNsb3ROb2Rlcy5zb21lKChlbCkgPT4gZWwubm9kZVR5cGUgPT09IE5vZGUuVEVYVF9OT0RFKSkge1xuICAgICAgY29uc3Qgc3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICAgIHRoaXMuYXBwZW5kQ2hpbGQoc3Bhbik7XG4gICAgICBzcGFuLmFwcGVuZCguLi5zbG90Tm9kZXMpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX29uQWN0aW9uU2xvdENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBzbG90Tm9kZXMgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudCkuYXNzaWduZWROb2RlcygpO1xuXG4gICAgLy8gRm9yY2UgdGhlIHZpc3VhbCBzdGF0ZSBvbiBzbG90dGVkIGJ1dHRvbnNcbiAgICBjb25zdCBidXR0b25zOiAoU2JiVHJhbnNwYXJlbnRCdXR0b25FbGVtZW50IHwgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudClbXSA9XG4gICAgICBzbG90Tm9kZXMuZmlsdGVyKFxuICAgICAgICAoZWwpID0+XG4gICAgICAgICAgZWwubm9kZU5hbWUgPT09ICdTQkItVFJBTlNQQVJFTlQtQlVUVE9OJyB8fCBlbC5ub2RlTmFtZSA9PT0gJ1NCQi1UUkFOU1BBUkVOVC1CVVRUT04tTElOSycsXG4gICAgICApIGFzIChTYmJUcmFuc3BhcmVudEJ1dHRvbkVsZW1lbnQgfCBTYmJUcmFuc3BhcmVudEJ1dHRvbkxpbmtFbGVtZW50KVtdO1xuICAgIGJ1dHRvbnMuZm9yRWFjaCgoYnRuOiBTYmJUcmFuc3BhcmVudEJ1dHRvbkVsZW1lbnQgfCBTYmJUcmFuc3BhcmVudEJ1dHRvbkxpbmtFbGVtZW50KSA9PiB7XG4gICAgICBidG4ubmVnYXRpdmUgPSB0cnVlO1xuICAgICAgYnRuLnNpemUgPSAnbSc7XG4gICAgfSk7XG5cbiAgICAvLyBGb3JjZSBuZWdhdGl2ZSBvbiBpbmxpbmUgc2xvdHRlZCBsaW5rc1xuICAgIGNvbnN0IGxpbmtzID0gc2xvdE5vZGVzLmZpbHRlcigoZWwpID0+XG4gICAgICBbJ1NCQi1MSU5LJywgJ1NCQi1MSU5LLUJVVFRPTicsICdTQkItTElOSy1TVEFUSUMnXS5pbmNsdWRlcyhlbC5ub2RlTmFtZSksXG4gICAgKSBhcyAoU2JiTGlua0VsZW1lbnQgfCBTYmJMaW5rQnV0dG9uRWxlbWVudCB8IFNiYkxpbmtTdGF0aWNFbGVtZW50KVtdO1xuICAgIGxpbmtzLmZvckVhY2goKGxpbmspID0+IHtcbiAgICAgIGxpbmsubmVnYXRpdmUgPSB0cnVlO1xuICAgIH0pO1xuICB9XG5cbiAgLy8gSW4gcmFyZSBjYXNlcyBpdCBjYW4gYmUgdGhhdCB0aGUgYW5pbWF0aW9uRW5kIGV2ZW50IGlzIHRyaWdnZXJlZCB0d2ljZS5cbiAgLy8gVG8gYXZvaWQgZW50ZXJpbmcgYSBjb3JydXB0IHN0YXRlLCBleGl0IHdoZW4gc3RhdGUgaXMgbm90IGV4cGVjdGVkLlxuICBwcml2YXRlIF9vblRvYXN0QW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIC8vIE9uIHRvYXN0IG9wZW5lZFxuICAgIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnb3BlbicgJiYgdGhpcy5zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICB0aGlzLnN0YXRlID0gJ29wZW5lZCc7XG4gICAgICB0aGlzLmRpZE9wZW4uZW1pdCgpO1xuXG4gICAgICAvLyBTdGFydCB0aGUgY291bnRkb3duIHRvIGNsb3NlIGl0XG4gICAgICBpZiAodGhpcy50aW1lb3V0KSB7XG4gICAgICAgIHRoaXMuX2Nsb3NlVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4gdGhpcy5jbG9zZSgpLCB0aGlzLnRpbWVvdXQpO1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIE9uIHRvYXN0IGNsb3NlZFxuICAgIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnY2xvc2UnICYmIHRoaXMuc3RhdGUgPT09ICdjbG9zaW5nJykge1xuICAgICAgdGhpcy5zdGF0ZSA9ICdjbG9zZWQnO1xuICAgICAgdGhpcy5kaWRDbG9zZS5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFNpbmNlIHdlIGRvIG5vdCBzdGFjayB0b2FzdHMsIHdlIGZvcmNlIHRoZSBjbG9zaW5nIG9uIG90aGVyIGV4aXN0aW5nIG9wZW5lZCBvbmVzXG4gICAqL1xuICBwcml2YXRlIF9jbG9zZU90aGVyVG9hc3RzKCk6IHZvaWQge1xuICAgIHRvYXN0UmVmcy5mb3JFYWNoKCh0KSA9PiB7XG4gICAgICBpZiAodC5nZXRBdHRyaWJ1dGUoJ2RhdGEtc3RhdGUnKSA9PT0gJ29wZW5lZCcpIHtcbiAgICAgICAgdC5jbG9zZSgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0X19vdmVybGF5LWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJzYmItdG9hc3RcIlxuICAgICAgICAgICR7LyogRmlyZWZveCBuZWVkcyAncm9sZScgdG8gZW5hYmxlIHNjcmVlbiByZWFkZXJzICovICcnfVxuICAgICAgICAgIHJvbGU9JHt0aGlzLl9yb2xlID8/IG5vdGhpbmd9XG4gICAgICAgICAgQGFuaW1hdGlvbmVuZD0ke3RoaXMuX29uVG9hc3RBbmltYXRpb25FbmR9XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0X19pY29uXCI+JHt0aGlzLnJlbmRlckljb25TbG90KCl9PC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0X19jb250ZW50XCIgYXJpYS1saXZlPSR7dGhpcy5wb2xpdGVuZXNzfT5cbiAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5fb25Db250ZW50U2xvdENoYW5nZX0+PC9zbG90PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdF9fYWN0aW9uXCI+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9vbkFjdGlvblNsb3RDaGFuZ2V9PlxuICAgICAgICAgICAgICAke3RoaXMuZGlzbWlzc2libGVcbiAgICAgICAgICAgICAgICA/IGh0bWxgIDxzYmItdHJhbnNwYXJlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRvYXN0X19hY3Rpb24tYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwiY3Jvc3Mtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBuZWdhdGl2ZVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwibVwiXG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHtpMThuQ2xvc2VBbGVydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgICAgc2JiLXRvYXN0LWNsb3NlXG4gICAgICAgICAgICAgICAgICA+PC9zYmItdHJhbnNwYXJlbnQtYnV0dG9uPmBcbiAgICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgICA8L3Nsb3Q+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvYXN0JzogU2JiVG9hc3RFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltd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

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

@@ -0,0 +1,63 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { SbbToggleOptionElement } from '../toggle-option.js';
+
+/**
+ * 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.
+ * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @event {CustomEvent<void>} change - Emits whenever the toggle value changes.
+ */
+export declare class SbbToggleElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+        readonly change: "change";
+    };
+    /** Whether the toggle is disabled. */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    /**
+     * If true, set the width of the component fixed; if false,
+     * the width is dynamic based on the label of the sbb-toggle-option.
+     */
+    even: boolean;
+    /** Size variant, either m or s. */
+    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: string);
+    get value(): string;
+    private _value;
+    /** The child instances of sbb-toggle-option as an array. */
+    get options(): SbbToggleOptionElement[];
+    private _loaded;
+    private _toggleResizeObserver;
+    private _valueChanged;
+    private _updateDisabled;
+    /**
+     * @deprecated only used for React. Will probably be removed once React 19 is available.
+     * Emits whenever the toggle value changes.
+     */
+    private _didChange;
+    /** Emits whenever the toggle value changes. */
+    private _change;
+    private _abort;
+    private _setCheckedPillPosition;
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    disconnectedCallback(): void;
+    private _updateToggle;
+    private _handleInput;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle': SbbToggleElement;
+    }
+}
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../src/elements/toggle/toggle/toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE;;;;;;GAMG;AACH,qBAIa,gBAAiB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAkB;IAEnC;;;OAGG;IACgD,IAAI,EAAE,OAAO,CAAS;IAEzE,mCAAmC;IACC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAO;IAE3D;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAM7B;IACD,IAAW,KAAK,IAAI,MAAM,CAIzB;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;IAEH,OAAO,CAAC,MAAM,CAAyC;IAEvD,OAAO,CAAC,uBAAuB;IA6Bf,iBAAiB,IAAI,IAAI;cAShB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAO7E,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/development/toggle/toggle-option/toggle-option.d.ts

@@ -0,0 +1,37 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+
+declare const SbbToggleOptionElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof LitElement;
+/**
+ * It displays a toggle option within a `sbb-toggle`.
+ *
+ * @slot - Use the unnamed slot to add content to the label of the toggle option.
+ * @slot icon - Slot used to render the `sbb-icon`.
+ */
+export declare class SbbToggleOptionElement extends SbbToggleOptionElement_base {
+    static styles: CSSResultGroup;
+    /** Whether the toggle-option is checked. */
+    checked: boolean;
+    /** Whether the toggle option is disabled. */
+    disabled: boolean;
+    /** Value of toggle-option. */
+    set value(value: string);
+    get value(): string;
+    private _value;
+    private _toggle?;
+    private _abort;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _uncheckOtherOptions;
+    private _handleDisabledChange;
+    private _handleInput;
+    private _verifyTabindex;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle-option': SbbToggleOptionElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle-option.d.ts.map

package/development/toggle/toggle-option/toggle-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../../src/elements/toggle/toggle-option/toggle-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;;AAWhD;;;;;GAKG;AACH,qBAIa,sBAAuB,SAAQ,2BAA4B;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAErC,OAAO,UAAS;IAEvB,6CAA6C;IAEtC,QAAQ,EAAE,OAAO,CAAS;IAEjC,8BAA8B;IAC9B,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnC,OAAO,CAAC,MAAM,CAAyC;;IAOvC,iBAAiB,IAAI,IAAI;cAetB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/toggle/toggle-option.d.ts

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

package/development/toggle/toggle-option.d.ts.map

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