@sbb-esta/lyne-elements 2.8.0 → 2.10.0

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

@@ -0,0 +1,340 @@
+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 {
+  content: "";
+  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;
+}
+@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._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);
+      this.updatePillPosition(false);
+      this.updateComplete.then(() => {
+        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;
+    }
+    /** @internal */
+    updatePillPosition(resizing = false) {
+      var _a2, _b, _c;
+      const options = this.options;
+      const toggleElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector(".sbb-toggle");
+      if (options.length < 2 || !toggleElement || options.every((o) => !o.checked) || options.every((o) => !o.clientWidth)) {
+        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";
+      if (pillRight === "0px" && pillLeft === "0px") {
+        return;
+      }
+      (_b = this.style) == null ? void 0 : _b.setProperty("--sbb-toggle-option-left", pillLeft);
+      (_c = this.style) == null ? void 0 : _c.setProperty("--sbb-toggle-option-right", pillRight);
+      this.offsetWidth;
+      this.toggleAttribute("data-initialized", true);
+    }
+    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/IHRoaXMub3B0aW9uc1swXT8udmFsdWUgPz8gJycpO1xuICB9XG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogVGhlIGNoaWxkIGluc3RhbmNlcyBvZiBzYmItdG9nZ2xlLW9wdGlvbiBhcyBhbiBhcnJheS4gKi9cbiAgcHVibGljIGdldCBvcHRpb25zKCk6IFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi10b2dnbGUtb3B0aW9uJykgPz8gW10pO1xuICB9XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSB0b2dnbGUgdmFsdWUgY2hhbmdlcy4gKi9cbiAgcHJpdmF0ZSBfY2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKHRoaXMsIFNiYlRvZ2dsZUVsZW1lbnQuZXZlbnRzLmNoYW5nZSwge1xuICAgIGJ1YmJsZXM6IHRydWUsXG4gICAgY29tcG9zZWQ6IHRydWUsXG4gIH0pO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIC8qKiBAaW50ZXJuYWwgKi9cbiAgICB0aGlzLmludGVybmFscy5yb2xlID0gJ3JhZGlvZ3JvdXAnO1xuXG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2lucHV0JywgKCkgPT4gdGhpcy5faGFuZGxlSW5wdXQoKSwgeyBwYXNzaXZlOiB0cnVlIH0pO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSkpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fdXBkYXRlVG9nZ2xlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXMpOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZm9ybURpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZURpc2FibGVkKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy51cGRhdGVQaWxsUG9zaXRpb24oZmFsc2UpO1xuXG4gICAgdGhpcy51cGRhdGVDb21wbGV0ZS50aGVuKCgpID0+IHtcbiAgICAgIHRoaXMuc3RhdHVzQ2hhbmdlZCgpO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuZXZlciB0aGUgdmFsdWUgY2hhbmdlcywgYm90aCBwcm9ncmFtbWF0aWNhbGx5IG9yIGJ5IHVzZXIgaW50ZXJhY3Rpb24uXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHN0YXR1c0NoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVGb3JtVmFsdWUoKTtcbiAgICB0aGlzLnVwZGF0ZVBpbGxQb3NpdGlvbigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IHRvIHRoZSBpbml0IHZhbHVlIGlmIHByZXNlbnQuIFNlbGVjdCB0aGUgZmlyc3Qgb3B0aW9uLCBvdGhlcndpc2UuXG4gICAqL1xuICBwdWJsaWMgZm9ybVJlc2V0Q2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMuZ2V0QXR0cmlidXRlKCd2YWx1ZScpO1xuICB9XG5cbiAgcHVibGljIGZvcm1TdGF0ZVJlc3RvcmVDYWxsYmFjayhcbiAgICBzdGF0ZTogRm9ybVJlc3RvcmVTdGF0ZSB8IG51bGwsXG4gICAgX3JlYXNvbjogRm9ybVJlc3RvcmVSZWFzb24sXG4gICk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBzdGF0ZSBhcyBzdHJpbmc7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHB1YmxpYyB1cGRhdGVQaWxsUG9zaXRpb24ocmVzaXppbmcgPSBmYWxzZSk6IHZvaWQge1xuICAgIGNvbnN0IG9wdGlvbnMgPSB0aGlzLm9wdGlvbnM7XG4gICAgY29uc3QgdG9nZ2xlRWxlbWVudCA9IHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcjxIVE1MRGl2RWxlbWVudD4oJy5zYmItdG9nZ2xlJyk7XG5cbiAgICBpZiAoXG4gICAgICBvcHRpb25zLmxlbmd0aCA8IDIgfHxcbiAgICAgICF0b2dnbGVFbGVtZW50IHx8XG4gICAgICBvcHRpb25zLmV2ZXJ5KChvKSA9PiAhby5jaGVja2VkKSB8fFxuICAgICAgb3B0aW9ucy5ldmVyeSgobykgPT4gIW8uY2xpZW50V2lkdGgpXG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZGlzYWJsZS1hbmltYXRpb24tb24tcmVzaXppbmcnLCByZXNpemluZyk7XG5cbiAgICBjb25zdCBmaXJzdE9wdGlvbiA9IG9wdGlvbnNbMF07XG4gICAgY29uc3QgaXNGaXJzdENoZWNrZWQgPSBmaXJzdE9wdGlvbi5jaGVja2VkO1xuICAgIGNvbnN0IHBpbGxMZWZ0ID0gaXNGaXJzdENoZWNrZWQgPyAnMHB4JyA6IGAke2ZpcnN0T3B0aW9uLmNsaWVudFdpZHRofXB4YDtcbiAgICBjb25zdCBwaWxsUmlnaHQgPSBpc0ZpcnN0Q2hlY2tlZFxuICAgICAgPyBgJHt0b2dnbGVFbGVtZW50LmNsaWVudFdpZHRoIC0gZmlyc3RPcHRpb24uY2xpZW50V2lkdGh9cHhgXG4gICAgICA6ICcwcHgnO1xuXG4gICAgaWYgKHBpbGxSaWdodCA9PT0gJzBweCcgJiYgcGlsbExlZnQgPT09ICcwcHgnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLXRvZ2dsZS1vcHRpb24tbGVmdCcsIHBpbGxMZWZ0KTtcbiAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItdG9nZ2xlLW9wdGlvbi1yaWdodCcsIHBpbGxSaWdodCk7XG5cbiAgICAvLyBUcmlnZ2VycyBhIGxheW91dCByZWZsb3cgd2hpY2ggaXMgbmVlZGVkIHRvIGF2b2lkIGFuaW1hdGlvbiBnbGl0Y2hlcy5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC1leHByZXNzaW9uc1xuICAgIHRoaXMub2Zmc2V0V2lkdGg7XG5cbiAgICAvLyBJbiBvcmRlciB0byBhdm9pZCBhIHRyYW5zaXRpb24gZ2xpdGNoLCB3ZSBoYXZlIHRvIGtub3cgd2hlbiB0aGUgZmlyc3QgdmFsdWVzIHdlcmUgc2V0LlxuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWluaXRpYWxpemVkJywgdHJ1ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgdXBkYXRlRm9ybVZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuaW50ZXJuYWxzLnNldEZvcm1WYWx1ZSh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLl92YWx1ZUNoYW5nZWQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5fdXBkYXRlRGlzYWJsZWQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3ZhbHVlQ2hhbmdlZCh2YWx1ZTogc3RyaW5nIHwgbnVsbCk6IHZvaWQge1xuICAgIGNvbnN0IG9wdGlvbnMgPSB0aGlzLm9wdGlvbnM7XG4gICAgLy8gSWYgb3B0aW9ucyBhcmUgbm90IHlldCBkZWZpbmVkIHdlYiBjb21wb25lbnRzLCB3ZSBjYW4gY2hlY2sgaWYgYXR0cmlidXRlIGlzIGFscmVhZHkgc2V0IGFzIGEgZmFsbGJhY2suXG4gICAgLy8gV2UgZG8gdGhpcyBieSBjaGVja2luZyB3aGV0aGVyIHZhbHVlIHByb3BlcnR5IGlzIGF2YWlsYWJsZSAoZGVmaW5lZCBjb21wb25lbnQpLlxuICAgIGNvbnN0IHNlbGVjdGVkT3B0aW9uID1cbiAgICAgIG9wdGlvbnMuZmluZChcbiAgICAgICAgKG8pID0+IHZhbHVlID09PSAoJ3ZhbHVlJyBpbiBvID8gby52YWx1ZSA6IChvIGFzIEhUTUxFbGVtZW50KS5nZXRBdHRyaWJ1dGUoJ3ZhbHVlJykpLFxuICAgICAgKSA/P1xuICAgICAgb3B0aW9ucy5maW5kKChvKSA9PiBvLmNoZWNrZWQpID8/XG4gICAgICBvcHRpb25zWzBdO1xuXG4gICAgaWYgKCFzZWxlY3RlZE9wdGlvbikge1xuICAgICAgaWYgKGltcG9ydC5tZXRhLmVudi5ERVYgJiYgIWlzU2VydmVyKSB7XG4gICAgICAgIGNvbnNvbGUud2Fybihgc2JiLXRvZ2dsZTogTm8gYXZhaWxhYmxlIG9wdGlvbnMhICgke3RoaXMuaWQgfHwgJ05vIGlkJ30pYCk7XG4gICAgICB9XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICghc2VsZWN0ZWRPcHRpb24uY2hlY2tlZCkge1xuICAgICAgc2VsZWN0ZWRPcHRpb24uY2hlY2tlZCA9IHRydWU7XG4gICAgfVxuICAgIHRoaXMuc3RhdHVzQ2hhbmdlZCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfdXBkYXRlRGlzYWJsZWQoKTogdm9pZCB7XG4gICAgZm9yIChjb25zdCB0b2dnbGVPcHRpb24gb2YgdGhpcy5vcHRpb25zKSB7XG4gICAgICB0b2dnbGVPcHRpb24uZGlzYWJsZWQgPSB0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBDYWxsZWQgb24gdXNlciBpbnRlcmFjdGlvbiAoY2xpY2sgb3Iga2V5Ym9hcmQpXG4gICAqL1xuICBwcml2YXRlIF9oYW5kbGVJbnB1dCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXR1c0NoYW5nZWQoKTtcbiAgICB0aGlzLl9jaGFuZ2UuZW1pdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlS2V5RG93bihldnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBlbmFibGVkVG9nZ2xlT3B0aW9ucyA9IHRoaXMub3B0aW9ucy5maWx0ZXIoXG4gICAgICAodCkgPT4gIXQuZGlzYWJsZWQgJiYgaW50ZXJhY3Rpdml0eUNoZWNrZXIuaXNWaXNpYmxlKHQpLFxuICAgICk7XG5cbiAgICBpZiAoXG4gICAgICAhZW5hYmxlZFRvZ2dsZU9wdGlvbnMgfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBjb25zdCBjaGVja2VkOiBudW1iZXIgPSBlbmFibGVkVG9nZ2xlT3B0aW9ucy5maW5kSW5kZXgoXG4gICAgICAgICh0b2dnbGVPcHRpb246IFNiYlRvZ2dsZU9wdGlvbkVsZW1lbnQpID0+IHRvZ2dsZU9wdGlvbi5jaGVja2VkLFxuICAgICAgKTtcbiAgICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGNoZWNrZWQsIGVuYWJsZWRUb2dnbGVPcHRpb25zLmxlbmd0aCk7XG4gICAgICBpZiAoIWVuYWJsZWRUb2dnbGVPcHRpb25zW25leHRJbmRleF0uY2hlY2tlZCkge1xuICAgICAgICBlbmFibGVkVG9nZ2xlT3B0aW9uc1tuZXh0SW5kZXhdLmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICBlbmFibGVkVG9nZ2xlT3B0aW9uc1tuZXh0SW5kZXhdLmZvY3VzKCk7XG4gICAgICAgIGVuYWJsZWRUb2dnbGVPcHRpb25zW25leHRJbmRleF0uZGlzcGF0Y2hFdmVudChcbiAgICAgICAgICBuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pLFxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvZ2dsZVwiPlxuICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX3VwZGF0ZVRvZ2dsZX0+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvZ2dsZSc6IFNiYlRvZ2dsZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJTYmJUb2dnbGVFbGVtZW50IiwiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFnQ00sb0JBQWdCLE1BQUE7OzBCQURyQixjQUFjLFlBQVksQ0FBQzs7OztBQUNHLE1BQUEsY0FBQSxpQkFBaUIsdUJBQXVCLFVBQVUsQ0FBQzs7Ozs7Ozs7O0FBQTNEQSxNQUFBQSxxQkFBQSxtQkFBUSxZQUFvRDtBQUFBLElBa0RqRixjQUFBOzs7QUF0Q0E7QUFNNkI7QUFsQnpCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEsMEJBQUEsR0FZNEIsa0JBQUEsTUFBQSxvQkFBQSxLQUFLO0FBTTBCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEsdUJBQUEsR0FBQSxrQkFBQSxNQUFBLG9CQUFBLE9BQUEsSUFBVyxNQUFNLEdBQUc7QUFtQjNFLFdBQU0sVUFBQSxrQkFBQSxNQUFBLHVCQUFBLEdBQWtCO0FBUXhCLFdBQU8sVUFBaUIsSUFBSSxhQUFhLE1BQU1BLGtCQUFpQixPQUFPLFFBQVE7QUFBQSxRQUNyRixTQUFTO0FBQUEsUUFDVCxVQUFVO0FBQUEsTUFBQSxDQUNYO0FBS0MsV0FBSyxVQUFVLE9BQU87QUFFakIsT0FBQUMsTUFBQSxLQUFBLHFCQUFBLGdCQUFBQSxJQUFBLFdBQW1CLFNBQVMsTUFBTSxLQUFLLGdCQUFnQixFQUFFLFNBQVM7QUFDdkUsaUJBQUsscUJBQUwsOEJBQXdCLFdB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

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

@@ -0,0 +1,33 @@
+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;
+    firstUpdated(changedProperties: PropertyValues<this>): 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;IASzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAMxD,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,198 @@
+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);
+}
+
+.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);
+  margin-inline-end: var(--sbb-spacing-fixed-1x);
+}`;
+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, _b2;
+          return (_b2 = (_a3 = this._toggle) == null ? void 0 : _a3.updatePillPosition) == null ? void 0 : _b2.call(_a3, 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, _b, _c;
+      super.connectedCallback();
+      this._toggle = ((_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-toggle")) ?? null;
+      this._verifyTabindex();
+      (_c = (_b = this._toggle) == null ? void 0 : _b.updatePillPosition) == null ? void 0 : _c.call(_b, true);
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      this._toggle = null;
+    }
+    firstUpdated(changedProperties) {
+      var _a2, _b;
+      super.firstUpdated(changedProperties);
+      (_b = (_a2 = this._toggle) == null ? void 0 : _a2.updatePillPosition) == null ? void 0 : _b.call(_a2, true);
+    }
+    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+IHRoaXMuX3RvZ2dsZT8udXBkYXRlUGlsbFBvc2l0aW9uPy4odHJ1ZSksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICAvLyBXZSBjYW4gdXNlIGNsb3Nlc3QgaGVyZSwgYXMgd2UgZXhwZWN0IHRoZSBwYXJlbnQgc2JiLXRvZ2dsZSB0byBiZSBpbiBsaWdodCBET00uXG4gICAgdGhpcy5fdG9nZ2xlID0gdGhpcy5jbG9zZXN0Py4oJ3NiYi10b2dnbGUnKSA/PyBudWxsO1xuICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gICAgdGhpcy5fdG9nZ2xlPy51cGRhdGVQaWxsUG9zaXRpb24/Lih0cnVlKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX3RvZ2dsZSA9IG51bGw7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl90b2dnbGU/LnVwZGF0ZVBpbGxQb3NpdGlvbj8uKHRydWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdjaGVja2VkJykpIHtcbiAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCdhcmlhLWNoZWNrZWQnLCBgJHt0aGlzLmNoZWNrZWR9YCk7XG4gICAgICB0aGlzLl92ZXJpZnlUYWJpbmRleCgpO1xuICAgICAgaWYgKHRoaXMuY2hlY2tlZCkge1xuICAgICAgICB0aGlzLl91bmNoZWNrT3RoZXJPcHRpb25zKCk7XG4gICAgICB9XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuX2hhbmRsZURpc2FibGVkQ2hhbmdlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfdW5jaGVja090aGVyT3B0aW9ucygpOiB2b2lkIHtcbiAgICB0aGlzLl90b2dnbGU/Lm9wdGlvbnMuZmlsdGVyKChvKSA9PiBvICE9PSB0aGlzKS5mb3JFYWNoKChvKSA9PiAoby5jaGVja2VkID0gZmFsc2UpKTtcbiAgICB0aGlzLl90b2dnbGU/LnN0YXR1c0NoYW5nZWQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZURpc2FibGVkQ2hhbmdlKCk6IHZvaWQge1xuICAgIHNldE9yUmVtb3ZlQXR0cmlidXRlKHRoaXMsICdhcmlhLWRpc2FibGVkJywgdGhpcy5kaXNhYmxlZCA/IGB0cnVlYCA6IG51bGwpO1xuICAgIHRoaXMuX3ZlcmlmeVRhYmluZGV4KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVJbnB1dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xuICAgIHRoaXMuX3VuY2hlY2tPdGhlck9wdGlvbnMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3ZlcmlmeVRhYmluZGV4KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSB0aGlzLmNoZWNrZWQgJiYgIXRoaXMuZGlzYWJsZWQgPyAwIDogLTE7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9nZ2xlLW9wdGlvblwiPlxuICAgICAgICAke3RoaXMucmVuZGVySWNvblNsb3QoKX1cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLW9wdGlvbl9fbGFiZWxcIj5cbiAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10b2dnbGUtb3B0aW9uJzogU2JiVG9nZ2xlT3B0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIiwiX2IiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBc0JNLDBCQUFzQixNQUFBOztBQUYzQixNQUFBLG1CQUFBLENBQUEsY0FBYyxtQkFBbUIsR0FDakMsV0FBVzs7OztBQUN5QixNQUFB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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"}