@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/checkbox/checkbox-group/checkbox-group.component.js

@@ -0,0 +1,218 @@
+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 { MutationController } from "@lit-labs/observers/mutation-controller.js";
+import { css, LitElement, 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 { SbbDisabledMixin, SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  display: block;
+}
+
+:host([orientation=vertical]) {
+  --sbb-checkbox-group-orientation: column;
+  --sbb-checkbox-group-width: 100%;
+  --sbb-checkbox-group-checkbox-width: 100%;
+}
+
+:host(:is(:state(has-panel),[state--has-panel])) {
+  --sbb-checkbox-group-width: 100%;
+  --sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
+  --sbb-checkbox-group-checkbox-flex: auto;
+}
+
+@media (min-width: calc(0rem)) {
+  :host([orientation=vertical][horizontal-from=zero]) {
+    --sbb-checkbox-group-orientation: row;
+    --sbb-checkbox-group-checkbox-width: auto;
+    --sbb-checkbox-group-checkbox-width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))) {
+    --sbb-checkbox-group-width: max-content;
+  }
+}
+@media (min-width: calc(37.5rem)) {
+  :host([orientation=vertical][horizontal-from=small]) {
+    --sbb-checkbox-group-orientation: row;
+    --sbb-checkbox-group-checkbox-width: auto;
+    --sbb-checkbox-group-checkbox-width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))) {
+    --sbb-checkbox-group-width: max-content;
+  }
+}
+@media (min-width: calc(64rem)) {
+  :host([orientation=vertical][horizontal-from=large]) {
+    --sbb-checkbox-group-orientation: row;
+    --sbb-checkbox-group-checkbox-width: auto;
+    --sbb-checkbox-group-checkbox-width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))) {
+    --sbb-checkbox-group-width: max-content;
+  }
+}
+@media (min-width: calc(90rem)) {
+  :host([orientation=vertical][horizontal-from=ultra]) {
+    --sbb-checkbox-group-orientation: row;
+    --sbb-checkbox-group-checkbox-width: auto;
+    --sbb-checkbox-group-checkbox-width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))) {
+    --sbb-checkbox-group-width: max-content;
+  }
+}
+.sbb-checkbox-group {
+  display: flex;
+  flex-direction: var(--sbb-checkbox-group-orientation);
+  gap: var(--sbb-checkbox-group-gap);
+  align-items: flex-start;
+  width: var(--sbb-checkbox-group-width);
+}
+:host(:is(:state(slotted-error),[state--slotted-error])) .sbb-checkbox-group {
+  margin-block-end: var(--sbb-spacing-fixed-1x);
+}
+
+::slotted(:is(sbb-checkbox, sbb-checkbox-panel)) {
+  width: var(--sbb-checkbox-group-checkbox-width);
+}
+
+::slotted(sbb-checkbox-panel) {
+  flex: var(--sbb-checkbox-group-checkbox-flex);
+}`;
+let SbbCheckboxGroupElement = (() => {
+  var _required_accessor_storage, _size_accessor_storage, _horizontalFrom_accessor_storage, _orientation_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-checkbox-group")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledMixin(SbbElementInternalsMixin(LitElement));
+  let _required_decorators;
+  let _required_initializers = [];
+  let _required_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _horizontalFrom_decorators;
+  let _horizontalFrom_initializers = [];
+  let _horizontalFrom_extraInitializers = [];
+  let _orientation_decorators;
+  let _orientation_initializers = [];
+  let _orientation_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _required_accessor_storage, __runInitializers(this, _required_initializers, false));
+      __privateAdd(this, _size_accessor_storage, (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "m")));
+      __privateAdd(this, _horizontalFrom_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _horizontalFrom_initializers, null)));
+      __privateAdd(this, _orientation_accessor_storage, (__runInitializers(this, _horizontalFrom_extraInitializers), __runInitializers(this, _orientation_initializers, "horizontal")));
+      __runInitializers(this, _orientation_extraInitializers);
+      this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
+      this.addController(new MutationController(this, {
+        config: { childList: true, subtree: true },
+        callback: () => this.toggleState("has-panel", !!this.querySelector?.("sbb-checkbox-panel"))
+      }));
+    }
+    /** Whether the checkbox group is required. */
+    get required() {
+      return __privateGet(this, _required_accessor_storage);
+    }
+    set required(value) {
+      __privateSet(this, _required_accessor_storage, value);
+    }
+    /**
+     * Size variant, either xs, s or m.
+     * @default 'm' / 'xs' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /** Overrides the behaviour of `orientation` property. */
+    get horizontalFrom() {
+      return __privateGet(this, _horizontalFrom_accessor_storage);
+    }
+    set horizontalFrom(value) {
+      __privateSet(this, _horizontalFrom_accessor_storage, value);
+    }
+    /** Indicates the orientation of the checkboxes inside the `<sbb-checkbox-group>`. */
+    get orientation() {
+      return __privateGet(this, _orientation_accessor_storage);
+    }
+    set orientation(value) {
+      __privateSet(this, _orientation_accessor_storage, value);
+    }
+    /** List of contained checkbox elements. */
+    get checkboxes() {
+      return Array.from(this.querySelectorAll?.("sbb-checkbox, sbb-checkbox-panel") ?? []).filter((el) => el.closest("sbb-checkbox-group") === this);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("disabled")) {
+        this.checkboxes.forEach((c) => c.requestUpdate?.("disabled"));
+      }
+      if (changedProperties.has("required")) {
+        this.checkboxes.forEach((c) => c.requestUpdate?.("required"));
+      }
+      if (changedProperties.has("size")) {
+        this.checkboxes.forEach((c) => c.requestUpdate?.("size"));
+      }
+    }
+    _handleKeyDown(evt) {
+      const enabledCheckboxes = this.checkboxes.filter((checkbox) => !checkbox.disabled && interactivityChecker.isVisible(checkbox));
+      if (!enabledCheckboxes || // don't trap nested handling
+      evt.target !== this && evt.target.parentElement !== this && evt.target.parentElement.localName !== "sbb-selection-expansion-panel" && evt.target.parentElement.localName !== "sbb-selection-action-panel") {
+        return;
+      }
+      if (isArrowKeyPressed(evt)) {
+        const current = enabledCheckboxes.findIndex((e) => e === evt.target);
+        const nextIndex = getNextElementIndex(evt, current, enabledCheckboxes.length);
+        enabledCheckboxes[nextIndex]?.focus();
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-checkbox-group">
+        <slot></slot>
+      </div>
+      <slot name="error"></slot>
+    `;
+    }
+  }, _required_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _horizontalFrom_accessor_storage = new WeakMap(), _orientation_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _required_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _size_decorators = [property()];
+    _horizontalFrom_decorators = [property({ attribute: "horizontal-from", reflect: true })];
+    _orientation_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: (obj) => "required" in obj, get: (obj) => obj.required, set: (obj, value) => {
+      obj.required = value;
+    } }, metadata: _metadata }, _required_initializers, _required_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, _horizontalFrom_decorators, { kind: "accessor", name: "horizontalFrom", static: false, private: false, access: { has: (obj) => "horizontalFrom" in obj, get: (obj) => obj.horizontalFrom, set: (obj, value) => {
+      obj.horizontalFrom = value;
+    } }, metadata: _metadata }, _horizontalFrom_initializers, _horizontalFrom_extraInitializers);
+    __esDecorate(_a, null, _orientation_decorators, { kind: "accessor", name: "orientation", static: false, private: false, access: { has: (obj) => "orientation" in obj, get: (obj) => obj.orientation, set: (obj, value) => {
+      obj.orientation = value;
+    } }, metadata: _metadata }, _orientation_initializers, _orientation_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 = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbCheckboxGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hlY2tib3gvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE11dGF0aW9uQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvbXV0YXRpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaW50ZXJhY3Rpdml0eUNoZWNrZXIsIGlzQXJyb3dLZXlQcmVzc2VkIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi8uLi9jb3JlL2RvbS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkhvcml6b250YWxGcm9tLCBTYmJPcmllbnRhdGlvbiB9IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluLCBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50IH0gZnJvbSAnLi4vY2hlY2tib3gtcGFuZWwudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDaGVja2JveEVsZW1lbnQgfSBmcm9tICcuLi9jaGVja2JveC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94U2l6ZSB9IGZyb20gJy4uL2NvbW1vbi50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2NoZWNrYm94LWdyb3VwLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItY2hlY2tib3hgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItY2hlY2tib3hgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWNoZWNrYm94LWdyb3VwYC5cbiAqIEBzbG90IGVycm9yIC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhIGBzYmItZXJyb3JgIGluc2lkZSB0aGUgYHNiYi1jaGVja2JveC1ncm91cGAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGVja2JveC1ncm91cCcpXG5jbGFzcyBTYmJDaGVja2JveEdyb3VwRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiRWxlbWVudEludGVybmFsc01peGluKExpdEVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogV2hldGhlciB0aGUgY2hlY2tib3ggZ3JvdXAgaXMgcmVxdWlyZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciByZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTaXplIHZhcmlhbnQsIGVpdGhlciB4cywgcyBvciBtLlxuICAgKiBAZGVmYXVsdCAnbScgLyAneHMnIChsZWFuKVxuICAgKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIHNpemU6IFNiYkNoZWNrYm94U2l6ZSA9IGlzTGVhbigpID8gJ3hzJyA6ICdtJztcblxuICAvKiogT3ZlcnJpZGVzIHRoZSBiZWhhdmlvdXIgb2YgYG9yaWVudGF0aW9uYCBwcm9wZXJ0eS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaG9yaXpvbnRhbC1mcm9tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgaG9yaXpvbnRhbEZyb206IFNiYkhvcml6b250YWxGcm9tIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIEluZGljYXRlcyB0aGUgb3JpZW50YXRpb24gb2YgdGhlIGNoZWNrYm94ZXMgaW5zaWRlIHRoZSBgPHNiYi1jaGVja2JveC1ncm91cD5gLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBvcmllbnRhdGlvbjogU2JiT3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCc7XG5cbiAgLyoqIExpc3Qgb2YgY29udGFpbmVkIGNoZWNrYm94IGVsZW1lbnRzLiAqL1xuICBwdWJsaWMgZ2V0IGNoZWNrYm94ZXMoKTogKFNiYkNoZWNrYm94RWxlbWVudCB8IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50KVtdIHtcbiAgICByZXR1cm4gPChTYmJDaGVja2JveEVsZW1lbnQgfCBTYmJDaGVja2JveFBhbmVsRWxlbWVudClbXT4oXG4gICAgICBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdzYmItY2hlY2tib3gsIHNiYi1jaGVja2JveC1wYW5lbCcpID8/IFtdKS5maWx0ZXIoXG4gICAgICAgIChlbCkgPT4gZWwuY2xvc2VzdCgnc2JiLWNoZWNrYm94LWdyb3VwJykgPT09IHRoaXMsXG4gICAgICApXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSkpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBNdXRhdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBjb25maWc6IHsgY2hpbGRMaXN0OiB0cnVlLCBzdWJ0cmVlOiB0cnVlIH0sXG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLnRvZ2dsZVN0YXRlKCdoYXMtcGFuZWwnLCAhIXRoaXMucXVlcnlTZWxlY3Rvcj8uKCdzYmItY2hlY2tib3gtcGFuZWwnKSksXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICAvLyBUT0RPOiBVc2UgUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciBpbiBjaGVja2JveFxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hlcy5mb3JFYWNoKChjKSA9PiBjLnJlcXVlc3RVcGRhdGU/LignZGlzYWJsZWQnKSk7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3JlcXVpcmVkJykpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hlcy5mb3JFYWNoKChjKSA9PiBjLnJlcXVlc3RVcGRhdGU/LigncmVxdWlyZWQnKSk7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3NpemUnKSkge1xuICAgICAgdGhpcy5jaGVja2JveGVzLmZvckVhY2goKGMpID0+IGMucmVxdWVzdFVwZGF0ZT8uKCdzaXplJykpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUtleURvd24oZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgZW5hYmxlZENoZWNrYm94ZXM6IChTYmJDaGVja2JveEVsZW1lbnQgfCBTYmJDaGVja2JveFBhbmVsRWxlbWVudClbXSA9XG4gICAgICB0aGlzLmNoZWNrYm94ZXMuZmlsdGVyKFxuICAgICAgICAoY2hlY2tib3g6IFNiYkNoZWNrYm94RWxlbWVudCB8IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50KSA9PlxuICAgICAgICAgICFjaGVja2JveC5kaXNhYmxlZCAmJiBpbnRlcmFjdGl2aXR5Q2hlY2tlci5pc1Zpc2libGUoY2hlY2tib3ggYXMgSFRNTEVsZW1lbnQpLFxuICAgICAgKTtcblxuICAgIGlmIChcbiAgICAgICFlbmFibGVkQ2hlY2tib3hlcyB8fFxuICAgICAgLy8gZG9uJ3QgdHJhcCBuZXN0ZWQgaGFuZGxpbmdcbiAgICAgICgoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgIT09IHRoaXMgJiZcbiAgICAgICAgKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLnBhcmVudEVsZW1lbnQgIT09IHRoaXMgJiZcbiAgICAgICAgKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLnBhcmVudEVsZW1lbnQhLmxvY2FsTmFtZSAhPT0gJ3NiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsJyAmJlxuICAgICAgICAoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkucGFyZW50RWxlbWVudCEubG9jYWxOYW1lICE9PSAnc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwnKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBjb25zdCBjdXJyZW50OiBudW1iZXIgPSBlbmFibGVkQ2hlY2tib3hlcy5maW5kSW5kZXgoXG4gICAgICAgIChlOiBTYmJDaGVja2JveEVsZW1lbnQgfCBTYmJDaGVja2JveFBhbmVsRWxlbWVudCkgPT4gZSA9PT0gZXZ0LnRhcmdldCxcbiAgICAgICk7XG4gICAgICBjb25zdCBuZXh0SW5kZXg6IG51bWJlciA9IGdldE5leHRFbGVtZW50SW5kZXgoZXZ0LCBjdXJyZW50LCBlbmFibGVkQ2hlY2tib3hlcy5sZW5ndGgpO1xuICAgICAgZW5hYmxlZENoZWNrYm94ZXNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2hlY2tib3gtZ3JvdXBcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgICA8c2xvdCBuYW1lPVwiZXJyb3JcIj48L3Nsb3Q+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNoZWNrYm94LWdyb3VwJzogU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUF5Qk0sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O0FBQ0UsTUFBQSxjQUFBLGlCQUFpQix5QkFBeUIsVUFBVSxDQUFDOzs7Ozs7Ozs7Ozs7O0FBQTdELEVBQUEsbUJBQVEsWUFBc0Q7QUFBQSxJQStCMUYsY0FBQTtBQUNFLFlBQUE7QUExQkYscURBQUEsa0JBQUEsTUFBQSx3QkFBb0MsS0FBSztBQU03QixrREFBQSxrQkFBQSxNQUFBLDJCQUFBLEdBQUEsa0JBQUEsTUFBQSxvQkFBd0MsV0FBVyxPQUFPLEdBQUc7QUFJekUsNERBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEsOEJBQTJELElBQUk7QUFJL0QseURBQUEsa0JBQUEsTUFBQSxpQ0FBQSxHQUFBLGtCQUFBLE1BQUEsMkJBQThDLFlBQVk7O0FBYXhELFdBQUssbUJBQW1CLFdBQVcsQ0FBQyxNQUFNLEtBQUssZUFBZSxDQUFDLENBQUM7QUFDaEUsV0FBSyxjQUNILElBQUksbUJBQW1CLE1BQU07QUFBQSxRQUMzQixRQUFRLEVBQUUsV0FBVyxNQUFNLFNBQVMsS0FBQTtBQUFBLFFBQ3BDLFVBQVUsTUFBTSxLQUFLLFlBQVksYUFBYSxDQUFDLENBQUMsS0FBSyxnQkFBZ0Isb0JBQW9CLENBQUM7QUFBQSxNQUFBLENBQzNGLENBQUM7QUFBQSxJQUVMO0FBQUE7QUFBQSxJQWxDRCxJQUFnQixXQUFRO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF4QixJQUFnQixTQUFRLE9BQUE7QUFBQSx5QkFBQSw0QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBTVosSUFBZ0IsT0FBSTtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEseUJBQUEsd0JBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUloQyxJQUFnQixpQkFBYztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEseUJBQUEsa0NBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUk5QixJQUFnQixjQUFXO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEzQixJQUFnQixZQUFXLE9BQUE7QUFBQSx5QkFBQSwrQkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBRzNCLElBQVcsYUFBVTtBQUNuQixhQUNFLE1BQU0sS0FBSyxLQUFLLG1CQUFtQixrQ0FBa0MsS0FBSyxDQUFBLENBQUUsRUFBRSxPQUM1RSxDQUFDLE9BQU8sR0FBRyxRQUFRLG9CQUFvQixNQUFNLElBQUk7QUFBQSxJQUd2RDtBQUFBLElBYW1CLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFHbEMsVUFBSSxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDckMsYUFBSyxXQUFXLFFBQVEsQ0FBQyxNQUFNLEVBQUUsZ0JBQWdCLFVBQVUsQ0FBQztBQUFBLE1BQzlEO0FBQ0EsVUFBSSxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDckMsYUFBSyxXQUFXLFFBQVEsQ0FBQyxNQUFNLEVBQUUsZ0JBQWdCLFVBQVUsQ0FBQztBQUFBLE1BQzlEO0FBQ0EsVUFBSSxrQkFBa0IsSUFBSSxNQUFNLEdBQUc7QUFDakMsYUFBSyxXQUFXLFFBQVEsQ0FBQyxNQUFNLEVBQUUsZ0JBQWdCLE1BQU0sQ0FBQztBQUFBLE1BQzFEO0FBQUEsSUFDRjtBQUFBLElBRVEsZUFBZSxLQUFrQjtBQUN2QyxZQUFNLG9CQUNKLEtBQUssV0FBVyxPQUNkLENBQUMsYUFDQyxDQUFDLFNBQVMsWUFBWSxxQkFBcUIsVUFBVSxRQUF1QixDQUFDO0FBR25GLFVBQ0UsQ0FBQztBQUFBLE1BRUMsSUFBSSxXQUEyQixRQUM5QixJQUFJLE9BQXVCLGtCQUFrQixRQUM3QyxJQUFJLE9BQXVCLGNBQWUsY0FBYyxtQ0FDeEQsSUFBSSxPQUF1QixjQUFlLGNBQWMsOEJBQzNEO0FBQ0E7QUFBQSxNQUNGO0FBRUEsVUFBSSxrQkFBa0IsR0FBRyxHQUFHO0FBQzFCLGNBQU0sVUFBa0Isa0JBQWtCLFVBQ3hDLENBQUMsTUFBb0QsTUFBTSxJQUFJLE1BQU07QUFFdkUsY0FBTSxZQUFvQixvQkFBb0IsS0FBSyxTQUFTLGtCQUFrQixNQUFNO0FBQ3BGLDBCQUFrQixTQUFTLEdBQUcsTUFBQTtBQUFBLE1BQ2hDO0FBQUEsSUFDRjtBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU1UO0FBQUEsS0FyRkEsNENBTVksd0NBSVosa0RBSUE7O0FBaEJDLDJCQUFBLENBQUEsVUFBQSxHQUNBLFNBQVMsRUFBRSxTQUFTLE1BQU0sTUFBTSxRQUFBLENBQVMsQ0FBQztBQU8xQyx1QkFBQSxDQUFBLFVBQVU7a0NBR1YsU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFJekQsOEJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQWI1QixpQkFBQSxJQUFBLE1BQUEsc0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxZQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGNBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixVQUFRLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFSLFdBQVE7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsd0JBQUEsMkJBQUE7QUFNWixpQkFBQSxJQUFBLE1BQUEsa0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxRQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixNQUFJLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsb0JBQUEsdUJBQUE7QUFJaEMsaUJBQUEsSUFBQSxNQUFBLDRCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsa0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsb0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixnQkFBYyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBZCxpQkFBYztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSw4QkFBQSxpQ0FBQTtBQUk5QixpQkFBQSxJQUFBLE1BQUEseUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxlQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGlCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsYUFBVyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBWCxjQUFXO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLDJCQUFBLDhCQUFBO0FBcEI3QixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsS0FBSyxHQURuRSxrQkFBQSxZQUFBLHVCQUFBLEdBQXdCOzs7In0=

package/development/checkbox/checkbox-group.d.ts

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

package/development/checkbox/checkbox-group.d.ts.map

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

package/development/checkbox/checkbox-group.js

@@ -0,0 +1,5 @@
+import { SbbCheckboxGroupElement } from "./checkbox-group/checkbox-group.component.js";
+export {
+  SbbCheckboxGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts

@@ -0,0 +1,27 @@
+import { CSSResultGroup, LitElement, PropertyDeclaration, TemplateResult } from 'lit';
+declare const SbbCheckboxPanelElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbPanelMixinType> & import('../../core/mixins.ts').Constructor<import('../common.ts').SbbCheckboxCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & typeof LitElement;
+/**
+ * It displays a checkbox enhanced with selection panel design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-checkbox`.
+ * @slot subtext - Slot used to render a subtext under the label (only visible within a selection panel).
+ * @slot suffix - Slot used to render additional content after the label (only visible within a selection panel).
+ * @slot badge - Use this slot to provide a `sbb-card-badge` (optional).
+ * @event {Event} change - The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.
+ * @event {InputEvent} input - The input event fires when the value has been changed as a direct result of a user action.
+ * @overrideType value - (T = string) | null
+ */
+export declare class SbbCheckboxPanelElement<T = string> extends SbbCheckboxPanelElement_base {
+    static styles: CSSResultGroup;
+    /** Value of the form element. */
+    accessor value: T | null;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-checkbox-panel': SbbCheckboxPanelElement;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox-panel.component.d.ts.map

package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;;AAElC;;;;;;;;;;GAUG;AACH,qBAEM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cASY,MAAM,IAAI,cAAc;CA+B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/development/checkbox/checkbox-panel/checkbox-panel.component.js

@@ -0,0 +1,94 @@
+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 { LitElement, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbPanelMixin, SbbUpdateSchedulerMixin, panelCommonStyle } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbCheckboxCommonElementMixin, checkboxCommonStyle } from "../common.js";
+import "../../screen-reader-only.js";
+import "../../visual-checkbox.js";
+let SbbCheckboxPanelElement = (() => {
+  var _value_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-checkbox-panel")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbPanelMixin(SbbCheckboxCommonElementMixin(SbbUpdateSchedulerMixin(LitElement)));
+  let _value_decorators;
+  let _value_initializers = [];
+  let _value_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _value_accessor_storage, __runInitializers(this, _value_initializers, null));
+      __runInitializers(this, _value_extraInitializers);
+    }
+    /** Value of the form element. */
+    get value() {
+      return __privateGet(this, _value_accessor_storage);
+    }
+    set value(value) {
+      __privateSet(this, _value_accessor_storage, value);
+    }
+    requestUpdate(name, oldValue, options) {
+      super.requestUpdate(name, oldValue, options);
+      if (name === "checked") {
+        this.internals.ariaChecked = `${this.checked}`;
+        this.toggleState("checked", this.checked);
+      }
+    }
+    render() {
+      return html`
+      <span class="sbb-selection-panel">
+        <div class="sbb-selection-panel__badge">
+          <slot name="badge"></slot>
+        </div>
+        <span class="sbb-checkbox-wrapper">
+          <span class="sbb-checkbox">
+            <span class="sbb-checkbox__inner">
+              <span class="sbb-checkbox__aligner">
+                <sbb-visual-checkbox
+                  ?checked=${this.checked}
+                  ?indeterminate=${this.indeterminate}
+                  ?disabled=${this.disabled || this.formDisabled}
+                  .size=${this.size}
+                ></sbb-visual-checkbox>
+              </span>
+              <span class="sbb-checkbox__label">
+                <slot></slot>
+                <slot name="suffix"></slot>
+              </span>
+            </span>
+            <slot name="subtext"></slot>
+            ${this.expansionState ? html`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : nothing}
+          </span>
+        </span>
+      </span>
+    `;
+    }
+  }, _value_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _value_decorators = [property()];
+    __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 = [
+    boxSizingStyles,
+    checkboxCommonStyle,
+    panelCommonStyle
+  ], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbCheckboxPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hlY2tib3gvY2hlY2tib3gtcGFuZWwvY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBwYW5lbENvbW1vblN0eWxlLCBTYmJQYW5lbE1peGluLCBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IGNoZWNrYm94Q29tbW9uU3R5bGUsIFNiYkNoZWNrYm94Q29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLnRzJztcblxuaW1wb3J0ICcuLi8uLi9zY3JlZW4tcmVhZGVyLW9ubHkudHMnO1xuaW1wb3J0ICcuLi8uLi92aXN1YWwtY2hlY2tib3gudHMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY2hlY2tib3ggZW5oYW5jZWQgd2l0aCBzZWxlY3Rpb24gcGFuZWwgZGVzaWduLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItY2hlY2tib3hgLlxuICogQHNsb3Qgc3VidGV4dCAtIFNsb3QgdXNlZCB0byByZW5kZXIgYSBzdWJ0ZXh0IHVuZGVyIHRoZSBsYWJlbCAob25seSB2aXNpYmxlIHdpdGhpbiBhIHNlbGVjdGlvbiBwYW5lbCkuXG4gKiBAc2xvdCBzdWZmaXggLSBTbG90IHVzZWQgdG8gcmVuZGVyIGFkZGl0aW9uYWwgY29udGVudCBhZnRlciB0aGUgbGFiZWwgKG9ubHkgdmlzaWJsZSB3aXRoaW4gYSBzZWxlY3Rpb24gcGFuZWwpLlxuICogQHNsb3QgYmFkZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBgc2JiLWNhcmQtYmFkZ2VgIChvcHRpb25hbCkuXG4gKiBAZXZlbnQge0V2ZW50fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIHdoZW4gdGhlIHVzZXIgbW9kaWZpZXMgdGhlIGVsZW1lbnQncyB2YWx1ZS4gVW5saWtlIHRoZSBpbnB1dCBldmVudCwgdGhlIGNoYW5nZSBldmVudCBpcyBub3QgbmVjZXNzYXJpbHkgZmlyZWQgZm9yIGVhY2ggYWx0ZXJhdGlvbiB0byBhbiBlbGVtZW50J3MgdmFsdWUuXG4gKiBAZXZlbnQge0lucHV0RXZlbnR9IGlucHV0IC0gVGhlIGlucHV0IGV2ZW50IGZpcmVzIHdoZW4gdGhlIHZhbHVlIGhhcyBiZWVuIGNoYW5nZWQgYXMgYSBkaXJlY3QgcmVzdWx0IG9mIGEgdXNlciBhY3Rpb24uXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gKFQgPSBzdHJpbmcpIHwgbnVsbFxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2hlY2tib3gtcGFuZWwnKVxuY2xhc3MgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJQYW5lbE1peGluKFxuICBTYmJDaGVja2JveENvbW1vbkVsZW1lbnRNaXhpbihTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbihMaXRFbGVtZW50KSksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICBjaGVja2JveENvbW1vblN0eWxlLFxuICAgIHBhbmVsQ29tbW9uU3R5bGUsXG4gIF07XG5cbiAgLyoqIFZhbHVlIG9mIHRoZSBmb3JtIGVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciB2YWx1ZTogVCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBvdmVycmlkZSByZXF1ZXN0VXBkYXRlKFxuICAgIG5hbWU/OiBQcm9wZXJ0eUtleSxcbiAgICBvbGRWYWx1ZT86IHVua25vd24sXG4gICAgb3B0aW9ucz86IFByb3BlcnR5RGVjbGFyYXRpb24sXG4gICk6IHZvaWQge1xuICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUobmFtZSwgb2xkVmFsdWUsIG9wdGlvbnMpO1xuICAgIGlmIChuYW1lID09PSAnY2hlY2tlZCcpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDaGVja2VkID0gYCR7dGhpcy5jaGVja2VkfWA7XG4gICAgICAvLyBBcyBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4gZG9lcyBub3QgcmVmbGVjdCBjaGVja2VkIHByb3BlcnR5LCB3ZSBhZGQgYSBjaGVja2VkIENTUyBzdGF0ZS5cbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2NoZWNrZWQnLCB0aGlzLmNoZWNrZWQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsX19iYWRnZVwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJiYWRnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94LXdyYXBwZXJcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveFwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2lubmVyXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94X19hbGlnbmVyXCI+XG4gICAgICAgICAgICAgICAgPHNiYi12aXN1YWwtY2hlY2tib3hcbiAgICAgICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgICAgICAgP2luZGV0ZXJtaW5hdGU9JHt0aGlzLmluZGV0ZXJtaW5hdGV9XG4gICAgICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgLnNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgICAgPjwvc2JiLXZpc3VhbC1jaGVja2JveD5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9fbGFiZWxcIj5cbiAgICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cInN1ZmZpeFwiPjwvc2xvdD5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cInN1YnRleHRcIj48L3Nsb3Q+XG4gICAgICAgICAgICAke3RoaXMuZXhwYW5zaW9uU3RhdGVcbiAgICAgICAgICAgICAgPyBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5leHBhbnNpb25TdGF0ZX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNoZWNrYm94LXBhbmVsJzogU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUE4Qk0sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNjLGNBQ2hELDhCQUE4Qix3QkFBd0IsVUFBVSxDQUFDLENBQUM7Ozs7QUFEMUIsRUFBQSxtQkFBUSxZQUVqRDtBQUFBOztBQVNDLGtEQUFBLGtCQUFBLE1BQUEscUJBQWtDLElBQUk7Ozs7SUFBdEMsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFFTCxjQUNkLE1BQ0EsVUFDQSxTQUE2QjtBQUU3QixZQUFNLGNBQWMsTUFBTSxVQUFVLE9BQU87QUFDM0MsVUFBSSxTQUFTLFdBQVc7QUFDdEIsYUFBSyxVQUFVLGNBQWMsR0FBRyxLQUFLLE9BQU87QUFFNUMsYUFBSyxZQUFZLFdBQVcsS0FBSyxPQUFPO0FBQUEsTUFDMUM7QUFBQSxJQUNGO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsNkJBVWtCLEtBQUssT0FBTztBQUFBLG1DQUNOLEtBQUssYUFBYTtBQUFBLDhCQUN2QixLQUFLLFlBQVksS0FBSyxZQUFZO0FBQUEsMEJBQ3RDLEtBQUssSUFBSTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxjQVNyQixLQUFLLGlCQUNILCtCQUErQixLQUFLLGNBQWMsOEJBQ2xELE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS3JCO0FBQUEsS0E3Q0E7O0FBREMsd0JBQUEsQ0FBQSxVQUFVO0FBQ1gsaUJBQUEsSUFBQSxNQUFBLG1CQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsU0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxXQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsT0FBSyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHFCQUFBLHdCQUFBO0FBWHZCLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFHeUIsR0FBQSxTQUF5QjtBQUFBLElBQzlDO0FBQUEsSUFDQTtBQUFBLElBQ0E7QUFBQSxFQUFBLEdBTkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFvQzs7OyJ9

package/development/checkbox/checkbox-panel.d.ts

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

package/development/checkbox/checkbox-panel.d.ts.map

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

package/development/checkbox/checkbox-panel.js

@@ -0,0 +1,5 @@
+import { SbbCheckboxPanelElement } from "./checkbox-panel/checkbox-panel.component.js";
+export {
+  SbbCheckboxPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/checkbox/checkbox.d.ts

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

package/development/checkbox/checkbox.d.ts.map

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

package/development/checkbox/checkbox.js

@@ -0,0 +1,5 @@
+import { SbbCheckboxElement } from "./checkbox/checkbox.component.js";
+export {
+  SbbCheckboxElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/checkbox/common/checkbox-common.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import { Constructor } from '../../core/mixins.ts';
+import { SbbCheckboxGroupElement } from '../checkbox-group.ts';
+export type SbbCheckboxSize = 'xs' | 's' | 'm';
+declare const SbbCheckboxCommonElementMixinType_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedCheckboxMixinType> & typeof LitElement;
+export declare abstract class SbbCheckboxCommonElementMixinType extends SbbCheckboxCommonElementMixinType_base {
+    accessor indeterminate: boolean;
+    get group(): SbbCheckboxGroupElement | null;
+}
+export declare const SbbCheckboxCommonElementMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SbbCheckboxCommonElementMixinType> & T;
+export {};
+//# sourceMappingURL=checkbox-common.d.ts.map

package/development/checkbox/common/checkbox-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/common/checkbox-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAItD,OAAO,EAAE,KAAK,WAAW,EAAkC,MAAM,sBAAsB,CAAC;AACxF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE/C,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,iCAAkC,SAAQ,sCAEvE;IACC,SAAgB,aAAa,EAAE,OAAO,CAAC;IAEvC,IAAW,KAAK,IAAI,uBAAuB,GAAG,IAAI,CAAC;CACpD;AAGD,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC7E,YAAY,CAAC,KACZ,WAAW,CAAC,iCAAiC,CAAC,GAAG,CA+CnD,CAAC"}

package/development/checkbox/common/checkbox-common.js

@@ -0,0 +1,73 @@
+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 { __runInitializers, __esDecorate } from "tslib";
+import { property } from "lit/decorators.js";
+import { forceType } from "../../core/decorators.js";
+import { SbbFormAssociatedCheckboxMixin } from "../../core/mixins.js";
+const SbbCheckboxCommonElementMixin = (superClass) => {
+  let SbbCheckboxCommonElement = (() => {
+    var _indeterminate_accessor_storage, _a;
+    let _classSuper = SbbFormAssociatedCheckboxMixin(superClass);
+    let _indeterminate_decorators;
+    let _indeterminate_initializers = [];
+    let _indeterminate_extraInitializers = [];
+    return _a = class extends _classSuper {
+      constructor() {
+        super(...arguments);
+        __privateAdd(this, _indeterminate_accessor_storage);
+        __privateSet(this, _indeterminate_accessor_storage, __runInitializers(this, _indeterminate_initializers, false));
+        this._group = (__runInitializers(this, _indeterminate_extraInitializers), null);
+      }
+      /** Whether the checkbox is indeterminate. */
+      get indeterminate() {
+        return __privateGet(this, _indeterminate_accessor_storage);
+      }
+      set indeterminate(value) {
+        __privateSet(this, _indeterminate_accessor_storage, value);
+      }
+      /** Reference to the connected checkbox group. */
+      get group() {
+        return this._group;
+      }
+      connectedCallback() {
+        super.connectedCallback();
+        this._group = this.closest("sbb-checkbox-group");
+        ["disabled", "required", "size"].forEach((p) => this.requestUpdate(p));
+      }
+      willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        if (changedProperties.has("checked") || changedProperties.has("indeterminate")) {
+          this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`;
+        }
+      }
+      isDisabledExternally() {
+        return this.group?.disabled ?? false;
+      }
+      isRequiredExternally() {
+        return this.group?.required ?? false;
+      }
+      withUserInteraction() {
+        if (this.indeterminate) {
+          this.indeterminate = false;
+        }
+      }
+    }, _indeterminate_accessor_storage = new WeakMap(), (() => {
+      const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+      _indeterminate_decorators = [forceType(), property({ type: Boolean })];
+      __esDecorate(_a, null, _indeterminate_decorators, { kind: "accessor", name: "indeterminate", static: false, private: false, access: { has: (obj) => "indeterminate" in obj, get: (obj) => obj.indeterminate, set: (obj, value) => {
+        obj.indeterminate = value;
+      } }, metadata: _metadata }, _indeterminate_initializers, _indeterminate_extraInitializers);
+      if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    })(), _a;
+  })();
+  return SbbCheckboxCommonElement;
+};
+export {
+  SbbCheckboxCommonElementMixin
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hlY2tib3gvY29tbW9uL2NoZWNrYm94LWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExpdEVsZW1lbnQsIFByb3BlcnR5VmFsdWVzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgdHlwZSBDb25zdHJ1Y3RvciwgU2JiRm9ybUFzc29jaWF0ZWRDaGVja2JveE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDaGVja2JveEdyb3VwRWxlbWVudCB9IGZyb20gJy4uL2NoZWNrYm94LWdyb3VwLnRzJztcblxuZXhwb3J0IHR5cGUgU2JiQ2hlY2tib3hTaXplID0gJ3hzJyB8ICdzJyB8ICdtJztcblxuZXhwb3J0IGRlY2xhcmUgYWJzdHJhY3QgY2xhc3MgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW5UeXBlIGV4dGVuZHMgU2JiRm9ybUFzc29jaWF0ZWRDaGVja2JveE1peGluKFxuICBMaXRFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBpbmRldGVybWluYXRlOiBib29sZWFuO1xuXG4gIHB1YmxpYyBnZXQgZ3JvdXAoKTogU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQgfCBudWxsO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW4gPSA8VCBleHRlbmRzIENvbnN0cnVjdG9yPExpdEVsZW1lbnQ+PihcbiAgc3VwZXJDbGFzczogVCxcbik6IENvbnN0cnVjdG9yPFNiYkNoZWNrYm94Q29tbW9uRWxlbWVudE1peGluVHlwZT4gJiBUID0+IHtcbiAgYWJzdHJhY3QgY2xhc3MgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50XG4gICAgZXh0ZW5kcyBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4oc3VwZXJDbGFzcylcbiAgICBpbXBsZW1lbnRzIFBhcnRpYWw8U2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW5UeXBlPlxuICB7XG4gICAgLyoqIFdoZXRoZXIgdGhlIGNoZWNrYm94IGlzIGluZGV0ZXJtaW5hdGUuICovXG4gICAgQGZvcmNlVHlwZSgpXG4gICAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiB9KVxuICAgIHB1YmxpYyBhY2Nlc3NvciBpbmRldGVybWluYXRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKiogUmVmZXJlbmNlIHRvIHRoZSBjb25uZWN0ZWQgY2hlY2tib3ggZ3JvdXAuICovXG4gICAgcHVibGljIGdldCBncm91cCgpOiBTYmJDaGVja2JveEdyb3VwRWxlbWVudCB8IG51bGwge1xuICAgICAgcmV0dXJuIHRoaXMuX2dyb3VwO1xuICAgIH1cbiAgICBwcml2YXRlIF9ncm91cDogU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQgfCBudWxsID0gbnVsbDtcblxuICAgIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB0aGlzLl9ncm91cCA9IHRoaXMuY2xvc2VzdCgnc2JiLWNoZWNrYm94LWdyb3VwJykgYXMgU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQ7XG5cbiAgICAgIC8vIFdlIG5lZWQgdG8gY2FsbCByZXF1ZXN0VXBkYXRlIHRvIHVwZGF0ZSB0aGUgcmVmbGVjdGVkIGF0dHJpYnV0ZXNcbiAgICAgIFsnZGlzYWJsZWQnLCAncmVxdWlyZWQnLCAnc2l6ZSddLmZvckVhY2goKHApID0+IHRoaXMucmVxdWVzdFVwZGF0ZShwKSk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnY2hlY2tlZCcpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaW5kZXRlcm1pbmF0ZScpKSB7XG4gICAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDaGVja2VkID0gdGhpcy5pbmRldGVybWluYXRlID8gJ21peGVkJyA6IGAke3RoaXMuY2hlY2tlZH1gO1xuICAgICAgfVxuICAgIH1cblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSBpc0Rpc2FibGVkRXh0ZXJuYWxseSgpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLmdyb3VwPy5kaXNhYmxlZCA/PyBmYWxzZTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaXNSZXF1aXJlZEV4dGVybmFsbHkoKTogYm9vbGVhbiB7XG4gICAgICByZXR1cm4gdGhpcy5ncm91cD8ucmVxdWlyZWQgPz8gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpdGhVc2VySW50ZXJhY3Rpb24oKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy5pbmRldGVybWluYXRlKSB7XG4gICAgICAgIHRoaXMuaW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiQ2hlY2tib3hDb21tb25FbGVtZW50IGFzIHVua25vd24gYXMgQ29uc3RydWN0b3I8U2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQ7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBa0JPLE1BQU0sZ0NBQWdDLENBQzNDLGVBQ3NEO01BQ3ZDLDRCQUF3QixNQUFBOztzQkFDN0IsK0JBQStCLFVBQVU7Ozs7QUFEcEMsV0FBQSxtQkFDTCxZQUEwQztBQUFBOztBQU1sRDtBQUFnQiwyQkFBQSxpQ0FBQSxrQkFBQSxNQUFBLDZCQUF5QixLQUFLO0FBTXRDLGFBQUEsVUFBTSxrQkFBQSxNQUFBLGdDQUFBLEdBQW1DO0FBQUEsTUErQm5EO0FBQUE7QUFBQSxNQXJDRSxJQUFnQixnQkFBYTtBQUFBLGVBQUEsbUJBQUE7QUFBQSxNQUFBO0FBQUEsTUFBN0IsSUFBZ0IsY0FBYSxPQUFBO0FBQUEsMkJBQUEsaUNBQUE7QUFBQSxNQUFBO0FBQUE7QUFBQSxNQUc3QixJQUFXLFFBQUs7QUFDZCxlQUFPLEtBQUs7QUFBQSxNQUNkO0FBQUEsTUFHZ0Isb0JBQWlCO0FBQy9CLGNBQU0sa0JBQUE7QUFDTixhQUFLLFNBQVMsS0FBSyxRQUFRLG9CQUFvQjtBQUcvQyxTQUFDLFlBQVksWUFBWSxNQUFNLEVBQUUsUUFBUSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsQ0FBQztBQUFBLE1BQ3ZFO0FBQUEsTUFFbUIsV0FBVyxtQkFBdUM7QUFDbkUsY0FBTSxXQUFXLGlCQUFpQjtBQUVsQyxZQUFJLGtCQUFrQixJQUFJLFNBQVMsS0FBSyxrQkFBa0IsSUFBSSxlQUFlLEdBQUc7QUFDOUUsZUFBSyxVQUFVLGNBQWMsS0FBSyxnQkFBZ0IsVUFBVSxHQUFHLEtBQUssT0FBTztBQUFBLFFBQzdFO0FBQUEsTUFDRjtBQUFBLE1BRW1CLHVCQUFvQjtBQUNyQyxlQUFPLEtBQUssT0FBTyxZQUFZO0FBQUEsTUFDakM7QUFBQSxNQUVtQix1QkFBb0I7QUFDckMsZUFBTyxLQUFLLE9BQU8sWUFBWTtBQUFBLE1BQ2pDO0FBQUEsTUFFbUIsc0JBQW1CO0FBQ3BDLFlBQUksS0FBSyxlQUFlO0FBQ3RCLGVBQUssZ0JBQWdCO0FBQUEsUUFDdkI7QUFBQSxNQUNGO0FBQUEsSUFBQSxHQXBDQTs7bUNBRkMsYUFDQSxTQUFTLEVBQUUsTUFBTSxRQUFBLENBQVMsQ0FBQztBQUM1QixtQkFBQSxJQUFBLE1BQUEsMkJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxpQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxtQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLGVBQWEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFlBQWIsZ0JBQWE7QUFBQSxNQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsNkJBQUEsZ0NBQUE7O1VBUGhCO0FBQUE7QUE2Q2YsU0FBTztBQUNUOyJ9

package/development/checkbox/common.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './common/checkbox-common.ts';
+//# sourceMappingURL=common.d.ts.map

package/development/checkbox/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC"}

package/development/checkbox/common.js

@@ -0,0 +1,7 @@
+import { SbbCheckboxCommonElementMixin } from "./common/checkbox-common.js";
+import { c } from "../checkbox-common-D2-QcV8n.js";
+export {
+  SbbCheckboxCommonElementMixin,
+  c as checkboxCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7In0=

package/development/checkbox-common-D2-QcV8n.js

@@ -0,0 +1,66 @@
+import { css } from "lit";
+const checkboxCommon = css`@charset "UTF-8";
+:host([size=xs]) {
+  --sbb-checkbox-font-size: var(--sbb-text-font-size-xs);
+  --sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs);
+}
+
+:host([size=s]) {
+  --sbb-checkbox-font-size: var(--sbb-text-font-size-s);
+  --sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s);
+}
+
+:host([size=m]) {
+  --sbb-checkbox-font-size: var(--sbb-text-font-size-m);
+  --sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m);
+}
+
+:host(:disabled) {
+  --sbb-checkbox-cursor: var(--sbb-cursor-default);
+  --sbb-checkbox-label-color: var(--sbb-color-granite);
+  --sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
+}
+
+.sbb-checkbox-wrapper {
+  display: flex;
+}
+.sbb-checkbox-wrapper::before {
+  content: "​";
+  user-select: none;
+  width: 0;
+  height: 0;
+}
+
+.sbb-checkbox {
+  font-size: var(--sbb-checkbox-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  position: relative;
+  display: block;
+  width: 100%;
+  cursor: var(--sbb-checkbox-cursor);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.sbb-checkbox__inner {
+  display: flex;
+  align-items: start;
+  gap: var(--sbb-spacing-fixed-2x);
+}
+
+.sbb-checkbox__label {
+  display: flex;
+  flex-grow: 1;
+  color: var(--sbb-checkbox-label-color);
+  line-height: max(1em * var(--sbb-typo-line-height-text), var(--sbb-checkbox-dimension));
+}
+
+.sbb-checkbox__aligner {
+  display: flex;
+  align-items: center;
+  height: calc(1em * var(--sbb-typo-line-height-text));
+}`;
+export {
+  checkboxCommon as c
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY29tbW9uLUQyLVFjVjhuLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/development/checkbox.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @entrypoint
+ */
+export * from './checkbox/checkbox.ts';
+export * from './checkbox/checkbox-group.ts';
+export * from './checkbox/checkbox-panel.ts';
+export * from './checkbox/common.ts';
+//# sourceMappingURL=checkbox.d.ts.map

package/development/checkbox.d.ts.map

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