@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

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

@@ -1,81 +1,47 @@
+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 { html, nothing } from "lit";
+import { nothing, html } from "lit";
 import { property } from "lit/decorators.js";
+import { SbbCheckboxCommonElementMixin, checkboxCommonStyle } from "../checkbox/common/checkbox-common.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`
+let SbbCheckboxPanelElement = (() => {
+  var _value_accessor_storage, _a;
+  let _classSuper = SbbPanelMixin(SbbCheckboxCommonElementMixin(SbbUpdateSchedulerMixin(SbbElement)));
+  let _value_decorators;
+  let _value_initializers = [];
+  let _value_extraInitializers = [];
+  return _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>
@@ -102,14 +68,21 @@ var SbbCheckboxPanelElement = (() => {
         </span>
       </span>
     `;
-		}
-		constructor() {
-			super(...arguments);
-			__runInitializers(this, _value_extraInitializers);
-		}
-	};
+    }
+  }, _value_accessor_storage = new WeakMap(), (() => {
+    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);
+    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.elementName = "sbb-checkbox-panel", _a.styles = [
+    boxSizingStyles,
+    checkboxCommonStyle,
+    panelCommonStyle
+  ], _a;
 })();
-//#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
+export {
+  SbbCheckboxPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hlY2tib3gtcGFuZWwvY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBjaGVja2JveENvbW1vblN0eWxlLFxuICBTYmJDaGVja2JveENvbW1vbkVsZW1lbnRNaXhpbixcbn0gZnJvbSAnLi4vY2hlY2tib3gvY29tbW9uL2NoZWNrYm94LWNvbW1vbi50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHBhbmVsQ29tbW9uU3R5bGUsIFNiYlBhbmVsTWl4aW4sIFNiYlVwZGF0ZVNjaGVkdWxlck1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgJy4uL3NjcmVlbi1yZWFkZXItb25seS50cyc7XG5pbXBvcnQgJy4uL3Zpc3VhbC1jaGVja2JveC50cyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBjaGVja2JveCBlbmhhbmNlZCB3aXRoIHNlbGVjdGlvbiBwYW5lbCBkZXNpZ24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1jaGVja2JveGAuXG4gKiBAc2xvdCBzdWJ0ZXh0IC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhIHN1YnRleHQgdW5kZXIgdGhlIGxhYmVsIChvbmx5IHZpc2libGUgd2l0aGluIGEgc2VsZWN0aW9uIHBhbmVsKS5cbiAqIEBzbG90IHN1ZmZpeCAtIFNsb3QgdXNlZCB0byByZW5kZXIgYWRkaXRpb25hbCBjb250ZW50IGFmdGVyIHRoZSBsYWJlbCAob25seSB2aXNpYmxlIHdpdGhpbiBhIHNlbGVjdGlvbiBwYW5lbCkuXG4gKiBAc2xvdCBiYWRnZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGBzYmItY2FyZC1iYWRnZWAgKG9wdGlvbmFsKS5cbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIFRoZSBjaGFuZ2UgZXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdXNlciBtb2RpZmllcyB0aGUgZWxlbWVudCdzIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBUaGUgaW5wdXQgZXZlbnQgZmlyZXMgd2hlbiB0aGUgdmFsdWUgaGFzIGJlZW4gY2hhbmdlZCBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqIEBvdmVycmlkZVR5cGUgdmFsdWUgLSAoVCA9IHN0cmluZykgfCBudWxsXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJDaGVja2JveFBhbmVsRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYlBhbmVsTWl4aW4oXG4gIFNiYkNoZWNrYm94Q29tbW9uRWxlbWVudE1peGluKFNiYlVwZGF0ZVNjaGVkdWxlck1peGluKFNiYkVsZW1lbnQpKSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWNoZWNrYm94LXBhbmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICBjaGVja2JveENvbW1vblN0eWxlLFxuICAgIHBhbmVsQ29tbW9uU3R5bGUsXG4gIF07XG5cbiAgLyoqIFZhbHVlIG9mIHRoZSBmb3JtIGVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciB2YWx1ZTogVCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBvdmVycmlkZSByZXF1ZXN0VXBkYXRlKFxuICAgIG5hbWU/OiBQcm9wZXJ0eUtleSxcbiAgICBvbGRWYWx1ZT86IHVua25vd24sXG4gICAgb3B0aW9ucz86IFByb3BlcnR5RGVjbGFyYXRpb24sXG4gICk6IHZvaWQge1xuICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUobmFtZSwgb2xkVmFsdWUsIG9wdGlvbnMpO1xuICAgIGlmIChuYW1lID09PSAnY2hlY2tlZCcpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDaGVja2VkID0gYCR7dGhpcy5jaGVja2VkfWA7XG4gICAgICAvLyBBcyBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4gZG9lcyBub3QgcmVmbGVjdCBjaGVja2VkIHByb3BlcnR5LCB3ZSBhZGQgYSBjaGVja2VkIENTUyBzdGF0ZS5cbiAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2NoZWNrZWQnLCB0aGlzLmNoZWNrZWQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2VsZWN0aW9uLXBhbmVsX19iYWRnZVwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJiYWRnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94LXdyYXBwZXJcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveFwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2lubmVyXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94X19hbGlnbmVyXCI+XG4gICAgICAgICAgICAgICAgPHNiYi12aXN1YWwtY2hlY2tib3hcbiAgICAgICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgICAgICAgP2luZGV0ZXJtaW5hdGU9JHt0aGlzLmluZGV0ZXJtaW5hdGV9XG4gICAgICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgLnNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgICAgPjwvc2JiLXZpc3VhbC1jaGVja2JveD5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9fbGFiZWxcIj5cbiAgICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cInN1ZmZpeFwiPjwvc2xvdD5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cInN1YnRleHRcIj48L3Nsb3Q+XG4gICAgICAgICAgICAke3RoaXMuZXhwYW5zaW9uU3RhdGVcbiAgICAgICAgICAgICAgPyBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5leHBhbnNpb25TdGF0ZX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNoZWNrYm94LXBhbmVsJzogU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0lBK0JhLDJCQUF1QixNQUFBOztvQkFBcUIsY0FDdkQsOEJBQThCLHdCQUF3QixVQUFVLENBQUMsQ0FBQzs7OztBQUR2RCxTQUFBLG1CQUE0QyxZQUV4RDtBQUFBOztBQVVDLGtEQUFBLGtCQUFBLE1BQUEscUJBQWtDLElBQUk7Ozs7SUFBdEMsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFFTCxjQUNkLE1BQ0EsVUFDQSxTQUE2QjtBQUU3QixZQUFNLGNBQWMsTUFBTSxVQUFVLE9BQU87QUFDM0MsVUFBSSxTQUFTLFdBQVc7QUFDdEIsYUFBSyxVQUFVLGNBQWMsR0FBRyxLQUFLLE9BQU87QUFFNUMsYUFBSyxZQUFZLFdBQVcsS0FBSyxPQUFPO0FBQUEsTUFDMUM7QUFBQSxJQUNGO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsNkJBVWtCLEtBQUssT0FBTztBQUFBLG1DQUNOLEtBQUssYUFBYTtBQUFBLDhCQUN2QixLQUFLLFlBQVksS0FBSyxZQUFZO0FBQUEsMEJBQ3RDLEtBQUssSUFBSTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxjQVNyQixLQUFLLGlCQUNILCtCQUErQixLQUFLLGNBQWMsOEJBQ2xELE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS3JCO0FBQUEsS0E3Q0E7O0FBREMsd0JBQUEsQ0FBQSxVQUFVO0FBQ1gsaUJBQUEsSUFBQSxNQUFBLG1CQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsU0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxXQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsT0FBSyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHFCQUFBLHdCQUFBOztRQVRXLEdBQUEsY0FBc0Isc0JBQy9CLEdBQUEsU0FBeUI7QUFBQSxJQUM5QztBQUFBLElBQ0E7QUFBQSxJQUNBO0FBQUEsRUFBQSxHQVBTOzsifQ==

package/development/checkbox-panel.js

@@ -1,9 +1,6 @@
 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=
+export {
+  SbbCheckboxPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC1wYW5lbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50IH0gZnJvbSAnLi9jaGVja2JveC1wYW5lbC5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC1wYW5lbC5wdXJlLnRzJztcblxuU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQuZGVmaW5lKCk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUtBLHdCQUF3QixPQUFBOyJ9

package/development/checkbox-panel.pure.js

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

package/development/checkbox.js

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

package/development/checkbox.pure.js

@@ -1,3 +1,8 @@
-import { t as SbbCheckboxElement } from "./checkbox.component-B43Akyck.js";
-import { n as checkbox_common_default, t as SbbCheckboxCommonElementMixin } from "./checkbox-common-DD7r8g0_.js";
-export { SbbCheckboxCommonElementMixin, SbbCheckboxElement, checkbox_common_default as checkboxCommonStyle };
+import { SbbCheckboxElement } from "./checkbox/checkbox.component.js";
+import { SbbCheckboxCommonElementMixin, checkboxCommonStyle } from "./checkbox/common/checkbox-common.js";
+export {
+  SbbCheckboxCommonElementMixin,
+  SbbCheckboxElement,
+  checkboxCommonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gucHVyZS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OyJ9

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

@@ -1,2 +1,164 @@
-import { t as SbbChipElement } from "../../chip.component-Bn7ffNEr.js";
-export { SbbChipElement };
+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 { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbElement } from "../../core/base-elements.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { i18nChipDelete } from "../../core/i18n.js";
+import { SbbNegativeMixin, SbbDisabledMixin, SbbReadonlyMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import "../../button/mini-button.js";
+import "../../screen-reader-only.js";
+const style = css`:host {
+  --sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);
+  --sbb-chip-transition-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  display: inline-flex;
+  align-items: stretch;
+  background-color: var(--sbb-chip-background-color);
+  border-radius: var(--sbb-chip-border-radius);
+  color: var(--sbb-chip-color);
+  height: var(--sbb-chip-height);
+}
+
+:host(:focus) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  --sbb-focus-outline-offset: -0.0625rem;
+  --sbb-focus-outline-style: initial;
+}
+
+:host([negative]) {
+  --sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);
+  --sbb-chip-background-color: var(--sbb-background-color-3-negative);
+  --sbb-chip-color: var(--sbb-color-4-negative);
+  --sbb-chip-color-hover: var(--sbb-color-2-negative);
+  --sbb-chip-background-color-active: var(--sbb-background-color-1-negative);
+  --sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-chip__label-wrapper {
+  border: var(--sbb-chip-border);
+  border-inline-end: none;
+  border-radius: var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);
+  display: flex;
+  align-items: center;
+  padding-inline: var(--sbb-chip-label-padding-inline);
+  outline: none;
+  overflow: hidden;
+}
+:host(:is([disabled], [readonly])) .sbb-chip__label-wrapper {
+  border: var(--sbb-chip-border);
+  border-radius: var(--sbb-chip-border-radius);
+}
+
+.sbb-chip__label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+  font-size: var(--sbb-chip-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  transition: transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing);
+}
+
+.sbb-chip__delete {
+  --sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;
+  --sbb-mini-button-color-text: var(--sbb-chip-color);
+  --sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);
+  --sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);
+  --sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);
+  --sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);
+  --_sbb-mini-button-image-size: ;
+  border: var(--sbb-chip-border);
+  border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;
+}
+:host(:is([disabled], [readonly])) .sbb-chip__delete {
+  display: none;
+}
+@media (any-hover: hover) {
+  :host(:not([disabled])) .sbb-chip__delete:hover {
+    --sbb-mini-button-color-text: var(--sbb-chip-color-hover);
+  }
+}`;
+let SbbChipElement = (() => {
+  var _value_accessor_storage, _a;
+  let _classSuper = SbbNegativeMixin(SbbDisabledMixin(SbbReadonlyMixin(SbbElement)));
+  let _value_decorators;
+  let _value_initializers = [];
+  let _value_extraInitializers = [];
+  return _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _value_accessor_storage);
+      __privateSet(this, _value_accessor_storage, __runInitializers(this, _value_initializers, null));
+      this._language = (__runInitializers(this, _value_extraInitializers), new SbbLanguageController(this));
+    }
+    /** The value of chip. Will be used as label if nothing is slotted. */
+    get value() {
+      return __privateGet(this, _value_accessor_storage);
+    }
+    set value(value) {
+      __privateSet(this, _value_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("disabled")) {
+        if (this.disabled) {
+          this.removeAttribute("tabindex");
+        } else {
+          this.setAttribute("tabindex", "-1");
+        }
+      }
+    }
+    firstUpdated(_changedProperties) {
+      super.firstUpdated(_changedProperties);
+      setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
+    }
+    _deleteButton() {
+      return this.shadowRoot.querySelector("sbb-mini-button");
+    }
+    _handleDeleteButtonClick() {
+      this.dispatchEvent(new Event("requestdelete", { bubbles: true, composed: true }));
+    }
+    render() {
+      return html`
+      <div class="sbb-chip__label-wrapper">
+        <span class="sbb-chip__label">
+          <slot>${this.value ?? ""}</slot>
+        </span>
+      </div>
+      <sbb-mini-button
+        aria-hidden="true"
+        class="sbb-chip__delete"
+        icon-name="cross-tiny-small"
+        @click=${this._handleDeleteButtonClick}
+      >
+      </sbb-mini-button>
+      <sbb-screen-reader-only>, ${i18nChipDelete[this._language.current]}</sbb-screen-reader-only>
+    `;
+    }
+  }, _value_accessor_storage = new WeakMap(), (() => {
+    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);
+    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.elementName = "sbb-chip", _a.role = "option", _a.styles = [boxSizingStyles, style], _a.events = {
+    requestdelete: "requestdelete"
+  }, _a;
+})();
+export {
+  SbbChipElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGlwL2NoaXAvY2hpcC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGkxOG5DaGlwRGVsZXRlIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4sIFNiYk5lZ2F0aXZlTWl4aW4sIFNiYlJlYWRvbmx5TWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL21pbmktYnV0dG9uLnRzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY2hpcC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY2hpcC4gVXN1YWxseSB1c2VkIGluIGNvbWJpbmF0aW9uIHdpdGggYHNiYi1jaGlwLWdyb3VwYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCB0aGUgZGlzcGxheSB2YWx1ZS4gSWYgbm90IHByb3ZpZGVkLCB0aGUgJ3ZhbHVlJyB3aWxsIGJlIHVzZWQuXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gKFQgPSBzdHJpbmcpIHwgbnVsbFxuICovXG5leHBvcnQgY2xhc3MgU2JiQ2hpcEVsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFxuICBTYmJEaXNhYmxlZE1peGluKFNiYlJlYWRvbmx5TWl4aW4oU2JiRWxlbWVudCkpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItY2hpcCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICdvcHRpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHJlcXVlc3RkZWxldGU6ICdyZXF1ZXN0ZGVsZXRlJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogVGhlIHZhbHVlIG9mIGNoaXAuIFdpbGwgYmUgdXNlZCBhcyBsYWJlbCBpZiBub3RoaW5nIGlzIHNsb3R0ZWQuICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBhY2Nlc3NvciB2YWx1ZTogVCB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JywgJy0xJyk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzKTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICAvLyBSZW1vdmUgdGhlIGRlbGV0ZSBidXR0b24gZnJvbSB0aGUgdGFiIG9yZGVyLlxuICAgIC8vIFNldFRpbWVvdXQgaXMgbmVlZGVkIHRvIG92ZXJyaWRlIHRoZSBidXR0b24gdGFiaW5kZXggaW5pdGlhbGl6YXRpb25cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX2RlbGV0ZUJ1dHRvbigpLnJlbW92ZUF0dHJpYnV0ZSgndGFiaW5kZXgnKSk7XG4gIH1cblxuICBwcml2YXRlIF9kZWxldGVCdXR0b24oKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJ3NiYi1taW5pLWJ1dHRvbicpITtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZURlbGV0ZUJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIC8qKiBAaW50ZXJuYWwgKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdyZXF1ZXN0ZGVsZXRlJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2hpcF9fbGFiZWwtd3JhcHBlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGlwX19sYWJlbFwiPlxuICAgICAgICAgIDxzbG90PiR7dGhpcy52YWx1ZSA/PyAnJ308L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNiYi1taW5pLWJ1dHRvblxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICBjbGFzcz1cInNiYi1jaGlwX19kZWxldGVcIlxuICAgICAgICBpY29uLW5hbWU9XCJjcm9zcy10aW55LXNtYWxsXCJcbiAgICAgICAgQGNsaWNrPSR7dGhpcy5faGFuZGxlRGVsZXRlQnV0dG9uQ2xpY2t9XG4gICAgICA+XG4gICAgICA8L3NiYi1taW5pLWJ1dHRvbj5cbiAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiwgJHtpMThuQ2hpcERlbGV0ZVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNoaXAnOiBTYmJDaGlwRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBb0JhLGtCQUFjLE1BQUE7O29CQUFxQixpQkFDOUMsaUJBQWlCLGlCQUFpQixVQUFVLENBQUMsQ0FBQzs7OztBQURuQyxTQUFBLG1CQUFtQyxZQUUvQztBQUFBOztBQVNhO0FBQWdCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEscUJBQWtCLElBQUk7QUFFMUMsV0FBQSxnRUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsSUFnRHBEO0FBQUE7QUFBQSxJQWxEYyxJQUFnQixRQUFLO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFyQixJQUFnQixNQUFLLE9BQUE7QUFBQSx5QkFBQSx5QkFBQTtBQUFBLElBQUE7QUFBQSxJQUlkLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFFbEMsVUFBSSxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDckMsWUFBSSxLQUFLLFVBQVU7QUFDakIsZUFBSyxnQkFBZ0IsVUFBVTtBQUFBLFFBQ2pDLE9BQU87QUFDTCxlQUFLLGFBQWEsWUFBWSxJQUFJO0FBQUEsUUFDcEM7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLElBRW1CLGFBQWEsb0JBQWtDO0FBQ2hFLFlBQU0sYUFBYSxrQkFBa0I7QUFJckMsaUJBQVcsTUFBTSxLQUFLLGNBQUEsRUFBZ0IsZ0JBQWdCLFVBQVUsQ0FBQztBQUFBLElBQ25FO0FBQUEsSUFFUSxnQkFBYTtBQUNuQixhQUFPLEtBQUssV0FBWSxjQUFjLGlCQUFpQjtBQUFBLElBQ3pEO0FBQUEsSUFFUSwyQkFBd0I7QUFFOUIsV0FBSyxjQUFjLElBQUksTUFBTSxpQkFBaUIsRUFBRSxTQUFTLE1BQU0sVUFBVSxLQUFBLENBQU0sQ0FBQztBQUFBLElBQ2xGO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBLGtCQUdPLEtBQUssU0FBUyxFQUFFO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsaUJBT2pCLEtBQUssd0JBQXdCO0FBQUE7QUFBQTtBQUFBLGtDQUdaLGVBQWUsS0FBSyxVQUFVLE9BQU8sQ0FBQztBQUFBO0FBQUEsSUFFdEU7QUFBQSxFQUFBLEdBakRZOztBQUFYLHdCQUFBLENBQUEsVUFBVTtBQUFDLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE9BQUssS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxxQkFBQSx3QkFBQTs7UUFSRCxHQUFBLGNBQXNCLFlBQ3RCLEdBQUEsT0FBTyxVQUNoQixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FDaEQsR0FBQSxTQUFTO0FBQUEsSUFDOUIsZUFBZTtBQUFBLEVBQUEsR0FQTjs7In0=