@sbb-esta/lyne-elements 2.8.0 → 2.9.0

package/development/toggle/toggle/toggle.component.js

@@ -0,0 +1,346 @@
+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, LitElement, isServer, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { interactivityChecker, isArrowKeyPressed, getNextElementIndex } from "../../core/a11y.js";
+import { forceType } from "../../core/decorators.js";
+import { isLean } from "../../core/dom.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { SbbDisabledMixin, SbbFormAssociatedMixin } from "../../core/mixins.js";
+import "../toggle-option.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  width: fit-content;
+  border-radius: var(--sbb-toggle-border-radius);
+  --sbb-toggle-width: fit-content;
+  --sbb-toggle-min-width: calc(
+    var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small)
+  );
+  --sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);
+  --sbb-toggle-selected-option-border-style: solid;
+  --sbb-toggle-selected-option-border-color: var(--sbb-color-smoke);
+  --sbb-toggle-selected-option-background-color: var(--sbb-color-white);
+  --sbb-toggle-selected-option-border-offset: 0.125rem;
+  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toggle-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-toggle-height: var(--sbb-size-element-xxs);
+  --sbb-toggle-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-toggle-grid-template-columns: auto auto;
+  --_sbb-toggle-height: calc(
+    var(--sbb-toggle-height) - 2 * var(--sbb-toggle-selected-option-border-offset)
+  );
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-toggle-selected-option-border-color: Highlight;
+    --sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x);
+  }
+}
+
+:host([even]) {
+  width: 100%;
+  --sbb-toggle-width: 100%;
+  --sbb-toggle-grid-template-columns: 50% 50%;
+}
+
+:host(:disabled) {
+  --sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);
+  --sbb-toggle-selected-option-border-style: dashed;
+}
+@media (forced-colors: active) {
+  :host(:disabled) {
+    --sbb-toggle-selected-option-border-style: solid;
+    --sbb-toggle-selected-option-border-color: GrayText;
+  }
+}
+
+:host([size=m]) {
+  --sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);
+  --sbb-toggle-height: var(--sbb-size-element-m);
+}
+
+:host(:is(:not([data-initialized]), [data-disable-animation-on-resizing])) {
+  --sbb-disable-animation-duration: 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);
+  display: grid;
+  grid-template-columns: var(--sbb-toggle-grid-template-columns);
+  grid-template-areas: "start end";
+  align-items: center;
+  min-width: var(--sbb-toggle-min-width);
+  width: var(--sbb-toggle-width);
+  max-width: 100%;
+  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::before {
+  grid-area: start/start/end/end;
+  padding-inline: var(--sbb-toggle-padding-inline);
+  margin-inline: var(--sbb-toggle-option-left, 0) var(--sbb-toggle-option-right, 0);
+  display: block;
+  background-color: var(--sbb-toggle-selected-option-background-color);
+  border-radius: var(--sbb-toggle-border-radius);
+  max-width: 100%;
+  height: 100%;
+  box-shadow: 0 0 0 var(--sbb-toggle-selected-option-border-offset) var(--sbb-toggle-selected-option-background-color);
+  outline: var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);
+  outline-offset: calc(var(--sbb-toggle-selected-option-border-offset) - var(--sbb-toggle-selected-option-border-width));
+  transition-duration: var(--sbb-toggle-animation-duration);
+  transition-timing-function: ease;
+  transition-property: margin-inline-start, margin-inline-end;
+}
+:host([data-initialized]) .sbb-toggle::before {
+  content: "";
+}
+@media (forced-colors: active) {
+  .sbb-toggle {
+    outline: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+
+::slotted(sbb-toggle-option:first-of-type) {
+  grid-area: start;
+}
+
+::slotted(sbb-toggle-option:last-of-type) {
+  grid-area: end;
+}`;
+let SbbToggleElement = (() => {
+  var _even_accessor_storage, _size_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-toggle")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledMixin(SbbFormAssociatedMixin(LitElement));
+  let _instanceExtraInitializers = [];
+  let _even_decorators;
+  let _even_initializers = [];
+  let _even_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _set_value_decorators;
+  var SbbToggleElement2 = (_a = class extends _classSuper {
+    constructor() {
+      var _a2, _b;
+      super();
+      __privateAdd(this, _even_accessor_storage);
+      __privateAdd(this, _size_accessor_storage);
+      __privateSet(this, _even_accessor_storage, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _even_initializers, false)));
+      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _even_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
+      this._value = (__runInitializers(this, _size_extraInitializers), null);
+      this._loaded = false;
+      this._change = new EventEmitter(this, SbbToggleElement2.events.change, {
+        bubbles: true,
+        composed: true
+      });
+      this.internals.role = "radiogroup";
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "input", () => this._handleInput(), { passive: true });
+      (_b = this.addEventListener) == null ? void 0 : _b.call(this, "keydown", (e) => this._handleKeyDown(e));
+    }
+    /**
+     * If true, set the width of the component fixed; if false,
+     * the width is dynamic based on the label of the sbb-toggle-option.
+     */
+    get even() {
+      return __privateGet(this, _even_accessor_storage);
+    }
+    set even(value) {
+      __privateSet(this, _even_accessor_storage, value);
+    }
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /**
+     * 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) {
+      if (isServer) {
+        this._value = value;
+      } else {
+        this._valueChanged(value);
+      }
+    }
+    get value() {
+      var _a2, _b;
+      return isServer ? this._value ?? "" : ((_a2 = this.options.find((o) => o.checked)) == null ? void 0 : _a2.value) ?? ((_b = this.options[0]) == null ? void 0 : _b.value) ?? "";
+    }
+    /** The child instances of sbb-toggle-option as an array. */
+    get options() {
+      var _a2;
+      return Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, "sbb-toggle-option")) ?? []);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this._updateToggle();
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("disabled") || changedProperties.has("formDisabled")) {
+        this._updateDisabled();
+      }
+    }
+    async firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      await this.updateComplete;
+      this._loaded = true;
+      this.statusChanged();
+    }
+    /**
+     * Called whenever the value changes, both programmatically or by user interaction.
+     * @internal
+     */
+    statusChanged() {
+      this.updateFormValue();
+      this.updatePillPosition();
+    }
+    /**
+     * Reset to the init value if present. Select the first option, otherwise.
+     */
+    formResetCallback() {
+      this.value = this.getAttribute("value");
+    }
+    formStateRestoreCallback(state, _reason) {
+      this.value = state;
+    }
+    /**
+     * @deprecated Will be made 'private' in the next major version
+     * @internal
+     */
+    updatePillPosition(resizing = false) {
+      var _a2, _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 = isFirstChecked ? "0px" : `${firstOption.clientWidth}px`;
+      const pillRight = isFirstChecked ? `${toggleElement.clientWidth - firstOption.clientWidth}px` : "0px";
+      (_a2 = this.style) == null ? void 0 : _a2.setProperty("--sbb-toggle-option-left", pillLeft);
+      (_b = this.style) == null ? void 0 : _b.setProperty("--sbb-toggle-option-right", pillRight);
+      if (!this.hasAttribute("data-initialized")) {
+        setTimeout(() => this.toggleAttribute("data-initialized", true), 0);
+      }
+    }
+    updateFormValue() {
+      this.internals.setFormValue(this.value);
+    }
+    _updateToggle() {
+      this._valueChanged(this.value);
+      this._updateDisabled();
+    }
+    _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.statusChanged();
+    }
+    _updateDisabled() {
+      for (const toggleOption of this.options) {
+        toggleOption.disabled = this.disabled || this.formDisabled;
+      }
+    }
+    /**
+     * Called on user interaction (click or keyboard)
+     */
+    _handleInput() {
+      this.statusChanged();
+      this._change.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>
+    `;
+    }
+  }, _even_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _even_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _size_decorators = [property({ reflect: true })];
+    _set_value_decorators = [property()];
+    __esDecorate(_a, null, _even_decorators, { kind: "accessor", name: "even", static: false, private: false, access: { has: (obj) => "even" in obj, get: (obj) => obj.even, set: (obj, value) => {
+      obj.even = value;
+    } }, metadata: _metadata }, _even_initializers, _even_extraInitializers);
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(_a, null, _set_value_decorators, { kind: "setter", name: "value", static: false, private: false, access: { has: (obj) => "value" in obj, set: (obj, value) => {
+      obj.value = value;
+    } }, metadata: _metadata }, null, _instanceExtraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbToggleElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    change: "change"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbToggleElement2 = _classThis;
+})();
+export {
+  SbbToggleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RvZ2dsZS90b2dnbGUvdG9nZ2xlLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBnZXROZXh0RWxlbWVudEluZGV4LCBpbnRlcmFjdGl2aXR5Q2hlY2tlciwgaXNBcnJvd0tleVByZXNzZWQgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGlzTGVhbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHtcbiAgdHlwZSBGb3JtUmVzdG9yZVJlYXNvbixcbiAgdHlwZSBGb3JtUmVzdG9yZVN0YXRlLFxuICBTYmJEaXNhYmxlZE1peGluLFxuICBTYmJGb3JtQXNzb2NpYXRlZE1peGluLFxufSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyB0eXBlIFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnQgfSBmcm9tICcuLi90b2dnbGUtb3B0aW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9nZ2xlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIHR3byBgc2JiLXRvZ2dsZS1vcHRpb25gLCBhY3RpbmcgYXMgYSB0b2dnbGUgYnV0dG9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGA8c2JiLXRvZ2dsZS1vcHRpb24+YCBlbGVtZW50cyB0byB0aGUgdG9nZ2xlLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gY2hhbmdlIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIHRvZ2dsZSB2YWx1ZSBjaGFuZ2VzLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdG9nZ2xlJylcbmNsYXNzIFNiYlRvZ2dsZUVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFNiYkZvcm1Bc3NvY2lhdGVkTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGNoYW5nZTogJ2NoYW5nZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIElmIHRydWUsIHNldCB0aGUgd2lkdGggb2YgdGhlIGNvbXBvbmVudCBmaXhlZDsgaWYgZmFsc2UsXG4gICAqIHRoZSB3aWR0aCBpcyBkeW5hbWljIGJhc2VkIG9uIHRoZSBsYWJlbCBvZiB0aGUgc2JiLXRvZ2dsZS1vcHRpb24uXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXZlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTaXplIHZhcmlhbnQsIGVpdGhlciBtIG9yIHMuXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdtJyA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIC8qKlxuICAgKiBUaGUgdmFsdWUgb2YgdGhlIHRvZ2dsZS4gSXQgbmVlZHMgdG8gYmUgbXV0YWJsZSBzaW5jZSBpdCBpcyB1cGRhdGVkIHdoZW5ldmVyXG4gICAqIGEgbmV3IG9wdGlvbiBpcyBzZWxlY3RlZCAoc2VlIHRoZSBgb25Ub2dnbGVPcHRpb25TZWxlY3QoKWAgbWV0aG9kKS5cbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBvdmVycmlkZSBzZXQgdmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3ZhbHVlQ2hhbmdlZCh2YWx1ZSk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBvdmVycmlkZSBnZXQgdmFsdWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gaXNTZXJ2ZXJcbiAgICAgID8gKHRoaXMuX3ZhbHVlID8/ICcnKVxuICAgICAgOiAodGhpcy5vcHRpb25zLmZpbmQoKG8pID0+IG8uY2hlY2tlZCk/LnZhbHVlID8/IHRoaXMub3B0aW9uc1swXT8udmFsdWUgPz8gJycpO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogVGhlIGNoaWxkIGluc3RhbmNlcyBvZiBzYmItdG9nZ2xlLW9wdGlvbiBhcyBhbiBhcnJheS4gKi9cbiAgcHVibGljIGdldCBvcHRpb25zKCk6IFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi10b2dnbGUtb3B0aW9uJykgPz8gW10pO1xuICB9XG5cbiAgcHJpdmF0ZSBfbG9hZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSB0b2dnbGUgdmFsdWUgY2hhbmdlcy4gKi9cbiAgcHJpdmF0ZSBfY2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKHRoaXMsIFNiYlRvZ2dsZUVsZW1lbnQuZXZlbnRzLmNoYW5nZSwge1xuICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgY29tcG9zZWQ6IHRydWUsXG4gIH0pO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIC8qKiBAaW50ZXJuYWwgKi9cbiAgICB0aGlzLmludGVybmFscy5yb2xlID0gJ3JhZGlvZ3JvdXAnO1xuXG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2lucHV0JywgKCkgPT4gdGhpcy5faGFuZGxlSW5wdXQoKSwgeyBwYXNzaXZlOiB0cnVlIH0pO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSkpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fdXBkYXRlVG9nZ2xlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXMpOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZm9ybURpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZURpc2FibGVkKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgYXdhaXQgdGhpcy51cGRhdGVDb21wbGV0ZTtcbiAgICB0aGlzLl9sb2FkZWQgPSB0cnVlO1xuICAgIHRoaXMuc3RhdHVzQ2hhbmdlZCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuZXZlciB0aGUgdmFsdWUgY2hhbmdlcywgYm90aCBwcm9ncmFtbWF0aWNhbGx5IG9yIGJ5IHVzZXIgaW50ZXJhY3Rpb24uXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHN0YXR1c0NoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVGb3JtVmFsdWUoKTtcbiAgICB0aGlzLnVwZGF0ZVBpbGxQb3NpdGlvbigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IHRvIHRoZSBpbml0IHZhbHVlIGlmIHByZXNlbnQuIFNlbGVjdCB0aGUgZmlyc3Qgb3B0aW9uLCBvdGhlcndpc2UuXG4gICAqL1xuICBwdWJsaWMgZm9ybVJlc2V0Q2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMuZ2V0QXR0cmlidXRlKCd2YWx1ZScpO1xuICB9XG5cbiAgcHVibGljIGZvcm1TdGF0ZVJlc3RvcmVDYWxsYmFjayhcbiAgICBzdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsXG4gICAgX3JlYXNvbjogRm9ybVJlc3RvcmVSZWFzb24sXG4gICk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBzdGF0ZSBhcyBzdHJpbmc7XG4gIH1cblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgV2lsbCBiZSBtYWRlICdwcml2YXRlJyBpbiB0aGUgbmV4dCBtYWpvciB2ZXJzaW9uXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHVwZGF0ZVBpbGxQb3NpdGlvbihyZXNpemluZyA9IGZhbHNlKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLl9sb2FkZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBvcHRpb25zID0gdGhpcy5vcHRpb25zO1xuICAgIGNvbnN0IHRvZ2dsZUVsZW1lbnQgPSB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3I8SFRNTERpdkVsZW1lbnQ+KCcuc2JiLXRvZ2dsZScpO1xuXG4gICAgaWYgKFxuICAgICAgb3B0aW9ucy5ldmVyeSgobykgPT4gIW8uY2hlY2tlZCkgfHxcbiAgICAgIG9wdGlvbnMuZXZlcnkoKG8pID0+ICFvLmNsaWVudFdpZHRoKSB8fFxuICAgICAgIXRvZ2dsZUVsZW1lbnRcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlLWFuaW1hdGlvbi1vbi1yZXNpemluZycsIHJlc2l6aW5nKTtcblxuICAgIGNvbnN0IGZpcnN0T3B0aW9uID0gb3B0aW9uc1swXTtcbiAgICBjb25zdCBpc0ZpcnN0Q2hlY2tlZCA9IGZpcnN0T3B0aW9uLmNoZWNrZWQ7XG4gICAgY29uc3QgcGlsbExlZnQgPSBpc0ZpcnN0Q2hlY2tlZCA/ICcwcHgnIDogYCR7Zmlyc3RPcHRpb24uY2xpZW50V2lkdGh9cHhgO1xuICAgIGNvbnN0IHBpbGxSaWdodCA9IGlzRmlyc3RDaGVja2VkXG4gICAgICA/IGAke3RvZ2dsZUVsZW1lbnQuY2xpZW50V2lkdGggLSBmaXJzdE9wdGlvbi5jbGllbnRXaWR0aH1weGBcbiAgICAgIDogJzBweCc7XG5cbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItdG9nZ2xlLW9wdGlvbi1sZWZ0JywgcGlsbExlZnQpO1xuICAgIHRoaXMuc3R5bGU/LnNldFByb3BlcnR5KCctLXNiYi10b2dnbGUtb3B0aW9uLXJpZ2h0JywgcGlsbFJpZ2h0KTtcblxuICAgIC8vIEluIG9yZGVyIHRvIGF2b2lkIGEgdHJhbnNpdGlvbiBnbGl0Y2gsIHdlIGhhdmUgdG8ga25vdyB3aGVuIHRoZSBmaXJzdCB2YWx1ZXMgd2VyZSBzZXQuXG4gICAgLy8gQmVjYXVzZSBTYWZhcmkgaGFuZGxlcyB0aW1pbmcgZGlmZmVyZW50bHksIHdlIG5lZWQgdG8gc2V0IGl0IGEgdGljayBsYXRlci5cbiAgICBpZiAoIXRoaXMuaGFzQXR0cmlidXRlKCdkYXRhLWluaXRpYWxpemVkJykpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtaW5pdGlhbGl6ZWQnLCB0cnVlKSwgMCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIHVwZGF0ZUZvcm1WYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFscy5zZXRGb3JtVmFsdWUodGhpcy52YWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVUb2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5fdmFsdWVDaGFuZ2VkKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuX3VwZGF0ZURpc2FibGVkKCk7XG4gIH1cblxuICBwcml2YXRlIF92YWx1ZUNoYW5nZWQodmFsdWU6IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcbiAgICBjb25zdCBvcHRpb25zID0gdGhpcy5vcHRpb25zO1xuICAgIC8vIElmIG9wdGlvbnMgYXJlIG5vdCB5ZXQgZGVmaW5lZCB3ZWIgY29tcG9uZW50cywgd2UgY2FuIGNoZWNrIGlmIGF0dHJpYnV0ZSBpcyBhbHJlYWR5IHNldCBhcyBhIGZhbGxiYWNrLlxuICAgIC8vIFdlIGRvIHRoaXMgYnkgY2hlY2tpbmcgd2hldGhlciB2YWx1ZSBwcm9wZXJ0eSBpcyBhdmFpbGFibGUgKGRlZmluZWQgY29tcG9uZW50KS5cbiAgICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9XG4gICAgICBvcHRpb25zLmZpbmQoXG4gICAgICAgIChvKSA9PiB2YWx1ZSA9PT0gKCd2YWx1ZScgaW4gbyA/IG8udmFsdWUgOiAobyBhcyBIVE1MRWxlbWVudCkuZ2V0QXR0cmlidXRlKCd2YWx1ZScpKSxcbiAgICAgICkgPz9cbiAgICAgIG9wdGlvbnMuZmluZCgobykgPT4gby5jaGVja2VkKSA/P1xuICAgICAgb3B0aW9uc1swXTtcblxuICAgIGlmICghc2VsZWN0ZWRPcHRpb24pIHtcbiAgICAgIGlmIChpbXBvcnQubWV0YS5lbnYuREVWICYmICFpc1NlcnZlcikge1xuICAgICAgICBjb25zb2xlLndhcm4oYHNiYi10b2dnbGU6IE5vIGF2YWlsYWJsZSBvcHRpb25zISAoJHt0aGlzLmlkIHx8ICdObyBpZCd9KWApO1xuICAgICAgfVxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAoIXNlbGVjdGVkT3B0aW9uLmNoZWNrZWQpIHtcbiAgICAgIHNlbGVjdGVkT3B0aW9uLmNoZWNrZWQgPSB0cnVlO1xuICAgIH1cbiAgICB0aGlzLnN0YXR1c0NoYW5nZWQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZURpc2FibGVkKCk6IHZvaWQge1xuICAgIGZvciAoY29uc3QgdG9nZ2xlT3B0aW9uIG9mIHRoaXMub3B0aW9ucykge1xuICAgICAgdG9nZ2xlT3B0aW9uLmRpc2FibGVkID0gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmZvcm1EaXNhYmxlZDtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQ2FsbGVkIG9uIHVzZXIgaW50ZXJhY3Rpb24gKGNsaWNrIG9yIGtleWJvYXJkKVxuICAgKi9cbiAgcHJpdmF0ZSBfaGFuZGxlSW5wdXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0dXNDaGFuZ2VkKCk7XG4gICAgdGhpcy5fY2hhbmdlLmVtaXQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUtleURvd24oZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgZW5hYmxlZFRvZ2dsZU9wdGlvbnMgPSB0aGlzLm9wdGlvbnMuZmlsdGVyKFxuICAgICAgKHQpID0+ICF0LmRpc2FibGVkICYmIGludGVyYWN0aXZpdHlDaGVja2VyLmlzVmlzaWJsZSh0KSxcbiAgICApO1xuXG4gICAgaWYgKFxuICAgICAgIWVuYWJsZWRUb2dnbGVPcHRpb25zIHx8XG4gICAgICAvLyBkb24ndCB0cmFwIG5lc3RlZCBoYW5kbGluZ1xuICAgICAgKChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KSAhPT0gdGhpcyAmJiAoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkucGFyZW50RWxlbWVudCAhPT0gdGhpcylcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoaXNBcnJvd0tleVByZXNzZWQoZXZ0KSkge1xuICAgICAgY29uc3QgY2hlY2tlZDogbnVtYmVyID0gZW5hYmxlZFRvZ2dsZU9wdGlvbnMuZmluZEluZGV4KFxuICAgICAgICAodG9nZ2xlT3B0aW9uOiBTYmJUb2dnbGVPcHRpb25FbGVtZW50KSA9PiB0b2dnbGVPcHRpb24uY2hlY2tlZCxcbiAgICAgICk7XG4gICAgICBjb25zdCBuZXh0SW5kZXg6IG51bWJlciA9IGdldE5leHRFbGVtZW50SW5kZXgoZXZ0LCBjaGVja2VkLCBlbmFibGVkVG9nZ2xlT3B0aW9ucy5sZW5ndGgpO1xuICAgICAgaWYgKCFlbmFibGVkVG9nZ2xlT3B0aW9uc1tuZXh0SW5kZXhdLmNoZWNrZWQpIHtcbiAgICAgICAgZW5hYmxlZFRvZ2dsZU9wdGlvbnNbbmV4dEluZGV4XS5jaGVja2VkID0gdHJ1ZTtcbiAgICAgICAgZW5hYmxlZFRvZ2dsZU9wdGlvbnNbbmV4dEluZGV4XS5mb2N1cygpO1xuICAgICAgICBlbmFibGVkVG9nZ2xlT3B0aW9uc1tuZXh0SW5kZXhdLmRpc3BhdGNoRXZlbnQoXG4gICAgICAgICAgbmV3IElucHV0RXZlbnQoJ2lucHV0JywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2dnbGVcIj5cbiAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl91cGRhdGVUb2dnbGV9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10b2dnbGUnOiBTYmJUb2dnbGVFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiU2JiVG9nZ2xlRWxlbWVudCIsIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFnQ00sb0JBQWdCLE1BQUE7OzBCQURyQixjQUFjLFlBQVksQ0FBQzs7OztBQUNHLE1BQUEsY0FBQSxpQkFBaUIsdUJBQXVCLFVBQVUsQ0FBQzs7Ozs7Ozs7O0FBQTNEQSxNQUFBQSxxQkFBQSxtQkFBUSxZQUFvRDtBQUFBLElBb0RqRixjQUFBOzs7QUF4Q0E7QUFNNkI7QUFsQnpCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEsMEJBQUEsR0FZNEIsa0JBQUEsTUFBQSxvQkFBQSxLQUFLO0FBTTBCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEsdUJBQUEsR0FBQSxrQkFBQSxNQUFBLG9CQUFBLE9BQUEsSUFBVyxNQUFNLEdBQUc7QUFtQjNFLFdBQU0sVUFBQSxrQkFBQSxNQUFBLHVCQUFBLEdBQWtCO0FBT3hCLFdBQU8sVUFBWTtBQUduQixXQUFPLFVBQWlCLElBQUksYUFBYSxNQUFNQSxrQkFBaUIsT0FBTyxRQUFRO0FBQUEsUUFDckYsU0FBUztBQUFBLFFBQ1QsVUFBVTtBQUFBLE1BQUEsQ0FDWDtBQUtDLFdBQUssVUFBVSxPQUFPO0FBRWpCLE9BQUFDLE1BQUEsS0FBQSxxQkFBQSxnQkFBQUEsSUFBQSxXQUFtQixTQUFTLE1BQU0sS0FBSyxnQkFBZ0IsRUFB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

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

@@ -0,0 +1,32 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+declare const SbbToggleOptionElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & 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. */
+    accessor checked: boolean;
+    /** Value of toggle-option. */
+    accessor value: string;
+    private _toggle;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): 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.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/toggle/toggle-option/toggle-option.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAWvC;;;;;GAKG;AACH,qBAGM,sBAAuB,SAAQ,2BAA8C;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAC5C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,8BAA8B;IAC9B,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,OAAO,CAAC,OAAO,CAAiC;;IAyBhC,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/toggle/toggle-option/toggle-option.component.js

