@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/toggle/toggle-option.js

@@ -0,0 +1,222 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbConnectedAbortController, SbbSlotStateController } from "../core/controllers.js";
+import { hostAttributes } from "../core/decorators.js";
+import { setOrRemoveAttribute } from "../core/dom.js";
+import { SbbIconNameMixin } from "../icon.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-toggle-option-cursor: pointer;
+  --sbb-toggle-option-color: var(--sbb-color-anthracite);
+  --sbb-toggle-option-icon-min-size: var(--sbb-size-icon-ui-small);
+  --sbb-toggle-option-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-toggle-option-line-height: calc(1em * var(--sbb-typo-line-height-body-text));
+  display: inline-block;
+  min-width: var(--sbb-toggle-min-width);
+  overflow: hidden;
+  z-index: 1;
+}
+
+:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) {
+  outline: none !important;
+}
+
+:host([checked]) {
+  --sbb-toggle-option-color: var(--sbb-color-charcoal);
+}
+
+:host([disabled]) {
+  --sbb-toggle-option-cursor: unset;
+  --sbb-toggle-option-color: var(--sbb-color-granite);
+}
+
+input[type=radio] {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.sbb-toggle-option {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  font-weight: bold;
+  cursor: var(--sbb-toggle-option-cursor);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: var(--sbb-toggle-height);
+  padding-inline: var(--sbb-toggle-padding-inline);
+  border-radius: var(--sbb-toggle-option-border-radius);
+  color: var(--sbb-toggle-option-color);
+}
+:host([data-slot-names~=unnamed]:where([data-slot-names~=icon], [icon-name])) .sbb-toggle-option {
+  gap: var(--sbb-spacing-fixed-1x);
+}
+
+.sbb-toggle-option__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+:host(:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-toggle-option__label::before {
+  content: "";
+  position: absolute;
+  pointer-events: none;
+  inset: calc(var(--sbb-focus-outline-offset) * -2);
+  border: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  border-radius: var(--sbb-toggle-option-border-radius);
+}
+
+sbb-icon,
+::slotted(sbb-icon) {
+  min-width: var(--sbb-toggle-option-icon-min-size);
+  min-height: var(--sbb-toggle-option-icon-min-size);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbToggleOptionElement = class extends SbbIconNameMixin(LitElement) {
+  constructor() {
+    super();
+    this.checked = false;
+    this.disabled = false;
+    this._value = "";
+    this._abort = new SbbConnectedAbortController(this);
+    new SbbSlotStateController(this);
+  }
+  set value(value) {
+    this._value = `${value}`;
+  }
+  get value() {
+    return this._value;
+  }
+  connectedCallback() {
+    var _a;
+    super.connectedCallback();
+    const signal = this._abort.signal;
+    this.addEventListener("input", () => this._handleInput(), { signal });
+    this.addEventListener("click", () => {
+      var _a2;
+      return (_a2 = this.shadowRoot.querySelector("label")) == null ? void 0 : _a2.click();
+    }, {
+      signal
+    });
+    this._toggle = ((_a = this.closest) == null ? void 0 : _a.call(this, "sbb-toggle")) ?? void 0;
+    this._verifyTabindex();
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("checked")) {
+      this.setAttribute("aria-checked", `${this.checked}`);
+      this._verifyTabindex();
+      if (this.checked) {
+        this._uncheckOtherOptions();
+      }
+    }
+    if (changedProperties.has("disabled")) {
+      this._handleDisabledChange();
+    }
+  }
+  _uncheckOtherOptions() {
+    var _a;
+    (_a = this._toggle) == null ? void 0 : _a.options.filter((o) => o !== this).forEach((o) => o.checked = false);
+  }
+  _handleDisabledChange() {
+    if (!this._toggle)
+      ;
+    else if (this._toggle.disabled && !this.disabled) {
+      this.disabled = true;
+    } else if (!this._toggle.disabled && this.disabled) {
+      this.disabled = false;
+    }
+    setOrRemoveAttribute(this, "aria-disabled", this.disabled ? `true` : null);
+    this._verifyTabindex();
+  }
+  _handleInput() {
+    if (this.disabled) {
+      return;
+    }
+    this.checked = true;
+    this._uncheckOtherOptions();
+  }
+  _verifyTabindex() {
+    this.tabIndex = this.checked && !this.disabled ? 0 : -1;
+  }
+  render() {
+    return html`
+      <input
+        type="radio"
+        id="sbb-toggle-option-id"
+        aria-hidden="true"
+        tabindex="-1"
+        ?disabled=${this.disabled}
+        .checked=${this.checked || nothing}
+        .value=${this.value || nothing}
+        @click=${(event) => event.stopPropagation()}
+      />
+      <label class="sbb-toggle-option" for="sbb-toggle-option-id">
+        ${this.renderIconSlot()}
+        <span class="sbb-toggle-option__label">
+          <slot></slot>
+        </span>
+      </label>
+    `;
+  }
+};
+SbbToggleOptionElement.styles = style;
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbToggleOptionElement.prototype, "checked", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbToggleOptionElement.prototype, "disabled", 2);
+__decorateClass([
+  property()
+], SbbToggleOptionElement.prototype, "value", 1);
+SbbToggleOptionElement = __decorateClass([
+  customElement("sbb-toggle-option"),
+  hostAttributes({
+    role: "radio"
+  })
+], SbbToggleOptionElement);
+export {
+  SbbToggleOptionElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLW9wdGlvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RvZ2dsZS90b2dnbGUtb3B0aW9uL3RvZ2dsZS1vcHRpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlWYWx1ZXMsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciwgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgc2V0T3JSZW1vdmVBdHRyaWJ1dGUgfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRvZ2dsZUVsZW1lbnQgfSBmcm9tICcuLi90b2dnbGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2dnbGUtb3B0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0b2dnbGUgb3B0aW9uIHdpdGhpbiBhIGBzYmItdG9nZ2xlYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBsYWJlbCBvZiB0aGUgdG9nZ2xlIG9wdGlvbi5cbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSBgc2JiLWljb25gLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLXRvZ2dsZS1vcHRpb24nKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgcm9sZTogJ3JhZGlvJyxcbn0pXG5leHBvcnQgY2xhc3MgU2JiVG9nZ2xlT3B0aW9uRWxlbWVudCBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogV2hldGhlciB0aGUgdG9nZ2xlLW9wdGlvbiBpcyBjaGVja2VkLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBjaGVja2VkID0gZmFsc2U7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHRvZ2dsZSBvcHRpb24gaXMgZGlzYWJsZWQuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFZhbHVlIG9mIHRvZ2dsZS1vcHRpb24uICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBzZXQgdmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3ZhbHVlID0gYCR7dmFsdWV9YDtcbiAgfVxuICBwdWJsaWMgZ2V0IHZhbHVlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgPSAnJztcblxuICBwcml2YXRlIF90b2dnbGU/OiBTYmJUb2dnbGVFbGVtZW50O1xuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG5cbiAgICAvLyBXZSBuZWVkIHRvIGxpc3RlbiBpbnB1dCBldmVudCBvbiBob3N0IGFzIHdpdGgga2V5Ym9hcmQgbmF2aWdhdGlvblxuICAgIC8vIHRoZSBJbnB1dCBFdmVudCBpcyB0cmlnZ2VyZWQgZnJvbSBzYmItdG9nZ2xlLlxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignaW5wdXQnLCAoKSA9PiB0aGlzLl9oYW5kbGVJbnB1dCgpLCB7IHNpZ25hbCB9KTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yKCdsYWJlbCcpPy5jbGljaygpLCB7XG4gICAgICBzaWduYWwsXG4gICAgfSk7XG4gICAgLy8gV2UgY2FuIHVzZSBjbG9zZXN0IGhlcmUsIGFzIHdlIGV4cGVjdCB0aGUgcGFyZW50IHNiYi10b2dnbGUgdG8gYmUgaW4gbGlnaHQgRE9NLlxuICAgIHRoaXMuX3RvZ2dsZSA9IHRoaXMuY2xvc2VzdD8uKCdzYmItdG9nZ2xlJykgPz8gdW5kZWZpbmVkO1xuICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSkge1xuICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2FyaWEtY2hlY2tlZCcsIGAke3RoaXMuY2hlY2tlZH1gKTtcbiAgICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gICAgICBpZiAodGhpcy5jaGVja2VkKSB7XG4gICAgICAgIHRoaXMuX3VuY2hlY2tPdGhlck9wdGlvbnMoKTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgdGhpcy5faGFuZGxlRGlzYWJsZWRDaGFuZ2UoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF91bmNoZWNrT3RoZXJPcHRpb25zKCk6IHZvaWQge1xuICAgIHRoaXMuX3RvZ2dsZT8ub3B0aW9ucy5maWx0ZXIoKG8pID0+IG8gIT09IHRoaXMpLmZvckVhY2goKG8pID0+IChvLmNoZWNrZWQgPSBmYWxzZSkpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlRGlzYWJsZWRDaGFuZ2UoKTogdm9pZCB7XG4gICAgLy8gRW5mb3JjZSBkaXNhYmxlZCBzdGF0ZSBmcm9tIHBhcmVudC5cbiAgICBpZiAoIXRoaXMuX3RvZ2dsZSkge1xuICAgICAgLy8gSWdub3JlIGlsbGVnYWwgc3RhdGUuIE91ciBleHBlY3RhdGlvbiAgaXMgdGhhdCBhIHNiYi10b2dnbGUtb3B0aW9uXG4gICAgICAvLyBhbHdheXMgaGFzIGEgcGFyZW50IHNiYi10b2dnbGUuXG4gICAgfSBlbHNlIGlmICh0aGlzLl90b2dnbGUuZGlzYWJsZWQgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuZGlzYWJsZWQgPSB0cnVlO1xuICAgIH0gZWxzZSBpZiAoIXRoaXMuX3RvZ2dsZS5kaXNhYmxlZCAmJiB0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmRpc2FibGVkID0gZmFsc2U7XG4gICAgfVxuICAgIHNldE9yUmVtb3ZlQXR0cmlidXRlKHRoaXMsICdhcmlhLWRpc2FibGVkJywgdGhpcy5kaXNhYmxlZCA/IGB0cnVlYCA6IG51bGwpO1xuICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVJbnB1dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xuICAgIHRoaXMuX3VuY2hlY2tPdGhlck9wdGlvbnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3ZlcmlmeVRhYmluZGV4KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSB0aGlzLmNoZWNrZWQgJiYgIXRoaXMuZGlzYWJsZWQgPyAwIDogLTE7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBpZD1cInNiYi10b2dnbGUtb3B0aW9uLWlkXCJcbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWR9XG4gICAgICAgIC5jaGVja2VkPSR7dGhpcy5jaGVja2VkIHx8IG5vdGhpbmd9XG4gICAgICAgIC52YWx1ZT0ke3RoaXMudmFsdWUgfHwgbm90aGluZ31cbiAgICAgICAgQGNsaWNrPSR7KGV2ZW50OiBQb2ludGVyRXZlbnQpID0+IGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgLz5cbiAgICAgIDxsYWJlbCBjbGFzcz1cInNiYi10b2dnbGUtb3B0aW9uXCIgZm9yPVwic2JiLXRvZ2dsZS1vcHRpb24taWRcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckljb25TbG90KCl9XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1vcHRpb25fX2xhYmVsXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2xhYmVsPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10b2dnbGUtb3B0aW9uJzogU2JiVG9nZ2xlT3B0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFzQk8sSUFBTSx5QkFBTixjQUFxQyxpQkFBaUIsVUFBVSxFQUFFO0FBQUEsRUF3QmhFLGNBQWM7QUFDYjtBQXBCUixTQUFPLFVBQVU7QUFJakIsU0FBTyxXQUFvQjtBQVUzQixTQUFRLFNBQWlCO0FBR2pCLFNBQUEsU0FBUyxJQUFJLDRCQUE0QixJQUFJO0FBSW5ELFFBQUksdUJBQXVCLElBQUk7QUFBQSxFQUNqQztBQUFBLEVBZEEsSUFBVyxNQUFNLE9BQWU7QUFDekIsU0FBQSxTQUFTLEdBQUcsS0FBSztBQUFBLEVBQ3hCO0FBQUEsRUFDQSxJQUFXLFFBQWdCO0FBQ3pCLFdBQU8sS0FBSztBQUFBLEVBQ2Q7QUFBQSxFQVdnQixvQkFBMEI7O0FBQ3hDLFVBQU0sa0JBQWtCO0FBQ2xCLFVBQUEsU0FBUyxLQUFLLE9BQU87QUFJdEIsU0FBQSxpQkFBaUIsU0FBUyxNQUFNLEtBQUssZ0JBQWdCLEVBQUUsUUFBUTtBQUMvRCxTQUFBLGlCQUFpQixTQUFTOztBQUFNLGNBQUFBLE1BQUEsS0FBSyxXQUFZLGNBQWMsT0FBTyxNQUF0QyxnQkFBQUEsSUFBeUM7QUFBQSxPQUFTO0FBQUEsTUFDckY7QUFBQSxJQUFBLENBQ0Q7QUFFRCxTQUFLLFlBQVUsVUFBSyxZQUFMLDhCQUFlLGtCQUFpQjtBQUMvQyxTQUFLLGdCQUFnQjtBQUFBLEVBQ3ZCO0FBQUEsRUFFbUIsV0FBVyxtQkFBK0M7QUFDM0UsVUFBTSxXQUFXLGlCQUFpQjtBQUU5QixRQUFBLGtCQUFrQixJQUFJLFNBQVMsR0FBRztBQUNwQyxXQUFLLGFBQWEsZ0JBQWdCLEdBQUcsS0FBSyxPQUFPLEVBQUU7QUFDbkQsV0FBSyxnQkFBZ0I7QUFDckIsVUFBSSxLQUFLLFNBQVM7QUFDaEIsYUFBSyxxQkFBcUI7QUFBQSxNQUM1QjtBQUFBLElBQ0Y7QUFDSSxRQUFBLGtCQUFrQixJQUFJLFVBQVUsR0FBRztBQUNyQyxXQUFLLHNCQUFzQjtBQUFBLElBQzdCO0FBQUEsRUFDRjtBQUFBLEVBRVEsdUJBQTZCOztBQUNuQyxlQUFLLFlBQUwsbUJBQWMsUUFBUSxPQUFPLENBQUMsTUFBTSxNQUFNLE1BQU0sUUFBUSxDQUFDLE1BQU8sRUFBRSxVQUFVO0FBQUEsRUFDOUU7QUFBQSxFQUVRLHdCQUE4QjtBQUVoQyxRQUFBLENBQUMsS0FBSztBQUFTO0FBQUEsYUFHUixLQUFLLFFBQVEsWUFBWSxDQUFDLEtBQUssVUFBVTtBQUNsRCxXQUFLLFdBQVc7QUFBQSxJQUFBLFdBQ1AsQ0FBQyxLQUFLLFFBQVEsWUFBWSxLQUFLLFVBQVU7QUFDbEQsV0FBSyxXQUFXO0FBQUEsSUFDbEI7QUFDQSx5QkFBcUIsTUFBTSxpQkFBaUIsS0FBSyxXQUFXLFNBQVMsSUFBSTtBQUN6RSxTQUFLLGdCQUFnQjtBQUFBLEVBQ3ZCO0FBQUEsRUFFUSxlQUFxQjtBQUMzQixRQUFJLEtBQUssVUFBVTtBQUNqQjtBQUFBLElBQ0Y7QUFDQSxTQUFLLFVBQVU7QUFDZixTQUFLLHFCQUFxQjtBQUFBLEVBQzVCO0FBQUEsRUFFUSxrQkFBd0I7QUFDOUIsU0FBSyxXQUFXLEtBQUssV0FBVyxDQUFDLEtBQUssV0FBVyxJQUFJO0FBQUEsRUFDdkQ7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLG9CQU1TLEtBQUssUUFBUTtBQUFBLG1CQUNkLEtBQUssV0FBVyxPQUFPO0FBQUEsaUJBQ3pCLEtBQUssU0FBUyxPQUFPO0FBQUEsaUJBQ3JCLENBQUMsVUFBd0IsTUFBTSxpQkFBaUI7QUFBQTtBQUFBO0FBQUEsVUFHdkQsS0FBSyxnQkFBZ0I7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFNN0I7QUFDRjtBQTdHYSx1QkFDWSxTQUF5QjtBQUl6QyxnQkFBQTtBQUFBLEVBRE4sU0FBUyxFQUFFLFNBQVMsTUFBTSxNQUFNLFNBQVM7QUFBQSxHQUovQix1QkFLSixXQUFBLFdBQUEsQ0FBQTtBQUlBLGdCQUFBO0FBQUEsRUFETixTQUFTLEVBQUUsU0FBUyxNQUFNLE1BQU0sU0FBUztBQUFBLEdBUi9CLHVCQVNKLFdBQUEsWUFBQSxDQUFBO0FBSUksZ0JBQUE7QUFBQSxFQURWLFNBQVM7QUFBQSxHQVpDLHVCQWFBLFdBQUEsU0FBQSxDQUFBO0FBYkEseUJBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMsbUJBQW1CO0FBQUEsRUFDakMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksc0JBQUE7In0=

package/development/toggle/toggle.d.ts

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

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

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

package/development/toggle/toggle.js

@@ -0,0 +1,308 @@
+import { css, LitElement, isServer, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { interactivityChecker, isArrowKeyPressed, getNextElementIndex } from "../core/a11y.js";
+import { SbbConnectedAbortController } from "../core/controllers.js";
+import { hostAttributes } from "../core/decorators.js";
+import { EventEmitter } from "../core/eventing.js";
+import { AgnosticResizeObserver } from "../core/observers.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-toggle-width: fit-content;
+  --sbb-toggle-min-width: calc(
+    var(--sbb-toggle-padding-inline) * 2 + var(--sbb-size-icon-ui-small)
+  );
+  --sbb-toggle-selected-option-border-color: var(--sbb-color-smoke);
+  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toggle-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-toggle-height: 1.75rem;
+  --sbb-toggle-border-width: var(--sbb-border-width-1x);
+  --sbb-toggle-border-style: solid;
+  --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
+  display: block;
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-toggle-height: 2rem;
+  }
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-toggle-selected-option-border-color: Highlight;
+    --sbb-toggle-border-width: var(--sbb-border-width-2x);
+  }
+}
+
+:host([even]) {
+  --sbb-toggle-width: 100%;
+}
+:host([even]) ::slotted(sbb-toggle-option) {
+  width: 50%;
+}
+
+:host([disabled]) {
+  --sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);
+  --sbb-toggle-border-style: dashed;
+}
+@media (forced-colors: active) {
+  :host([disabled]) {
+    --sbb-toggle-border-style: solid;
+    --sbb-toggle-selected-option-border-color: GrayText;
+  }
+}
+
+:host([size=m]) {
+  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-s);
+  --sbb-toggle-height: 2.75rem;
+}
+@media (min-width: calc(52.5rem)) {
+  :host([size=m]) {
+    --sbb-toggle-height: 3.25rem;
+  }
+}
+
+:host([data-disable-animation-on-resizing]) {
+  --sbb-disable-animation-time: 0.1ms;
+  --sbb-disable-animation-zero-time: 0s;
+}
+
+.sbb-toggle {
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: var(--sbb-toggle-width);
+  max-width: 100%;
+  min-width: calc(var(--sbb-toggle-min-width) * 2);
+  height: var(--sbb-toggle-height);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  background: var(--sbb-color-cloud);
+  border-radius: var(--sbb-toggle-border-radius);
+}
+.sbb-toggle::after {
+  content: "";
+  padding-inline: var(--sbb-toggle-padding-inline);
+  display: inline-block;
+  opacity: 1;
+  background-color: var(--sbb-color-white);
+  border: var(--sbb-toggle-border-width) var(--sbb-toggle-border-style) var(--sbb-toggle-selected-option-border-color);
+  border-radius: var(--sbb-toggle-border-radius);
+  position: absolute;
+  max-width: 100%;
+  min-width: var(--sbb-toggle-min-width);
+  inset-block: calc(-2 * var(--sbb-toggle-border-width));
+  inset-inline: calc(var(--sbb-toggle-option-left) - 0.125rem) calc(var(--sbb-toggle-option-right) - 0.125rem);
+  transition-duration: var(--sbb-toggle-animation-duration);
+  transition-timing-function: ease;
+  transition-property: opacity, inset-inline-end, inset-inline-start;
+}
+@media (forced-colors: active) {
+  .sbb-toggle {
+    outline: var(--sbb-toggle-border-width) solid CanvasText;
+  }
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let SbbToggleElement = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._disabled = false;
+    this.even = false;
+    this.size = "m";
+    this._value = null;
+    this._loaded = false;
+    this._toggleResizeObserver = new AgnosticResizeObserver(
+      () => this._setCheckedPillPosition(true)
+    );
+    this._didChange = new EventEmitter(this, SbbToggleElement.events.didChange, {
+      bubbles: true,
+      composed: true
+    });
+    this._change = new EventEmitter(this, SbbToggleElement.events.change, {
+      bubbles: true,
+      composed: true
+    });
+    this._abort = new SbbConnectedAbortController(this);
+  }
+  set disabled(value) {
+    this._disabled = value;
+    this._updateDisabled();
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set value(value) {
+    if (isServer) {
+      this._value = value;
+    } else {
+      this._valueChanged(value);
+    }
+  }
+  get value() {
+    var _a, _b;
+    return isServer ? this._value ?? "" : ((_a = this.options.find((o) => o.checked)) == null ? void 0 : _a.value) ?? ((_b = this.options[0]) == null ? void 0 : _b.value) ?? "";
+  }
+  /** The child instances of sbb-toggle-option as an array. */
+  get options() {
+    var _a;
+    return Array.from(((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-toggle-option")) ?? []);
+  }
+  _valueChanged(value) {
+    const options = this.options;
+    const selectedOption = options.find(
+      (o) => value === ("value" in o ? o.value : o.getAttribute("value"))
+    ) ?? options.find((o) => o.checked) ?? options[0];
+    if (!selectedOption) {
+      if (!isServer) {
+        console.warn(`sbb-toggle: No available options! (${this.id || "No id"})`);
+      }
+      return;
+    }
+    if (!selectedOption.checked) {
+      selectedOption.checked = true;
+    }
+    this._setCheckedPillPosition(false);
+  }
+  _updateDisabled() {
+    for (const toggleOption of this.options) {
+      toggleOption.disabled = this.disabled;
+    }
+  }
+  _setCheckedPillPosition(resizing) {
+    var _a, _b;
+    if (!this._loaded) {
+      return;
+    }
+    const options = this.options;
+    const toggleElement = this.shadowRoot.querySelector(".sbb-toggle");
+    if (options.every((o) => !o.checked) || options.every((o) => !o.clientWidth) || !toggleElement) {
+      return;
+    }
+    this.toggleAttribute("data-disable-animation-on-resizing", resizing);
+    const firstOption = options[0];
+    const isFirstChecked = firstOption.checked;
+    const pillLeft = firstOption.checked ? "0px" : `${firstOption.clientWidth}px`;
+    const pillRight = isFirstChecked ? `${toggleElement.clientWidth - firstOption.clientWidth}px` : "0px";
+    (_a = this.style) == null ? void 0 : _a.setProperty("--sbb-toggle-option-left", pillLeft);
+    (_b = this.style) == null ? void 0 : _b.setProperty("--sbb-toggle-option-right", pillRight);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const signal = this._abort.signal;
+    this.addEventListener("input", () => this._handleInput(), { signal, passive: true });
+    this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal });
+    this.options.forEach((option) => this._toggleResizeObserver.observe(option));
+    this._updateToggle();
+  }
+  async firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    await this.updateComplete;
+    this._loaded = true;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._toggleResizeObserver.disconnect();
+  }
+  _updateToggle() {
+    this._valueChanged(this.value);
+    this._updateDisabled();
+  }
+  _handleInput() {
+    this._setCheckedPillPosition(false);
+    this._change.emit();
+    this._didChange.emit();
+  }
+  _handleKeyDown(evt) {
+    const enabledToggleOptions = this.options.filter(
+      (t) => !t.disabled && interactivityChecker.isVisible(t)
+    );
+    if (!enabledToggleOptions || // don't trap nested handling
+    evt.target !== this && evt.target.parentElement !== this) {
+      return;
+    }
+    if (isArrowKeyPressed(evt)) {
+      const checked = enabledToggleOptions.findIndex(
+        (toggleOption) => toggleOption.checked
+      );
+      const nextIndex = getNextElementIndex(evt, checked, enabledToggleOptions.length);
+      if (!enabledToggleOptions[nextIndex].checked) {
+        enabledToggleOptions[nextIndex].checked = true;
+        enabledToggleOptions[nextIndex].focus();
+        enabledToggleOptions[nextIndex].dispatchEvent(
+          new InputEvent("input", { bubbles: true, composed: true })
+        );
+      }
+      evt.preventDefault();
+    }
+  }
+  render() {
+    return html`
+      <div class="sbb-toggle">
+        <slot @slotchange=${this._updateToggle}></slot>
+      </div>
+    `;
+  }
+};
+SbbToggleElement.styles = style;
+SbbToggleElement.events = {
+  didChange: "didChange",
+  change: "change"
+};
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbToggleElement.prototype, "disabled", 1);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbToggleElement.prototype, "even", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbToggleElement.prototype, "size", 2);
+__decorateClass([
+  property()
+], SbbToggleElement.prototype, "value", 1);
+SbbToggleElement = __decorateClass([
+  customElement("sbb-toggle"),
+  hostAttributes({
+    role: "radiogroup"
+  })
+], SbbToggleElement);
+export {
+  SbbToggleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlL3RvZ2dsZS90b2dnbGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgaXNTZXJ2ZXIsXG4gIExpdEVsZW1lbnQsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaW50ZXJhY3Rpdml0eUNoZWNrZXIsIGlzQXJyb3dLZXlQcmVzc2VkIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQgeyBBZ25vc3RpY1Jlc2l6ZU9ic2VydmVyIH0gZnJvbSAnLi4vLi4vY29yZS9vYnNlcnZlcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUb2dnbGVPcHRpb25FbGVtZW50IH0gZnJvbSAnLi4vdG9nZ2xlLW9wdGlvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RvZ2dsZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciB0d28gYHNiYi10b2dnbGUtb3B0aW9uYCwgYWN0aW5nIGFzIGEgdG9nZ2xlIGJ1dHRvbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgPHNiYi10b2dnbGUtb3B0aW9uPmAgZWxlbWVudHMgdG8gdGhlIHRvZ2dsZS5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGRpZENoYW5nZSAtIERlcHJlY2F0ZWQuIHVzZWQgZm9yIFJlYWN0LiBXaWxsIHByb2JhYmx5IGJlIHJlbW92ZWQgb25jZSBSZWFjdCAxOSBpcyBhdmFpbGFibGUuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBjaGFuZ2UgLSBFbWl0cyB3aGVuZXZlciB0aGUgdG9nZ2xlIHZhbHVlIGNoYW5nZXMuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdG9nZ2xlJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHJvbGU6ICdyYWRpb2dyb3VwJyxcbn0pXG5leHBvcnQgY2xhc3MgU2JiVG9nZ2xlRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZGlkQ2hhbmdlOiAnZGlkQ2hhbmdlJyxcbiAgICBjaGFuZ2U6ICdjaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB0b2dnbGUgaXMgZGlzYWJsZWQuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gdmFsdWU7XG4gICAgdGhpcy5fdXBkYXRlRGlzYWJsZWQoKTtcbiAgfVxuICBwdWJsaWMgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcbiAgfVxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJZiB0cnVlLCBzZXQgdGhlIHdpZHRoIG9mIHRoZSBjb21wb25lbnQgZml4ZWQ7IGlmIGZhbHNlLFxuICAgKiB0aGUgd2lkdGggaXMgZHluYW1pYyBiYXNlZCBvbiB0aGUgbGFiZWwgb2YgdGhlIHNiYi10b2dnbGUtb3B0aW9uLlxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KSBwdWJsaWMgZXZlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBTaXplIHZhcmlhbnQsIGVpdGhlciBtIG9yIHMuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIHNpemU/OiAncycgfCAnbScgPSAnbSc7XG5cbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgdG9nZ2xlLiBJdCBuZWVkcyB0byBiZSBtdXRhYmxlIHNpbmNlIGl0IGlzIHVwZGF0ZWQgd2hlbmV2ZXJcbiAgICogYSBuZXcgb3B0aW9uIGlzIHNlbGVjdGVkIChzZWUgdGhlIGBvblRvZ2dsZU9wdGlvblNlbGVjdCgpYCBtZXRob2QpLlxuICAgKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl92YWx1ZUNoYW5nZWQodmFsdWUpO1xuICAgIH1cbiAgfVxuICBwdWJsaWMgZ2V0IHZhbHVlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGlzU2VydmVyXG4gICAgICA/IHRoaXMuX3ZhbHVlID8/ICcnXG4gICAgICA6IHRoaXMub3B0aW9ucy5maW5kKChvKSA9PiBvLmNoZWNrZWQpPy52YWx1ZSA/PyB0aGlzLm9wdGlvbnNbMF0/LnZhbHVlID8/ICcnO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogVGhlIGNoaWxkIGluc3RhbmNlcyBvZiBzYmItdG9nZ2xlLW9wdGlvbiBhcyBhbiBhcnJheS4gKi9cbiAgcHVibGljIGdldCBvcHRpb25zKCk6IFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi10b2dnbGUtb3B0aW9uJykgPz8gW10pO1xuICB9XG5cbiAgcHJpdmF0ZSBfbG9hZGVkOiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgX3RvZ2dsZVJlc2l6ZU9ic2VydmVyID0gbmV3IEFnbm9zdGljUmVzaXplT2JzZXJ2ZXIoKCkgPT5cbiAgICB0aGlzLl9zZXRDaGVja2VkUGlsbFBvc2l0aW9uKHRydWUpLFxuICApO1xuXG4gIHByaXZhdGUgX3ZhbHVlQ2hhbmdlZCh2YWx1ZTogYW55IHwgdW5kZWZpbmVkKTogdm9pZCB7XG4gICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMub3B0aW9ucztcbiAgICAvLyBJZiBvcHRpb25zIGFyZSBub3QgeWV0IGRlZmluZWQgd2ViIGNvbXBvbmVudHMsIHdlIGNhbiBjaGVjayBpZiBhdHRyaWJ1dGUgaXMgYWxyZWFkeSBzZXQgYXMgYSBmYWxsYmFjay5cbiAgICAvLyBXZSBkbyB0aGlzIGJ5IGNoZWNraW5nIHdoZXRoZXIgdmFsdWUgcHJvcGVydHkgaXMgYXZhaWxhYmxlIChkZWZpbmVkIGNvbXBvbmVudCkuXG4gICAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPVxuICAgICAgb3B0aW9ucy5maW5kKFxuICAgICAgICAobykgPT4gdmFsdWUgPT09ICgndmFsdWUnIGluIG8gPyBvLnZhbHVlIDogKG8gYXMgSFRNTEVsZW1lbnQpLmdldEF0dHJpYnV0ZSgndmFsdWUnKSksXG4gICAgICApID8/XG4gICAgICBvcHRpb25zLmZpbmQoKG8pID0+IG8uY2hlY2tlZCkgPz9cbiAgICAgIG9wdGlvbnNbMF07XG5cbiAgICBpZiAoIXNlbGVjdGVkT3B0aW9uKSB7XG4gICAgICBpZiAoaW1wb3J0Lm1ldGEuZW52LkRFViAmJiAhaXNTZXJ2ZXIpIHtcbiAgICAgICAgY29uc29sZS53YXJuKGBzYmItdG9nZ2xlOiBObyBhdmFpbGFibGUgb3B0aW9ucyEgKCR7dGhpcy5pZCB8fCAnTm8gaWQnfSlgKTtcbiAgICAgIH1cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKCFzZWxlY3RlZE9wdGlvbi5jaGVja2VkKSB7XG4gICAgICBzZWxlY3RlZE9wdGlvbi5jaGVja2VkID0gdHJ1ZTtcbiAgICB9XG4gICAgdGhpcy5fc2V0Q2hlY2tlZFBpbGxQb3NpdGlvbihmYWxzZSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVEaXNhYmxlZCgpOiB2b2lkIHtcbiAgICBmb3IgKGNvbnN0IHRvZ2dsZU9wdGlvbiBvZiB0aGlzLm9wdGlvbnMpIHtcbiAgICAgIHRvZ2dsZU9wdGlvbi5kaXNhYmxlZCA9IHRoaXMuZGlzYWJsZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIG9ubHkgdXNlZCBmb3IgUmVhY3QuIFdpbGwgcHJvYmFibHkgYmUgcmVtb3ZlZCBvbmNlIFJlYWN0IDE5IGlzIGF2YWlsYWJsZS5cbiAgICogRW1pdHMgd2hlbmV2ZXIgdGhlIHRvZ2dsZSB2YWx1ZSBjaGFuZ2VzLlxuICAgKi9cbiAgcHJpdmF0ZSBfZGlkQ2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKHRoaXMsIFNiYlRvZ2dsZUVsZW1lbnQuZXZlbnRzLmRpZENoYW5nZSwge1xuICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgY29tcG9zZWQ6IHRydWUsXG4gIH0pO1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgdG9nZ2xlIHZhbHVlIGNoYW5nZXMuICovXG4gIHByaXZhdGUgX2NoYW5nZTogRXZlbnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcih0aGlzLCBTYmJUb2dnbGVFbGVtZW50LmV2ZW50cy5jaGFuZ2UsIHtcbiAgICBidWJibGVzOiB0cnVlLFxuICAgIGNvbXBvc2VkOiB0cnVlLFxuICB9KTtcblxuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJpdmF0ZSBfc2V0Q2hlY2tlZFBpbGxQb3NpdGlvbihyZXNpemluZzogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmICghdGhpcy5fbG9hZGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMub3B0aW9ucztcbiAgICBjb25zdCB0b2dnbGVFbGVtZW50ID0gdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yPEhUTUxEaXZFbGVtZW50PignLnNiYi10b2dnbGUnKTtcblxuICAgIGlmIChcbiAgICAgIG9wdGlvbnMuZXZlcnkoKG8pID0+ICFvLmNoZWNrZWQpIHx8XG4gICAgICBvcHRpb25zLmV2ZXJ5KChvKSA9PiAhby5jbGllbnRXaWR0aCkgfHxcbiAgICAgICF0b2dnbGVFbGVtZW50XG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZGlzYWJsZS1hbmltYXRpb24tb24tcmVzaXppbmcnLCByZXNpemluZyk7XG5cbiAgICBjb25zdCBmaXJzdE9wdGlvbiA9IG9wdGlvbnNbMF07XG4gICAgY29uc3QgaXNGaXJzdENoZWNrZWQgPSBmaXJzdE9wdGlvbi5jaGVja2VkO1xuICAgIGNvbnN0IHBpbGxMZWZ0ID0gZmlyc3RPcHRpb24uY2hlY2tlZCA/ICcwcHgnIDogYCR7Zmlyc3RPcHRpb24uY2xpZW50V2lkdGh9cHhgO1xuICAgIGNvbnN0IHBpbGxSaWdodCA9IGlzRmlyc3RDaGVja2VkXG4gICAgICA/IGAke3RvZ2dsZUVsZW1lbnQuY2xpZW50V2lkdGggLSBmaXJzdE9wdGlvbi5jbGllbnRXaWR0aH1weGBcbiAgICAgIDogJzBweCc7XG5cbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItdG9nZ2xlLW9wdGlvbi1sZWZ0JywgcGlsbExlZnQpO1xuICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi10b2dnbGUtb3B0aW9uLXJpZ2h0JywgcGlsbFJpZ2h0KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIGNvbnN0IHNpZ25hbCA9IHRoaXMuX2Fib3J0LnNpZ25hbDtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2lucHV0JywgKCkgPT4gdGhpcy5faGFuZGxlSW5wdXQoKSwgeyBzaWduYWwsIHBhc3NpdmU6IHRydWUgfSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSksIHsgc2lnbmFsIH0pO1xuICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKChvcHRpb24pID0+IHRoaXMuX3RvZ2dsZVJlc2l6ZU9ic2VydmVyLm9ic2VydmUob3B0aW9uKSk7XG4gICAgdGhpcy5fdXBkYXRlVG9nZ2xlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IFByb21pc2U8dm9pZD4ge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBhd2FpdCB0aGlzLnVwZGF0ZUNvbXBsZXRlO1xuICAgIHRoaXMuX2xvYWRlZCA9IHRydWU7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl90b2dnbGVSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVUb2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5fdmFsdWVDaGFuZ2VkKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuX3VwZGF0ZURpc2FibGVkKCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVJbnB1dCgpOiB2b2lkIHtcbiAgICB0aGlzLl9zZXRDaGVja2VkUGlsbFBvc2l0aW9uKGZhbHNlKTtcbiAgICB0aGlzLl9jaGFuZ2UuZW1pdCgpO1xuICAgIHRoaXMuX2RpZENoYW5nZS5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGVuYWJsZWRUb2dnbGVPcHRpb25zID0gdGhpcy5vcHRpb25zLmZpbHRlcihcbiAgICAgICh0KSA9PiAhdC5kaXNhYmxlZCAmJiBpbnRlcmFjdGl2aXR5Q2hlY2tlci5pc1Zpc2libGUodCksXG4gICAgKTtcblxuICAgIGlmIChcbiAgICAgICFlbmFibGVkVG9nZ2xlT3B0aW9ucyB8fFxuICAgICAgLy8gZG9uJ3QgdHJhcCBuZXN0ZWQgaGFuZGxpbmdcbiAgICAgICgoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgIT09IHRoaXMgJiYgKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLnBhcmVudEVsZW1lbnQgIT09IHRoaXMpXG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGlzQXJyb3dLZXlQcmVzc2VkKGV2dCkpIHtcbiAgICAgIGNvbnN0IGNoZWNrZWQ6IG51bWJlciA9IGVuYWJsZWRUb2dnbGVPcHRpb25zLmZpbmRJbmRleChcbiAgICAgICAgKHRvZ2dsZU9wdGlvbjogU2JiVG9nZ2xlT3B0aW9uRWxlbWVudCkgPT4gdG9nZ2xlT3B0aW9uLmNoZWNrZWQsXG4gICAgICApO1xuICAgICAgY29uc3QgbmV4dEluZGV4OiBudW1iZXIgPSBnZXROZXh0RWxlbWVudEluZGV4KGV2dCwgY2hlY2tlZCwgZW5hYmxlZFRvZ2dsZU9wdGlvbnMubGVuZ3RoKTtcbiAgICAgIGlmICghZW5hYmxlZFRvZ2dsZU9wdGlvbnNbbmV4dEluZGV4XS5jaGVja2VkKSB7XG4gICAgICAgIGVuYWJsZWRUb2dnbGVPcHRpb25zW25leHRJbmRleF0uY2hlY2tlZCA9IHRydWU7XG4gICAgICAgIGVuYWJsZWRUb2dnbGVPcHRpb25zW25leHRJbmRleF0uZm9jdXMoKTtcbiAgICAgICAgZW5hYmxlZFRvZ2dsZU9wdGlvbnNbbmV4dEluZGV4XS5kaXNwYXRjaEV2ZW50KFxuICAgICAgICAgIG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSksXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9nZ2xlXCI+XG4gICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5fdXBkYXRlVG9nZ2xlfT48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdG9nZ2xlJzogU2JiVG9nZ2xlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQThCYSxJQUFBLG1CQUFOLGNBQStCLFdBQVc7QUFBQSxFQUExQyxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFnQkwsU0FBUSxZQUFxQjtBQU1lLFNBQU8sT0FBZ0I7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

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

@@ -0,0 +1,34 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+
+declare const SbbToggleCheckElement_base: import('../core/mixins.js').Constructor<import('../core/mixins.js').SbbFormAssociatedCheckboxMixinType> & import('../core/mixins.js').AbstractConstructor<import('../icon.js').SbbIconNameMixinType> & typeof LitElement;
+/**
+ * It displays a toggle checkbox.
+ *
+ * @slot - Use the unnamed slot to add content to the toggle label.
+ * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
+ * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @event {Event} change - Event fired on change.
+ * @event {InputEvent} input - Event fired on input.
+ */
+export declare class SbbToggleCheckElement extends SbbToggleCheckElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+    };
+    /** Size variant, either m or s. */
+    size: 's' | 'm';
+    /** The svg name for the true state - default -> 'tick-small' */
+    iconName: string;
+    /** The label position relative to the toggle. Defaults to 'after' */
+    labelPosition?: 'before' | 'after';
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle-check': SbbToggleCheckElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle-check.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle-check/toggle-check.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AASvC;;;;;;;;GAQG;AACH,qBACa,qBAAsB,SAAQ,0BAE1C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,gEAAgE;IACV,QAAQ,SAAgB;IAE9E,qEAAqE;IAE9D,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAW;;cAO3B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cASxE,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/development/toggle-check.d.ts

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

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

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