@sbb-esta/lyne-elements 2.7.1 → 2.9.0

package/development/toast/toast.component.js

@@ -0,0 +1,443 @@
+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 } from "../core/controllers.js";
+import { hostAttributes, slotState, forceType } from "../core/decorators.js";
+import { isFirefox, isZeroAnimationDuration, isLean } from "../core/dom.js";
+import { composedPathHasAttribute } from "../core/eventing.js";
+import { i18nCloseAlert } from "../core/i18n.js";
+import { SbbHydrationMixin } from "../core/mixins.js";
+import { SbbIconNameMixin } from "../icon.js";
+import "../button/transparent-button.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+: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-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: none;
+  --sbb-toast-container-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  display: none;
+}
+
+:host([data-state]:not([data-state=closed])) {
+  --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;
+}
+
+.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;
+  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));
+  }
+}`;
+const toastRefs = /* @__PURE__ */ new Set();
+let SbbToastElement = (() => {
+  var _timeout_accessor_storage, _position_accessor_storage, _dismissible_accessor_storage, _politeness_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-toast"), hostAttributes({
+    popover: "manual"
+  }), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbHydrationMixin(SbbOpenCloseBaseElement));
+  let _timeout_decorators;
+  let _timeout_initializers = [];
+  let _timeout_extraInitializers = [];
+  let _position_decorators;
+  let _position_initializers = [];
+  let _position_extraInitializers = [];
+  let _dismissible_decorators;
+  let _dismissible_initializers = [];
+  let _dismissible_extraInitializers = [];
+  let _politeness_decorators;
+  let _politeness_initializers = [];
+  let _politeness_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      var _a2;
+      super();
+      __privateAdd(this, _timeout_accessor_storage);
+      __privateAdd(this, _position_accessor_storage);
+      __privateAdd(this, _dismissible_accessor_storage);
+      __privateAdd(this, _politeness_accessor_storage);
+      __privateSet(this, _timeout_accessor_storage, __runInitializers(this, _timeout_initializers, 6e3));
+      __privateSet(this, _position_accessor_storage, (__runInitializers(this, _timeout_extraInitializers), __runInitializers(this, _position_initializers, "bottom-center")));
+      __privateSet(this, _dismissible_accessor_storage, (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _dismissible_initializers, false)));
+      __privateSet(this, _politeness_accessor_storage, (__runInitializers(this, _dismissible_extraInitializers), __runInitializers(this, _politeness_initializers, "polite")));
+      this._closeTimeout = __runInitializers(this, _politeness_extraInitializers);
+      this._language = new SbbLanguageController(this);
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "click", (e) => this._onClick(e));
+    }
+    /**
+     * The length of time in milliseconds to wait before automatically dismissing the toast.
+     * If 0, it stays open indefinitely.
+     */
+    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);
+    }
+    /** Whether the toast has a close button. */
+    get dismissible() {
+      return __privateGet(this, _dismissible_accessor_storage);
+    }
+    set dismissible(value) {
+      __privateSet(this, _dismissible_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);
+    }
+    /**
+     * 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() {
+      var _a2;
+      if (this.state !== "closed") {
+        return;
+      }
+      if (!this.willOpen.emit()) {
+        return;
+      }
+      (_a2 = this.showPopover) == null ? void 0 : _a2.call(this);
+      this.state = "opening";
+      this._closeOtherToasts();
+      if (this._isZeroAnimationDuration()) {
+        this._handleOpening();
+      }
+    }
+    _isZeroAnimationDuration() {
+      return isZeroAnimationDuration(this, "--sbb-toast-animation-duration");
+    }
+    /**
+     * Close the toast.
+     */
+    close() {
+      if (this.state !== "opened") {
+        return;
+      }
+      if (!this.willClose.emit()) {
+        return;
+      }
+      clearTimeout(this._closeTimeout);
+      this.state = "closing";
+      if (this._isZeroAnimationDuration()) {
+        this._handleClosing();
+      }
+    }
+    _handleClosing() {
+      var _a2;
+      this.state = "closed";
+      (_a2 = this.hidePopover) == null ? void 0 : _a2.call(this);
+      this.didClose.emit();
+    }
+    _handleOpening() {
+      this.state = "opened";
+      this.didOpen.emit();
+      if (this.timeout) {
+        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();
+      }
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      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 = isLean() ? "s" : "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._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.getAttribute("data-state") === "opened") {
+          t.close();
+        }
+      });
+    }
+    render() {
+      return html`
+      <div class="sbb-toast__overlay-container">
+        ${/* Firefox needs 'role' to enable screen readers */
+      ""}
+        <div
+          class="sbb-toast"
+          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>
+    `;
+    }
+  }, _timeout_accessor_storage = new WeakMap(), _position_accessor_storage = new WeakMap(), _dismissible_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 })];
+    _dismissible_decorators = [forceType(), property({ type: Boolean, 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, _dismissible_decorators, { kind: "accessor", name: "dismissible", static: false, private: false, access: { has: (obj) => "dismissible" in obj, get: (obj) => obj.dismissible, set: (obj, value) => {
+      obj.dismissible = value;
+    } }, metadata: _metadata }, _dismissible_initializers, _dismissible_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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbToastElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiVHJhbnNwYXJlbnRCdXR0b25FbGVtZW50LCBTYmJUcmFuc3BhcmVudEJ1dHRvbkxpbmtFbGVtZW50IH0gZnJvbSAnLi4vYnV0dG9uLmpzJztcbmltcG9ydCB7IFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlLCBob3N0QXR0cmlidXRlcywgc2xvdFN0YXRlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGlzRmlyZWZveCwgaXNMZWFuLCBpc1plcm9BbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7IGNvbXBvc2VkUGF0aEhhc0F0dHJpYnV0ZSB9IGZyb20gJy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4bkNsb3NlQWxlcnQgfSBmcm9tICcuLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiSHlkcmF0aW9uTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkxpbmtCdXR0b25FbGVtZW50LCBTYmJMaW5rRWxlbWVudCwgU2JiTGlua1N0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9hc3Quc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9idXR0b24vdHJhbnNwYXJlbnQtYnV0dG9uLmpzJztcblxudHlwZSBTYmJUb2FzdFBvc2l0aW9uVmVydGljYWwgPSAndG9wJyB8ICdib3R0b20nO1xudHlwZSBTYmJUb2FzdFBvc2l0aW9uSG9yaXpvbnRhbCA9ICdsZWZ0JyB8ICdzdGFydCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnZW5kJztcbmV4cG9ydCB0eXBlIFNiYlRvYXN0UG9zaXRpb24gPSBgJHtTYmJUb2FzdFBvc2l0aW9uVmVydGljYWx9LSR7U2JiVG9hc3RQb3NpdGlvbkhvcml6b250YWx9YDtcblxuLy8gQSBnbG9iYWwgY29sbGVjdGlvbiBvZiBleGlzdGluZyB0b2FzdHNcbmNvbnN0IHRvYXN0UmVmcyA9IG5ldyBTZXQ8U2JiVG9hc3RFbGVtZW50PigpO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9hc3Qgbm90aWZpY2F0aW9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItdG9hc3RgLlxuICogQHNsb3QgaWNvbiAtIEFzc2lnbiBhIGN1c3RvbSBpY29uIHZpYSBzbG90LlxuICogQHNsb3QgYWN0aW9uIC0gUHJvdmlkZSBhIGN1c3RvbSBhY3Rpb24gZm9yIHRoaXMgdG9hc3QuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsT3BlbiAtIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLXRvYXN0YCBzdGFydHMgdGhlIG9wZW5pbmcgdHJhbnNpdGlvbi4gQ2FuIGJlIGNhbmNlbGVkLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkT3BlbiAtIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLXRvYXN0YCBpcyBvcGVuZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsQ2xvc2UgLSBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi10b2FzdGAgYmVnaW5zIHRoZSBjbG9zaW5nIHRyYW5zaXRpb24uIENhbiBiZSBjYW5jZWxlZC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGRpZENsb3NlIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItdG9hc3RgIGlzIGNsb3NlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi10b2FzdC16LWluZGV4PXZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCldIC0gVG8gc3BlY2lmeSBhIGN1c3RvbSBzdGFjayBvcmRlcixcbiAqIHRoZSBgei1pbmRleGAgY2FuIGJlIG92ZXJyaWRkZW4gYnkgZGVmaW5pbmcgdGhpcyBDU1MgdmFyaWFibGUuIFRoZSBkZWZhdWx0IGB6LWluZGV4YCBvZiB0aGVcbiAqIGNvbXBvbmVudCBpcyBzZXQgdG8gYHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClgIHdpdGggYSB2YWx1ZSBvZiBgMTAwMGAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10b2FzdCcpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICBwb3BvdmVyOiAnbWFudWFsJyxcbn0pXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYlRvYXN0RWxlbWVudCBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oU2JiSHlkcmF0aW9uTWl4aW4oU2JiT3BlbkNsb3NlQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKlxuICAgKiBUaGUgbGVuZ3RoIG9mIHRpbWUgaW4gbWlsbGlzZWNvbmRzIHRvIHdhaXQgYmVmb3JlIGF1dG9tYXRpY2FsbHkgZGlzbWlzc2luZyB0aGUgdG9hc3QuXG4gICAqIElmIDAsIGl0IHN0YXlzIG9wZW4gaW5kZWZpbml0ZWx5LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IE51bWJlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdGltZW91dDogbnVtYmVyID0gNjAwMDtcblxuICAvKiogVGhlIHBvc2l0aW9uIHdoZXJlIHRvIHBsYWNlIHRoZSB0b2FzdC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgcG9zaXRpb246IFNiYlRvYXN0UG9zaXRpb24gPSAnYm90dG9tLWNlbnRlcic7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRvYXN0IGhhcyBhIGNsb3NlIGJ1dHRvbi4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIGRpc21pc3NpYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBBUklBIHBvbGl0ZW5lc3MgbGV2ZWwuXG4gICAqIENoZWNrIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FjY2Vzc2liaWxpdHkvQVJJQS9BUklBX0xpdmVfUmVnaW9ucyNsaXZlX3JlZ2lvbnMgZm9yIGZ1cnRoZXIgaW5mb1xuICAgKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIHBvbGl0ZW5lc3M6ICdwb2xpdGUnIHwgJ2Fzc2VydGl2ZScgfCAnb2ZmJyA9ICdwb2xpdGUnO1xuXG4gIHByaXZhdGUgX2Nsb3NlVGltZW91dD86IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+O1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqXG4gICAqIFJvbGUgb2YgdGhlIGxpdmUgcmVnaW9uLiBUaGlzIGlzIG9ubHkgZm9yIEZpcmVmb3ggYXMgdGhlcmUgaXMgYSBrbm93biBpc3N1ZSB3aGVyZSBGaXJlZm94ICtcbiAgICogSkFXUyBkb2VzIG5vdCByZWFkIG91dCBhcmlhLWxpdmUgbWVzc2FnZS5cbiAgICovXG4gIHByaXZhdGUgZ2V0IF9yb2xlKCk6ICdzdGF0dXMnIHwgJ2FsZXJ0JyB8IHVuZGVmaW5lZCB7XG4gICAgaWYgKCFpc0ZpcmVmb3gpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5wb2xpdGVuZXNzID09PSAncG9saXRlJykge1xuICAgICAgcmV0dXJuICdzdGF0dXMnO1xuICAgIH0gZWxzZSBpZiAodGhpcy5wb2xpdGVuZXNzID09PSAnYXNzZXJ0aXZlJykge1xuICAgICAgcmV0dXJuICdhbGVydCc7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKGUpID0+IHRoaXMuX29uQ2xpY2soZSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIE9wZW4gdGhlIHRvYXN0LlxuICAgKiBJZiB0aGVyZSBhcmUgb3RoZXIgb3BlbmVkIHRvYXN0cyBpbiB0aGUgcGFnZSwgY2xvc2UgdGhlbSBmaXJzdC5cbiAgICovXG4gIHB1YmxpYyBvcGVuKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXRlICE9PSAnY2xvc2VkJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy53aWxsT3Blbi5lbWl0KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNob3dQb3BvdmVyPy4oKTtcbiAgICB0aGlzLnN0YXRlID0gJ29wZW5pbmcnO1xuICAgIHRoaXMuX2Nsb3NlT3RoZXJUb2FzdHMoKTtcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKHRoaXMsICctLXNiYi10b2FzdC1hbmltYXRpb24tZHVyYXRpb24nKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbG9zZSB0aGUgdG9hc3QuXG4gICAqL1xuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RhdGUgIT09ICdvcGVuZWQnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLndpbGxDbG9zZS5lbWl0KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX2Nsb3NlVGltZW91dCk7XG4gICAgdGhpcy5zdGF0ZSA9ICdjbG9zaW5nJztcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBjbG9zZWRgIHN0YXRlLlxuICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xvc2luZygpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgdGhpcy5oaWRlUG9wb3Zlcj8uKCk7XG4gICAgdGhpcy5kaWRDbG9zZS5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVPcGVuaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGUgPSAnb3BlbmVkJztcbiAgICB0aGlzLmRpZE9wZW4uZW1pdCgpO1xuXG4gICAgLy8gU3RhcnQgdGhlIGNvdW50ZG93biB0byBjbG9zZSBpdFxuICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgIHRoaXMuX2Nsb3NlVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4gdGhpcy5jbG9zZSgpLCB0aGlzLnRpbWVvdXQpO1xuICAgIH1cbiAgfVxuXG4gIC8vIENsb3NlIHRoZSB0b2FzdCBvbiBjbGljayBvZiBhbnkgZWxlbWVudCB0aGF0IGhhcyB0aGUgJ3NiYi10b2FzdC1jbG9zZScgYXR0cmlidXRlLlxuICBwcml2YXRlIF9vbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGNsb3NlRWxlbWVudCA9IGNvbXBvc2VkUGF0aEhhc0F0dHJpYnV0ZShldmVudCwgJ3NiYi10b2FzdC1jbG9zZScsIHRoaXMpO1xuXG4gICAgaWYgKGNsb3NlRWxlbWVudCAmJiAhY2xvc2VFbGVtZW50Lmhhc0F0dHJpYnV0ZSgnZGlzYWJsZWQnKSkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQWRkIHRoaXMgdG9hc3QgdG8gdGhlIGdsb2JhbCBjb2xsZWN0aW9uXG4gICAgdG9hc3RSZWZzLmFkZCh0aGlzKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIGNsZWFyVGltZW91dCh0aGlzLl9jbG9zZVRpbWVvdXQpO1xuXG4gICAgLy8gUmVtb3ZlIHRoaXMgaW5zdGFuY2VcbiAgICB0b2FzdFJlZnMuZGVsZXRlKHRoaXMpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNsb3R0ZWQgdGV4dCBub2RlcyBhcmUgbm90IHJlYWQgY29ycmVjdGx5IGJ5IHNjcmVlbiByZWFkZXJzIG9uIENocm9tZS5cbiAgICogVG8gYWRkcmVzcyB0aGUgcHJvYmxlbSwgaWYgdGhlcmUgaXMgYXQgbGVhc3QgYSByb290IHRleHQgbm9kZSxcbiAgICogd2Ugd3JhcCB0aGUgd2hvbGUgY29udGVudCBpbiBhIDxzcGFuPiB0YWdcbiAgICovXG4gIHByaXZhdGUgX29uQ29udGVudFNsb3RDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3Qgc2xvdE5vZGVzID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpLmFzc2lnbmVkTm9kZXMoKTtcblxuICAgIGlmIChzbG90Tm9kZXMuc29tZSgoZWwpID0+IGVsLm5vZGVUeXBlID09PSBOb2RlLlRFWFRfTk9ERSkpIHtcbiAgICAgIGNvbnN0IHNwYW4gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgICB0aGlzLmFwcGVuZENoaWxkKHNwYW4pO1xuICAgICAgc3Bhbi5hcHBlbmQoLi4uc2xvdE5vZGVzKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbkFjdGlvblNsb3RDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3Qgc2xvdE5vZGVzID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpLmFzc2lnbmVkTm9kZXMoKTtcblxuICAgIC8vIEZvcmNlIHRoZSB2aXN1YWwgc3RhdGUgb24gc2xvdHRlZCBidXR0b25zXG4gICAgY29uc3QgYnV0dG9uczogKFNiYlRyYW5zcGFyZW50QnV0dG9uRWxlbWVudCB8IFNiYlRyYW5zcGFyZW50QnV0dG9uTGlua0VsZW1lbnQpW10gPVxuICAgICAgc2xvdE5vZGVzLmZpbHRlcihcbiAgICAgICAgKGVsKSA9PlxuICAgICAgICAgIGVsLm5vZGVOYW1lID09PSAnU0JCLVRSQU5TUEFSRU5ULUJVVFRPTicgfHwgZWwubm9kZU5hbWUgPT09ICdTQkItVFJBTlNQQVJFTlQtQlVUVE9OLUxJTksnLFxuICAgICAgKSBhcyAoU2JiVHJhbnNwYXJlbnRCdXR0b25FbGVtZW50IHwgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudClbXTtcbiAgICBidXR0b25zLmZvckVhY2goKGJ0bjogU2JiVHJhbnNwYXJlbnRCdXR0b25FbGVtZW50IHwgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudCkgPT4ge1xuICAgICAgYnRuLm5lZ2F0aXZlID0gdHJ1ZTtcbiAgICAgIGJ0bi5zaXplID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG4gICAgfSk7XG5cbiAgICAvLyBGb3JjZSBuZWdhdGl2ZSBvbiBpbmxpbmUgc2xvdHRlZCBsaW5rc1xuICAgIGNvbnN0IGxpbmtzID0gc2xvdE5vZGVzLmZpbHRlcigoZWwpID0+XG4gICAgICBbJ1NCQi1MSU5LJywgJ1NCQi1MSU5LLUJVVFRPTicsICdTQkItTElOSy1TVEFUSUMnXS5pbmNsdWRlcyhlbC5ub2RlTmFtZSksXG4gICAgKSBhcyAoU2JiTGlua0VsZW1lbnQgfCBTYmJMaW5rQnV0dG9uRWxlbWVudCB8IFNiYkxpbmtTdGF0aWNFbGVtZW50KVtdO1xuICAgIGxpbmtzLmZvckVhY2goKGxpbmspID0+IHtcbiAgICAgIGxpbmsubmVnYXRpdmUgPSB0cnVlO1xuICAgIH0pO1xuICB9XG5cbiAgLy8gSW4gcmFyZSBjYXNlcyBpdCBjYW4gYmUgdGhhdCB0aGUgYW5pbWF0aW9uRW5kIGV2ZW50IGlzIHRyaWdnZXJlZCB0d2ljZS5cbiAgLy8gVG8gYXZvaWQgZW50ZXJpbmcgYSBjb3JydXB0IHN0YXRlLCBleGl0IHdoZW4gc3RhdGUgaXMgbm90IGV4cGVjdGVkLlxuICBwcml2YXRlIF9vblRvYXN0QW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIC8vIE9uIHRvYXN0IG9wZW5lZFxuICAgIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnb3BlbicgJiYgdGhpcy5zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfSBlbHNlIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnY2xvc2UnICYmIHRoaXMuc3RhdGUgPT09ICdjbG9zaW5nJykge1xuICAgICAgdGhpcy5faGFuZGxlQ2xvc2luZygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBTaW5jZSB3ZSBkbyBub3Qgc3RhY2sgdG9hc3RzLCB3ZSBmb3JjZSB0aGUgY2xvc2luZyBvbiBvdGhlciBleGlzdGluZyBvcGVuZWQgb25lc1xuICAgKi9cbiAgcHJpdmF0ZSBfY2xvc2VPdGhlclRvYXN0cygpOiB2b2lkIHtcbiAgICB0b2FzdFJlZnMuZm9yRWFjaCgodCkgPT4ge1xuICAgICAgaWYgKHQuZ2V0QXR0cmlidXRlKCdkYXRhLXN0YXRlJykgPT09ICdvcGVuZWQnKSB7XG4gICAgICAgIHQuY2xvc2UoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdF9fb3ZlcmxheS1jb250YWluZXJcIj5cbiAgICAgICAgJHsvKiBGaXJlZm94IG5lZWRzICdyb2xlJyB0byBlbmFibGUgc2NyZWVuIHJlYWRlcnMgKi8gJyd9XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNiYi10b2FzdFwiXG4gICAgICAgICAgcm9sZT0ke3RoaXMuX3JvbGUgPz8gbm90aGluZ31cbiAgICAgICAgICBAYW5pbWF0aW9uZW5kPSR7dGhpcy5fb25Ub2FzdEFuaW1hdGlvbkVuZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RfX2ljb25cIj4ke3RoaXMucmVuZGVySWNvblNsb3QoKX08L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RfX2NvbnRlbnRcIiBhcmlhLWxpdmU9JHt0aGlzLnBvbGl0ZW5lc3N9PlxuICAgICAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9vbkNvbnRlbnRTbG90Q2hhbmdlfT48L3Nsb3Q+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0X19hY3Rpb25cIj5cbiAgICAgICAgICAgIDxzbG90IG5hbWU9XCJhY3Rpb25cIiBAc2xvdGNoYW5nZT0ke3RoaXMuX29uQWN0aW9uU2xvdENoYW5nZX0+XG4gICAgICAgICAgICAgICR7dGhpcy5kaXNtaXNzaWJsZVxuICAgICAgICAgICAgICAgID8gaHRtbGAgPHNiYi10cmFuc3BhcmVudC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdG9hc3RfX2FjdGlvbi1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBpY29uLW5hbWU9XCJjcm9zcy1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgIG5lZ2F0aXZlXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD0ke2kxOG5DbG9zZUFsZXJ0W3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgICAgICAgICAgICBzYmItdG9hc3QtY2xvc2VcbiAgICAgICAgICAgICAgICAgID48L3NiYi10cmFuc3BhcmVudC1idXR0b24+YFxuICAgICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICAgIDwvc2xvdD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdG9hc3QnOiBTYmJUb2FzdEVs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

package/development/toast.d.ts

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

package/development/toast.d.ts.map

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

package/development/toast.js

@@ -1,4 +1,4 @@
-import { SbbToastElement } from "./toast/toast.js";
+import { SbbToastElement } from "./toast/toast.component.js";
 export {
   SbbToastElement
 };

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

@@ -0,0 +1,74 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
+import { SbbToggleOptionElement } from '../toggle-option.js';
+declare const SbbToggleElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType<string>> & typeof LitElement;
+/**
+ * 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>} change - Emits whenever the toggle value changes.
+ */
+export declare class SbbToggleElement extends SbbToggleElement_base {
+    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: string | null);
+    get value(): string;
+    private _value;
+    /** The child instances of sbb-toggle-option as an array. */
+    get options(): SbbToggleOptionElement[];
+    private _loaded;
+    /** Emits whenever the toggle value changes. */
+    private _change;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<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.
+     */
+    formResetCallback(): void;
+    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    /**
+     * @deprecated Will be made 'private' in the next major version
+     * @internal
+     */
+    updatePillPosition(resizing?: boolean): void;
+    protected updateFormValue(): void;
+    private _updateToggle;
+    private _valueChanged;
+    private _updateDisabled;
+    /**
+     * Called on user interaction (click or keyboard)
+     */
+    private _handleInput;
+    private _handleKeyDown;
+    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;AAOb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;AAIlE;;;;;GAKG;AACH,qBAEM,gBAAiB,SAAQ,qBAAoD;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAIlC;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IAEjC,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;;IAWa,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;cAO7C,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F;;;OAGG;IACI,aAAa,IAAI,IAAI;IAK5B;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAIP;;;OAGG;IACI,kBAAkB,CAAC,QAAQ,UAAQ,GAAG,IAAI;IAmCjD,SAAS,CAAC,eAAe,IAAI,IAAI;IAIjC,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}