@@ -0,0 +1,194 @@
+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 { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { slotState, forceType } from "../../core/decorators.js";
+import { setOrRemoveAttribute } from "../../core/dom.js";
+import { SbbDisabledMixin } from "../../core/mixins.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`*,
+::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);
+  display: inline-block;
+  overflow: hidden;
+  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);
+}
+
+.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);
+  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;
+}
+
+sbb-icon,
+::slotted(sbb-icon) {
+  min-width: var(--sbb-toggle-option-icon-min-size);
+  min-height: var(--sbb-toggle-option-icon-min-size);
+}`;
+let SbbToggleOptionElement = (() => {
+  var _checked_accessor_storage, _value_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-toggle-option"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledMixin(SbbIconNameMixin(LitElement));
+  let _checked_decorators;
+  let _checked_initializers = [];
+  let _checked_extraInitializers = [];
+  let _value_decorators;
+  let _value_initializers = [];
+  let _value_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      var _a2, _b;
+      super();
+      __privateAdd(this, _checked_accessor_storage);
+      __privateAdd(this, _value_accessor_storage);
+      __privateSet(this, _checked_accessor_storage, __runInitializers(this, _checked_initializers, false));
+      __privateSet(this, _value_accessor_storage, (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _value_initializers, "")));
+      this._toggle = (__runInitializers(this, _value_extraInitializers), null);
+      const internals = this.attachInternals();
+      internals.role = "radio";
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "input", () => this._handleInput());
+      (_b = this.addEventListener) == null ? void 0 : _b.call(this, "click", () => {
+        if (!this.disabled && !this.checked) {
+          this.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
+        }
+      });
+      this.addController(new ResizeController(this, {
+        skipInitial: true,
+        callback: () => {
+          var _a3;
+          return (_a3 = this._toggle) == null ? void 0 : _a3.updatePillPosition(true);
+        }
+      }));
+    }
+    /** Whether the toggle-option is checked. */
+    get checked() {
+      return __privateGet(this, _checked_accessor_storage);
+    }
+    set checked(value) {
+      __privateSet(this, _checked_accessor_storage, value);
+    }
+    /** Value of toggle-option. */
+    get value() {
+      return __privateGet(this, _value_accessor_storage);
+    }
+    set value(value) {
+      __privateSet(this, _value_accessor_storage, value);
+    }
+    connectedCallback() {
+      var _a2;
+      super.connectedCallback();
+      this._toggle = ((_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-toggle")) ?? null;
+      this._verifyTabindex();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      this._toggle = null;
+    }
+    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 _a2, _b;
+      (_a2 = this._toggle) == null ? void 0 : _a2.options.filter((o) => o !== this).forEach((o) => o.checked = false);
+      (_b = this._toggle) == null ? void 0 : _b.statusChanged();
+    }
+    _handleDisabledChange() {
+      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`
+      <div class="sbb-toggle-option">
+        ${this.renderIconSlot()}
+        <span class="sbb-toggle-option__label">
+          <slot></slot>
+        </span>
+      </div>
+    `;
+    }
+  }, _checked_accessor_storage = new WeakMap(), _value_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _checked_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _value_decorators = [forceType(), property()];
+    __esDecorate(_a, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: (obj) => "checked" in obj, get: (obj) => obj.checked, set: (obj, value) => {
+      obj.checked = value;
+    } }, metadata: _metadata }, _checked_initializers, _checked_extraInitializers);
+    __esDecorate(_a, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: (obj) => "value" in obj, get: (obj) => obj.value, set: (obj, value) => {
+      obj.value = value;
+    } }, metadata: _metadata }, _value_initializers, _value_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 {
+  SbbToggleOptionElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLW9wdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2dnbGUvdG9nZ2xlLW9wdGlvbi90b2dnbGUtb3B0aW9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZXNpemVDb250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9yZXNpemUtY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBzbG90U3RhdGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgc2V0T3JSZW1vdmVBdHRyaWJ1dGUgfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUb2dnbGVFbGVtZW50IH0gZnJvbSAnLi4vdG9nZ2xlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9nZ2xlLW9wdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9nZ2xlIG9wdGlvbiB3aXRoaW4gYSBgc2JiLXRvZ2dsZWAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgbGFiZWwgb2YgdGhlIHRvZ2dsZSBvcHRpb24uXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIHJlbmRlciB0aGUgYHNiYi1pY29uYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRvZ2dsZS1vcHRpb24nKVxuQHNsb3RTdGF0ZSgpXG5jbGFzcyBTYmJUb2dnbGVPcHRpb25FbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihTYmJJY29uTmFtZU1peGluKExpdEVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB0b2dnbGUtb3B0aW9uIGlzIGNoZWNrZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBjaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFZhbHVlIG9mIHRvZ2dsZS1vcHRpb24uICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgdmFsdWU6IHN0cmluZyA9ICcnO1xuXG4gIHByaXZhdGUgX3RvZ2dsZTogU2JiVG9nZ2xlRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGNvbnN0IGludGVybmFsczogRWxlbWVudEludGVybmFscyA9IHRoaXMuYXR0YWNoSW50ZXJuYWxzKCk7XG4gICAgLyoqIEBpbnRlcm5hbCAqL1xuICAgIGludGVybmFscy5yb2xlID0gJ3JhZGlvJztcblxuICAgIC8vIFdlIG5lZWQgdG8gbGlzdGVuIGlucHV0IGV2ZW50IG9uIGhvc3QgYXMgd2l0aCBrZXlib2FyZCBuYXZpZ2F0aW9uXG4gICAgLy8gdGhlIElucHV0IEV2ZW50IGlzIHRyaWdnZXJlZCBmcm9tIHNiYi10b2dnbGUuXG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2lucHV0JywgKCkgPT4gdGhpcy5faGFuZGxlSW5wdXQoKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4ge1xuICAgICAgaWYgKCF0aGlzLmRpc2FibGVkICYmICF0aGlzLmNoZWNrZWQpIHtcbiAgICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBJbnB1dEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICAgICAgY2FsbGJhY2s6ICgpID0+IHRoaXMuX3RvZ2dsZT8udXBkYXRlUGlsbFBvc2l0aW9uKHRydWUpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gV2UgY2FuIHVzZSBjbG9zZXN0IGhlcmUsIGFzIHdlIGV4cGVjdCB0aGUgcGFyZW50IHNiYi10b2dnbGUgdG8gYmUgaW4gbGlnaHQgRE9NLlxuICAgIHRoaXMuX3RvZ2dsZSA9IHRoaXMuY2xvc2VzdD8uKCdzYmItdG9nZ2xlJykgPz8gbnVsbDtcbiAgICB0aGlzLl92ZXJpZnlUYWJpbmRleCgpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fdG9nZ2xlID0gbnVsbDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnY2hlY2tlZCcpKSB7XG4gICAgICB0aGlzLnNldEF0dHJpYnV0ZSgnYXJpYS1jaGVja2VkJywgYCR7dGhpcy5jaGVja2VkfWApO1xuICAgICAgdGhpcy5fdmVyaWZ5VGFiaW5kZXgoKTtcbiAgICAgIGlmICh0aGlzLmNoZWNrZWQpIHtcbiAgICAgICAgdGhpcy5fdW5jaGVja090aGVyT3B0aW9ucygpO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVEaXNhYmxlZENoYW5nZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3VuY2hlY2tPdGhlck9wdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5fdG9nZ2xlPy5vcHRpb25zLmZpbHRlcigobykgPT4gbyAhPT0gdGhpcykuZm9yRWFjaCgobykgPT4gKG8uY2hlY2tlZCA9IGZhbHNlKSk7XG4gICAgdGhpcy5fdG9nZ2xlPy5zdGF0dXNDaGFuZ2VkKCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVEaXNhYmxlZENoYW5nZSgpOiB2b2lkIHtcbiAgICBzZXRPclJlbW92ZUF0dHJpYnV0ZSh0aGlzLCAnYXJpYS1kaXNhYmxlZCcsIHRoaXMuZGlzYWJsZWQgPyBgdHJ1ZWAgOiBudWxsKTtcbiAgICB0aGlzLl92ZXJpZnlUYWJpbmRleCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlSW5wdXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5jaGVja2VkID0gdHJ1ZTtcbiAgICB0aGlzLl91bmNoZWNrT3RoZXJPcHRpb25zKCk7XG4gIH1cblxuICBwcml2YXRlIF92ZXJpZnlUYWJpbmRleCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gdGhpcy5jaGVja2VkICYmICF0aGlzLmRpc2FibGVkID8gMCA6IC0xO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvZ2dsZS1vcHRpb25cIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckljb25TbG90KCl9XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1vcHRpb25fX2xhYmVsXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdG9nZ2xlLW9wdGlvbic6IFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJfYSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXNCTSwwQkFBc0IsTUFBQTs7QUFGM0IsTUFBQSxtQkFBQSxDQUFBLGNBQWMsbUJBQW1CLEdBQ2pDLFdBQVc7Ozs7QUFDeUIsTUFBQSxjQUFBLGlCQUFpQixpQkFBaUIsVUFBVSxDQUFDOzs7Ozs7O0FBQXJELEVBQUEsbUJBQVEsWUFBOEM7QUFBQSxJQWVqRixjQUFBOzs7QUFUQTtBQUtBO0FBTGdCLHlCQUFBLDJCQUFBLGtCQUFBLE1BQUEsdUJBQW1CLEtBQUs7QUFLeEIseUJBQUEsMEJBQUEsa0JBQUEsTUFBQSwwQkFBQSxHQUFBLGtCQUFBLE1BQUEscUJBQWdCLEVBQUU7QUFFMUIsV0FBTyxXQUFBLGtCQUFBLE1BQUEsd0JBQUEsR0FBNEI7QUFJ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

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

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

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

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

package/development/toggle/toggle-option.js

@@ -1,4 +1,4 @@
-import { SbbToggleOptionElement } from "./toggle-option/toggle-option.js";
+import { SbbToggleOptionElement } from "./toggle-option/toggle-option.component.js";
 export {
   SbbToggleOptionElement
 };

package/development/toggle/toggle.d.ts

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

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

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