@sbb-esta/lyne-elements-dev 0.0.0 → 4.0.0-dev.1775551720

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

@@ -0,0 +1,115 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "../core/base-elements.js";
+import { SbbPanelMixin, SbbUpdateSchedulerMixin, panelCommonStyle } from "../core/mixins.js";
+import { boxSizingStyles } from "../core/styles.js";
+import "../screen-reader-only.js";
+import { SbbCheckboxCommonElementMixin, checkboxCommonStyle } from "../checkbox/common/checkbox-common.js";
+import "../visual-checkbox.js";
+//#region src/elements/checkbox-panel/checkbox-panel.component.ts
+/**
+* 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
+*/
+var SbbCheckboxPanelElement = (() => {
+	let _classSuper = SbbPanelMixin(SbbCheckboxCommonElementMixin(SbbUpdateSchedulerMixin(SbbElement)));
+	let _value_decorators;
+	let _value_initializers = [];
+	let _value_extraInitializers = [];
+	return class SbbCheckboxPanelElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_value_decorators = [property()];
+			__esDecorate(this, 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);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-checkbox-panel";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				checkboxCommonStyle,
+				panelCommonStyle
+			];
+		}
+		#value_accessor_storage = __runInitializers(this, _value_initializers, null);
+		/** Value of the form element. */
+		get value() {
+			return this.#value_accessor_storage;
+		}
+		set value(value) {
+			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>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _value_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbCheckboxPanelElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC1wYW5lbC9jaGVja2JveC1wYW5lbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7XG4gIGNoZWNrYm94Q29tbW9uU3R5bGUsXG4gIFNiYkNoZWNrYm94Q29tbW9uRWxlbWVudE1peGluLFxufSBmcm9tICcuLi9jaGVja2JveC9jb21tb24vY2hlY2tib3gtY29tbW9uLnRzJztcbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgcGFuZWxDb21tb25TdHlsZSwgU2JiUGFuZWxNaXhpbiwgU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCAnLi4vc2NyZWVuLXJlYWRlci1vbmx5LnRzJztcbmltcG9ydCAnLi4vdmlzdWFsLWNoZWNrYm94LnRzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGNoZWNrYm94IGVuaGFuY2VkIHdpdGggc2VsZWN0aW9uIHBhbmVsIGRlc2lnbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWNoZWNrYm94YC5cbiAqIEBzbG90IHN1YnRleHQgLSBTbG90IHVzZWQgdG8gcmVuZGVyIGEgc3VidGV4dCB1bmRlciB0aGUgbGFiZWwgKG9ubHkgdmlzaWJsZSB3aXRoaW4gYSBzZWxlY3Rpb24gcGFuZWwpLlxuICogQHNsb3Qgc3VmZml4IC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhZGRpdGlvbmFsIGNvbnRlbnQgYWZ0ZXIgdGhlIGxhYmVsIChvbmx5IHZpc2libGUgd2l0aGluIGEgc2VsZWN0aW9uIHBhbmVsKS5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgYHNiYi1jYXJkLWJhZGdlYCAob3B0aW9uYWwpLlxuICogQGV2ZW50IHtFdmVudH0gY2hhbmdlIC0gVGhlIGNoYW5nZSBldmVudCBpcyBmaXJlZCB3aGVuIHRoZSB1c2VyIG1vZGlmaWVzIHRoZSBlbGVtZW50J3MgdmFsdWUuIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkIGZvciBlYWNoIGFsdGVyYXRpb24gdG8gYW4gZWxlbWVudCdzIHZhbHVlLlxuICogQGV2ZW50IHtJbnB1dEV2ZW50fSBpbnB1dCAtIFRoZSBpbnB1dCBldmVudCBmaXJlcyB3aGVuIHRoZSB2YWx1ZSBoYXMgYmVlbiBjaGFuZ2VkIGFzIGEgZGlyZWN0IHJlc3VsdCBvZiBhIHVzZXIgYWN0aW9uLlxuICogQG92ZXJyaWRlVHlwZSB2YWx1ZSAtIChUID0gc3RyaW5nKSB8IG51bGxcbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkNoZWNrYm94UGFuZWxFbGVtZW50PFQgPSBzdHJpbmc+IGV4dGVuZHMgU2JiUGFuZWxNaXhpbihcbiAgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW4oU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4oU2JiRWxlbWVudCkpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItY2hlY2tib3gtcGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbXG4gICAgYm94U2l6aW5nU3R5bGVzLFxuICAgIGNoZWNrYm94Q29tbW9uU3R5bGUsXG4gICAgcGFuZWxDb21tb25TdHlsZSxcbiAgXTtcblxuICAvKiogVmFsdWUgb2YgdGhlIGZvcm0gZWxlbWVudC4gKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHZhbHVlOiBUIHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlcXVlc3RVcGRhdGUoXG4gICAgbmFtZT86IFByb3BlcnR5S2V5LFxuICAgIG9sZFZhbHVlPzogdW5rbm93bixcbiAgICBvcHRpb25zPzogUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgKTogdm9pZCB7XG4gICAgc3VwZXIucmVxdWVzdFVwZGF0ZShuYW1lLCBvbGRWYWx1ZSwgb3B0aW9ucyk7XG4gICAgaWYgKG5hbWUgPT09ICdjaGVja2VkJykge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNoZWNrZWQgPSBgJHt0aGlzLmNoZWNrZWR9YDtcbiAgICAgIC8vIEFzIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbiBkb2VzIG5vdCByZWZsZWN0IGNoZWNrZWQgcHJvcGVydHksIHdlIGFkZCBhIGNoZWNrZWQgQ1NTIHN0YXRlLlxuICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnY2hlY2tlZCcsIHRoaXMuY2hlY2tlZCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tcGFuZWxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tcGFuZWxfX2JhZGdlXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImJhZGdlXCI+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3gtd3JhcHBlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9faW5uZXJcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2FsaWduZXJcIj5cbiAgICAgICAgICAgICAgICA8c2JiLXZpc3VhbC1jaGVja2JveFxuICAgICAgICAgICAgICAgICAgP2NoZWNrZWQ9JHt0aGlzLmNoZWNrZWR9XG4gICAgICAgICAgICAgICAgICA/aW5kZXRlcm1pbmF0ZT0ke3RoaXMuaW5kZXRlcm1pbmF0ZX1cbiAgICAgICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICAuc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgICA+PC9zYmItdmlzdWFsLWNoZWNrYm94PlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94X19sYWJlbFwiPlxuICAgICAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwic3VmZml4XCI+PC9zbG90PlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwic3VidGV4dFwiPjwvc2xvdD5cbiAgICAgICAgICAgICR7dGhpcy5leHBhbnNpb25TdGF0ZVxuICAgICAgICAgICAgICA/IGh0bWxgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt0aGlzLmV4cGFuc2lvblN0YXRlfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gXG4gICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2hlY2tib3gtcGFuZWwnOiBTYmJDaGVja2JveFBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUErQmEsaUNBQXVCO21CQUFxQixjQUN2RCw4QkFBOEIsd0JBQXdCLFdBQVcsQ0FBQyxDQUNuRTs7OztjQUZZLGdDQUE0QyxZQUV4RDs7O3dCQVNFLFVBQVUsQ0FBQTtBQUNYLGdCQUFBLE1BQUEsTUFBQSxtQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFdBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHFCQUFBLHlCQUFBOzs7Ozs7Ozs7QUFUVyxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QjtJQUM5QztJQUNBO0lBQ0E7SUFDRDs7RUFJRCwwQkFBQSxrQkFBQSxNQUFBLHFCQUFrQyxLQUFJOztFQUF0QyxJQUFnQixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUVMLGNBQ2QsTUFDQSxVQUNBLFNBQTZCO0FBRTdCLFNBQU0sY0FBYyxNQUFNLFVBQVUsUUFBUTtBQUM1QyxPQUFJLFNBQVMsV0FBVztBQUN0QixTQUFLLFVBQVUsY0FBYyxHQUFHLEtBQUs7QUFFckMsU0FBSyxZQUFZLFdBQVcsS0FBSyxRQUFROzs7RUFJMUIsU0FBTTtBQUN2QixVQUFPLElBQUk7Ozs7Ozs7Ozs7NkJBVWMsS0FBSyxRQUFBO21DQUNDLEtBQUssY0FBQTs4QkFDVixLQUFLLFlBQVksS0FBSyxhQUFBOzBCQUMxQixLQUFLLEtBQUE7Ozs7Ozs7OztjQVNqQixLQUFLLGlCQUNILElBQUksMkJBQTJCLEtBQUssZUFBYyw2QkFDbEQsUUFBQSJ9

package/development/checkbox-panel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/checkbox-panel.ts"],"names":[],"mappings":"AAGA,cAAc,0BAA0B,CAAC"}

package/development/checkbox-panel.js

@@ -0,0 +1,9 @@
+import { SbbCheckboxPanelElement } from "./checkbox-panel/checkbox-panel.component.js";
+import "./checkbox-panel.pure.js";
+//#region src/elements/checkbox-panel.ts
+/** @entrypoint */
+SbbCheckboxPanelElement.define();
+//#endregion
+export { SbbCheckboxPanelElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NoZWNrYm94LXBhbmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQgfSBmcm9tICcuL2NoZWNrYm94LXBhbmVsLnB1cmUudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94LXBhbmVsLnB1cmUudHMnO1xuXG5TYmJDaGVja2JveFBhbmVsRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUtBLHdCQUF3QixRQUFRIn0=

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

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

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

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

package/development/checkbox-panel.pure.js

@@ -0,0 +1,2 @@
+import { SbbCheckboxPanelElement } from "./checkbox-panel/checkbox-panel.component.js";
+export { SbbCheckboxPanelElement };

package/development/checkbox.component-D3_FFSys.js

@@ -0,0 +1,161 @@
+import { n as checkboxCommonStyle, t as SbbCheckboxCommonElementMixin } from "./checkbox-common-DiTlHvFJ.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "./core/base-elements.js";
+import { getOverride } from "./core/decorators.js";
+import { isLean } from "./core/dom.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbIconNameMixin } from "./icon.js";
+import "./visual-checkbox.js";
+//#region src/elements/checkbox/checkbox.scss?inline
+var checkbox_default = ":host {\n  outline: none !important;\n  display: inline-block;\n}\n\n:host([icon-placement=start]) {\n  --sbb-checkbox-label-icon-flex-direction: row-reverse;\n  --sbb-checkbox-label-icon-justify-content: flex-end;\n  --sbb-checkbox-label-icon-flex-grow: 0;\n}\n\n:host(:focus-visible) .sbb-checkbox-wrapper {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n  border-radius: calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset));\n}\n\n.sbb-checkbox__label {\n  flex-direction: var(--sbb-checkbox-label-icon-flex-direction);\n  justify-content: var(--sbb-checkbox-label-icon-justify-content);\n  flex-grow: var(--sbb-checkbox-label-icon-flex-grow);\n  gap: var(--sbb-checkbox-label-gap);\n}\n:host(:not(:is(:state(slotted),[state--slotted]), :is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label {\n  display: none;\n}\n\nsbb-icon,\nslot[name=icon] ::slotted(sbb-icon) {\n  display: flex;\n  align-items: center;\n  height: calc(1em * var(--sbb-typo-line-height-text));\n}";
+//#endregion
+//#region src/elements/checkbox/checkbox.component.ts
+/**
+* It displays a checkbox enhanced with the SBB Design.
+*
+* @slot - Use the unnamed slot to add content to the `sbb-checkbox`.
+* @slot icon - Slot used to render the checkbox icon (disabled inside a selection panel).
+* @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
+*/
+var SbbCheckboxElement = (() => {
+	let _classSuper = SbbIconNameMixin(SbbCheckboxCommonElementMixin(SbbElement));
+	let _value_decorators;
+	let _value_initializers = [];
+	let _value_extraInitializers = [];
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	let _iconPlacement_decorators;
+	let _iconPlacement_initializers = [];
+	let _iconPlacement_extraInitializers = [];
+	return class SbbCheckboxElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_value_decorators = [property()];
+			_size_decorators = [property({ reflect: true }), getOverride((i, v) => i.group?.size ?? v)];
+			_iconPlacement_decorators = [property({
+				attribute: "icon-placement",
+				reflect: true
+			})];
+			__esDecorate(this, 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(this, 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(this, null, _iconPlacement_decorators, {
+				kind: "accessor",
+				name: "iconPlacement",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "iconPlacement" in obj,
+					get: (obj) => obj.iconPlacement,
+					set: (obj, value) => {
+						obj.iconPlacement = value;
+					}
+				},
+				metadata: _metadata
+			}, _iconPlacement_initializers, _iconPlacement_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-checkbox";
+		}
+		static {
+			this.styles = [
+				boxSizingStyles,
+				checkboxCommonStyle,
+				unsafeCSS(checkbox_default)
+			];
+		}
+		#value_accessor_storage = __runInitializers(this, _value_initializers, null);
+		/** Value of the form element. */
+		get value() {
+			return this.#value_accessor_storage;
+		}
+		set value(value) {
+			this.#value_accessor_storage = value;
+		}
+		#size_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "m"));
+		/**
+		* Size variant, either xs, s or m.
+		* @default 'm' / 'xs' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		#iconPlacement_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _iconPlacement_initializers, "end"));
+		/** The label position relative to the labelIcon. Defaults to end */
+		get iconPlacement() {
+			return this.#iconPlacement_accessor_storage;
+		}
+		set iconPlacement(value) {
+			this.#iconPlacement_accessor_storage = value;
+		}
+		render() {
+			return html`
+      <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>
+              ${this.renderIconSlot()}
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments);
+			__runInitializers(this, _iconPlacement_extraInitializers);
+		}
+	};
+})();
+//#endregion
+export { SbbCheckboxElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LUQzX0ZGU3lzLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC9jaGVja2JveC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuOmhvc3QoW2ljb24tcGxhY2VtZW50PSdzdGFydCddKSB7XG4gIC0tc2JiLWNoZWNrYm94LWxhYmVsLWljb24tZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICAtLXNiYi1jaGVja2JveC1sYWJlbC1pY29uLWp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIC0tc2JiLWNoZWNrYm94LWxhYmVsLWljb24tZmxleC1ncm93OiAwO1xufVxuXG4uc2JiLWNoZWNrYm94LXdyYXBwZXIge1xuICA6aG9zdCg6Zm9jdXMtdmlzaWJsZSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmZvY3VzLW91dGxpbmU7XG5cbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KSAtIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLW9mZnNldCkpO1xuICB9XG59XG5cbi5zYmItY2hlY2tib3hfX2xhYmVsIHtcbiAgZmxleC1kaXJlY3Rpb246IHZhcigtLXNiYi1jaGVja2JveC1sYWJlbC1pY29uLWZsZXgtZGlyZWN0aW9uKTtcbiAganVzdGlmeS1jb250ZW50OiB2YXIoLS1zYmItY2hlY2tib3gtbGFiZWwtaWNvbi1qdXN0aWZ5LWNvbnRlbnQpO1xuICBmbGV4LWdyb3c6IHZhcigtLXNiYi1jaGVja2JveC1sYWJlbC1pY29uLWZsZXgtZ3Jvdyk7XG4gIGdhcDogdmFyKC0tc2JiLWNoZWNrYm94LWxhYmVsLWdhcCk7XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZCksIDpzdGF0ZShzbG90dGVkLWljb24pLCA6c3RhdGUoaGFzLWljb24tbmFtZSkpKSAmIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbnNiYi1pY29uLFxuc2xvdFtuYW1lPSdpY29uJ10gOjpzbG90dGVkKHNiYi1pY29uKSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgLy8gQWxpZ24gaGVpZ2h0IHRvIHRleHQgaGVpZ2h0XG4gIGhlaWdodDogY2FsYygxZW0gKiB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KSk7XG59XG4iLCJpbXBvcnQgeyBodG1sLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJJY29uUGxhY2VtZW50IH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi9pY29uLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY2hlY2tib3guc2Nzcz9pbmxpbmUnO1xuaW1wb3J0IHtcbiAgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW4sXG4gIGNoZWNrYm94Q29tbW9uU3R5bGUsXG4gIHR5cGUgU2JiQ2hlY2tib3hTaXplLFxufSBmcm9tICcuL2NvbW1vbi9jaGVja2JveC1jb21tb24udHMnO1xuXG5pbXBvcnQgJy4uL3Zpc3VhbC1jaGVja2JveC50cyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBjaGVja2JveCBlbmhhbmNlZCB3aXRoIHRoZSBTQkIgRGVzaWduLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItY2hlY2tib3hgLlxuICogQHNsb3QgaWNvbiAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGNoZWNrYm94IGljb24gKGRpc2FibGVkIGluc2lkZSBhIHNlbGVjdGlvbiBwYW5lbCkuXG4gKiBAZXZlbnQge0V2ZW50fSBjaGFuZ2UgLSBUaGUgY2hhbmdlIGV2ZW50IGlzIGZpcmVkIHdoZW4gdGhlIHVzZXIgbW9kaWZpZXMgdGhlIGVsZW1lbnQncyB2YWx1ZS4gVW5saWtlIHRoZSBpbnB1dCBldmVudCwgdGhlIGNoYW5nZSBldmVudCBpcyBub3QgbmVjZXNzYXJpbHkgZmlyZWQgZm9yIGVhY2ggYWx0ZXJhdGlvbiB0byBhbiBlbGVtZW50J3MgdmFsdWUuXG4gKiBAZXZlbnQge0lucHV0RXZlbnR9IGlucHV0IC0gVGhlIGlucHV0IGV2ZW50IGZpcmVzIHdoZW4gdGhlIHZhbHVlIGhhcyBiZWVuIGNoYW5nZWQgYXMgYSBkaXJlY3QgcmVzdWx0IG9mIGEgdXNlciBhY3Rpb24uXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gKFQgPSBzdHJpbmcpIHwgbnVsbFxuICovXG5leHBvcnQgY2xhc3MgU2JiQ2hlY2tib3hFbGVtZW50PFQgPSBzdHJpbmc+IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihcbiAgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1jaGVja2JveCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgY2hlY2tib3hDb21tb25TdHlsZSxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuXG4gIC8qKiBWYWx1ZSBvZiB0aGUgZm9ybSBlbGVtZW50LiAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgdmFsdWU6IFQgfCBudWxsID0gbnVsbDtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgeHMsIHMgb3IgbS5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgQGdldE92ZXJyaWRlKChpLCB2KSA9PiBpLmdyb3VwPy5zaXplID8/IHYpXG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiBTYmJDaGVja2JveFNpemUgPSBpc0xlYW4oKSA/ICd4cycgOiAnbSc7XG5cbiAgLyoqIFRoZSBsYWJlbCBwb3NpdGlvbiByZWxhdGl2ZSB0byB0aGUgbGFiZWxJY29uLiBEZWZhdWx0cyB0byBlbmQgKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaWNvbi1wbGFjZW1lbnQnLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpY29uUGxhY2VtZW50OiBTYmJJY29uUGxhY2VtZW50ID0gJ2VuZCc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveC13cmFwcGVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94XCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2lubmVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9fYWxpZ25lclwiPlxuICAgICAgICAgICAgICA8c2JiLXZpc3VhbC1jaGVja2JveFxuICAgICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgICAgID9pbmRldGVybWluYXRlPSR7dGhpcy5pbmRldGVybWluYXRlfVxuICAgICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgLnNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgID48L3NiYi12aXN1YWwtY2hlY2tib3g+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9fbGFiZWxcIj5cbiAgICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgICAgICAke3RoaXMucmVuZGVySWNvblNsb3QoKX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2hlY2tib3gnOiBTYmJDaGVja2JveEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUM0QmEsNEJBQWtCO21CQUFxQixpQkFDbEQsOEJBQThCLFdBQVcsQ0FDMUM7Ozs7Ozs7Ozs7Y0FGWSwyQkFBdUMsWUFFbkQ7Ozt3QkFTRSxVQUFVLENBQUE7dUJBT1YsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLEVBQzNCLGFBQWEsR0FBRyxNQUFNLEVBQUUsT0FBTyxRQUFRLEVBQUUsQ0FBQTtnQ0FJekMsU0FBUztJQUFFLFdBQVc7SUFBa0IsU0FBUztJQUFNLENBQUMsQ0FBQTtBQVh6RCxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTtBQVFyQixnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxvQkFBQSx3QkFBQTtBQUlwQixnQkFBQSxNQUFBLE1BQUEsMkJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxtQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFhLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBYixnQkFBYTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDZCQUFBLGlDQUFBOzs7Ozs7Ozs7QUFyQkcsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUI7SUFDOUM7SUFDQTtJQUNBLFVBQVUsaUJBQUE7SUFDWDs7RUFJRCwwQkFBQSxrQkFBQSxNQUFBLHFCQUFrQyxLQUFJOztFQUF0QyxJQUFnQixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQVFyQiwwQkFBQSxrQkFBQSxNQUFBLHlCQUFBLEVBQUEsa0JBQUEsTUFBQSxvQkFBd0MsUUFBUSxHQUFHLE9BQU8sSUFBRzs7Ozs7RUFBN0QsSUFBZ0IsT0FBSTtBQUFBLFVBQUEsTUFBQTs7RUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEsU0FBQSx3QkFBQTs7RUFJcEIsbUNBQUEsa0JBQUEsTUFBQSx3QkFBQSxFQUFBLGtCQUFBLE1BQUEsNkJBQWtELE1BQUs7O0VBQXZELElBQWdCLGdCQUFhO0FBQUEsVUFBQSxNQUFBOztFQUE3QixJQUFnQixjQUFhLE9BQUE7QUFBQSxTQUFBLGlDQUFBOztFQUVWLFNBQU07QUFDdkIsVUFBTyxJQUFJOzs7Ozs7MkJBTVksS0FBSyxRQUFBO2lDQUNDLEtBQUssY0FBQTs0QkFDVixLQUFLLFlBQVksS0FBSyxhQUFBO3dCQUMxQixLQUFLLEtBQUE7Ozs7O2dCQUtiLEtBQUssZ0JBQWdCLENBQUEifQ==

package/development/checkbox.d.ts

@@ -0,0 +1,4 @@
+export * from './checkbox.pure.ts';
+export * from './checkbox-group.pure.ts';
+export * from './checkbox-panel.pure.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":"AAKA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/development/checkbox.js

@@ -0,0 +1,16 @@
+import { SbbCheckboxGroupElement } from "./checkbox-group/checkbox-group.component.js";
+import "./checkbox-group.pure.js";
+import { SbbCheckboxPanelElement } from "./checkbox-panel/checkbox-panel.component.js";
+import "./checkbox-panel.pure.js";
+import { t as SbbCheckboxElement } from "./checkbox.component-D3_FFSys.js";
+import { n as checkboxCommonStyle, t as SbbCheckboxCommonElementMixin } from "./checkbox-common-DiTlHvFJ.js";
+import "./checkbox.pure.js";
+//#region src/elements/checkbox.ts
+/** @entrypoint */
+SbbCheckboxElement.define();
+SbbCheckboxGroupElement.define();
+SbbCheckboxPanelElement.define();
+//#endregion
+export { SbbCheckboxCommonElementMixin, SbbCheckboxElement, SbbCheckboxGroupElement, SbbCheckboxPanelElement, checkboxCommonStyle };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NoZWNrYm94LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQgfSBmcm9tICcuL2NoZWNrYm94LWdyb3VwLnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQgfSBmcm9tICcuL2NoZWNrYm94LXBhbmVsLnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiQ2hlY2tib3hFbGVtZW50IH0gZnJvbSAnLi9jaGVja2JveC5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC5wdXJlLnRzJztcbmV4cG9ydCAqIGZyb20gJy4vY2hlY2tib3gtZ3JvdXAucHVyZS50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94LXBhbmVsLnB1cmUudHMnO1xuLy8gVE9ETyhicmVha2luZy1jaGFuZ2UpOiBSZW1vdmUgZ3JvdXAgYW5kIHBhbmVsIGV4cG9ydHMvaW1wb3J0cy5cblxuU2JiQ2hlY2tib3hFbGVtZW50LmRlZmluZSgpO1xuU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQuZGVmaW5lKCk7XG5TYmJDaGVja2JveFBhbmVsRWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBVUEsbUJBQW1CLFFBQVE7QUFDM0Isd0JBQXdCLFFBQVE7QUFDaEMsd0JBQXdCLFFBQVEifQ==

package/development/checkbox.pure.d.ts

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

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

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

package/development/checkbox.pure.js

@@ -0,0 +1,3 @@
+import { t as SbbCheckboxElement } from "./checkbox.component-D3_FFSys.js";
+import { n as checkboxCommonStyle, t as SbbCheckboxCommonElementMixin } from "./checkbox-common-DiTlHvFJ.js";
+export { SbbCheckboxCommonElementMixin, SbbCheckboxElement, checkboxCommonStyle };

package/development/chip/chip/chip.component.d.ts

@@ -0,0 +1,32 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+declare const SbbChipElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbReadonlyMixinType> & typeof SbbElement;
+/**
+ * It displays a chip. Usually used in combination with `sbb-chip-group`.
+ *
+ * @slot - Use the unnamed slot to add the display value. If not provided, the 'value' will be used.
+ * @overrideType value - (T = string) | null
+ */
+export declare class SbbChipElement<T = string> extends SbbChipElement_base {
+    static readonly elementName: string;
+    static readonly role = "option";
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly requestdelete: "requestdelete";
+    };
+    /** The value of chip. Will be used as label if nothing is slotted. */
+    accessor value: T | null;
+    private _language;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _deleteButton;
+    private _handleDeleteButtonClick;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-chip': SbbChipElement;
+    }
+}
+export {};
+//# sourceMappingURL=chip.component.d.ts.map

package/development/chip/chip/chip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/chip/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQzD,OAAO,6BAA6B,CAAC;;AAKrC;;;;;GAKG;AACH,qBAAa,cAAc,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,mBAE/C;IACC,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAuC;IACpF,gBAAuB,MAAM;;MAElB;IAEX,sEAAsE;IACtE,SAA4B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEnD,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,wBAAwB;cAKb,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/development/chip/chip/chip.component.js

@@ -0,0 +1,2 @@
+import { t as SbbChipElement } from "../../chip.component-C6v1-PLX.js";
+export { SbbChipElement };

package/development/chip/chip-group/chip-group.component.d.ts

@@ -0,0 +1,131 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbElement } from '../../core/base-elements.ts';
+import { FormRestoreReason, FormRestoreState } from '../../core/mixins.ts';
+export declare class SbbChipInputTokenEndEvent<T = string> extends CustomEvent<SbbChipInputTokenEndEventDetails<T>> {
+    /** The element that triggered the chip creation */
+    origin: 'input' | 'autocomplete';
+    /**
+     * The value of the new chip. Either the input or the option value depending on the origin.
+     * Either the value from the input which is always `string` or the value from the selected option
+     * from an autocomplete, which can be either a string or any other type.
+     */
+    value: T | string;
+    label?: string;
+    /**
+     * @deprecated Use event properties directly.
+     */
+    get detail(): SbbChipInputTokenEndEventDetails<T>;
+    constructor(options: Pick<SbbChipInputTokenEndEvent, 'origin' | 'value' | 'label'>);
+    /** Set a new value for the chip that will be created */
+    setValue(value: T): void;
+    /** Set a label for the chip that will be created */
+    setLabel(label: string): void;
+}
+/**
+ * @deprecated Use `SbbChipInputTokenEndEvent` instead.
+ */
+export interface SbbChipInputTokenEndEventDetails<T = string> {
+    /** The element that triggered the chip creation */
+    origin: 'input' | 'autocomplete';
+    /**
+     * The value of the new chip. Either the input or the option value depending on the origin.
+     * Either the value from the input which is always `string` or the value from the selected option
+     * from an autocomplete, which can be either a string or any other type.
+     */
+    value: T | string;
+    label?: string;
+    /** Set a new value for the chip that will be created */
+    setValue(value: T): void;
+    /** Set a label for the chip that will be created */
+    setLabel(value: string): void;
+}
+declare const SbbChipGroupElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbRequiredMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedMixinType> & typeof SbbElement;
+/**
+ * The `sbb-chip-group` component is used as a container for one or multiple `sbb-chip`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-chip` elements.
+ * @event {SbbChipInputTokenEndEvent<T>} chipinputtokenend - Notifies that a chip is about to be created. Can be prevented.
+ * @overrideType value - (T = string[]) | null
+ */
+export declare class SbbChipGroupElement<T = string> extends SbbChipGroupElement_base {
+    static readonly elementName: string;
+    static readonly role = "listbox";
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly input: "input";
+        readonly change: "change";
+        readonly chipinputtokenend: "chipinputtokenend";
+    };
+    /** Value of the form element. */
+    set value(value: (T | null)[] | null);
+    get value(): (T | null)[];
+    /** Function that maps a chip's value to its display value. */
+    accessor displayWith: ((value: T) => string) | null;
+    /** The array of keys that will trigger a `chipinputtokenend` event. Default `['Enter']` */
+    accessor separatorKeys: string[];
+    /** Whether to automatically add a chip when the input loses focus if there's a value. */
+    accessor addOnBlur: boolean;
+    /**
+     * Listens to the changes on `readonly` and `disabled` attributes of `<input>`.
+     */
+    private _inputAttributeObserver;
+    private _inputElement;
+    private _inputAbortController;
+    private _language;
+    private _previousSize?;
+    constructor();
+    private _updateLabelState;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /** @internal */
+    formResetCallback(): void;
+    /** @internal */
+    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    private _readFormData;
+    protected shouldValidate(name: PropertyKey | undefined): boolean;
+    protected validate(): void;
+    /** Return the list of chip elements **/
+    private _chipElements;
+    /** Return the list of enabled chip elements **/
+    private _enabledChipElements;
+    private _setupComponent;
+    /**
+     * Listen for keyboard events on the chip elements
+     **/
+    private _onChipKeyDown;
+    /**
+     * Listen for keyboard events on the input
+     **/
+    private _onInputKeyDown;
+    /**
+     * Handle blur event on the input
+     **/
+    private _onInputBlur;
+    /**
+     * If the input is not empty, create a chip with its value
+     */
+    private _createChipFromInput;
+    private _deleteChip;
+    /**
+     * Focus an enabled chip. If none are present, focus the input
+     * @param index The index of the enabled chip. If null, focus the last one.
+     */
+    private _focusChip;
+    private _emitInputEvents;
+    private _createChipElement;
+    private _reactToInputChanges;
+    private _proxyStateToChips;
+    private _updateSize;
+    private _updateInputDescription;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-chip-group': SbbChipGroupElement;
+    }
+    interface HTMLElementEventMap {
+        chipinputtokenend: SbbChipInputTokenEndEvent<any>;
+    }
+}
+export {};
+//# sourceMappingURL=chip-group.component.d.ts.map

package/development/chip/chip-group/chip-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { n as SbbChipInputTokenEndEvent, t as SbbChipGroupElement } from "../../chip-group.component-CvpUdzu1.js";
+export { SbbChipGroupElement, SbbChipInputTokenEndEvent };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group.ts"],"names":[],"mappings":"AAGA,cAAc,sCAAsC,CAAC"}

package/development/chip/chip-group.js

@@ -0,0 +1,10 @@
+import { n as SbbChipInputTokenEndEvent, t as SbbChipGroupElement } from "../chip-group.component-CvpUdzu1.js";
+//#region src/elements/chip/chip-group.ts
+/** @entrypoint */
+SbbChipGroupElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/chip/chip-group.js' has been deprecated.
+Use either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.`);
+//#endregion
+export { SbbChipGroupElement, SbbChipInputTokenEndEvent };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1ncm91cC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hpcC9jaGlwLWdyb3VwLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiQ2hpcEdyb3VwRWxlbWVudCB9IGZyb20gJy4vY2hpcC1ncm91cC9jaGlwLWdyb3VwLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vY2hpcC1ncm91cC9jaGlwLWdyb3VwLmNvbXBvbmVudC50cyc7XG5cblNiYkNoaXBHcm91cEVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9jaGlwL2NoaXAtZ3JvdXAuanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvY2hpcC5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9jaGlwLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUtBLG9CQUFvQixRQUFRO0FBRTVCLFFBQVEsS0FBSzt1RkFDMEUifQ==

package/development/chip/chip.d.ts

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

package/development/chip/chip.d.ts.map

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

package/development/chip/chip.js

@@ -0,0 +1,10 @@
+import { t as SbbChipElement } from "../chip.component-C6v1-PLX.js";
+//#region src/elements/chip/chip.ts
+/** @entrypoint */
+SbbChipElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/chip/chip.js' has been deprecated.
+Use either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.`);
+//#endregion
+export { SbbChipElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hpcC9jaGlwLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiQ2hpcEVsZW1lbnQgfSBmcm9tICcuL2NoaXAvY2hpcC5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2NoaXAvY2hpcC5jb21wb25lbnQudHMnO1xuXG5TYmJDaGlwRWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL2NoaXAvY2hpcC5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9jaGlwLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL2NoaXAucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBS0EsZUFBZSxRQUFRO0FBRXZCLFFBQVEsS0FBSzt1RkFDMEUifQ==