@sbb-esta/lyne-elements 0.52.1 → 0.53.0

package/development/checkbox/checkbox-group.js

@@ -36,12 +36,18 @@ const style = css`/**
   --sbb-checkbox-group-width: 100%;
   --sbb-checkbox-group-checkbox-width: 100%;
 }
+:host([orientation=vertical]) ::slotted(sbb-checkbox-panel) {
+  width: 100%;
+}
 
-:host([data-has-selection-panel]) {
+:host([data-has-panel]) {
   --sbb-checkbox-group-width: 100%;
 }
+:host([data-has-panel]) ::slotted(sbb-checkbox-panel) {
+  flex: auto;
+}
 
-:host([data-has-selection-panel][orientation=vertical]) {
+:host([data-has-panel][orientation=vertical]) {
   --sbb-checkbox-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
 }
 
@@ -50,7 +56,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=zero]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=zero]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=zero]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -59,7 +68,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=micro]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=micro]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=micro]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -68,7 +80,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=small]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=small]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=small]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -77,7 +92,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=medium]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=medium]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=medium]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -86,7 +104,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=large]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=large]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=large]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -95,7 +116,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=wide]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=wide]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=wide]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -104,7 +128,10 @@ const style = css`/**
     --sbb-checkbox-group-orientation: row;
     --sbb-checkbox-group-checkbox-width: auto;
   }
-  :host([orientation=vertical][horizontal-from=ultra]:not([data-has-selection-panel])) {
+  :host([orientation=vertical][horizontal-from=ultra]) ::slotted(sbb-checkbox-panel) {
+    width: initial;
+  }
+  :host([orientation=vertical][horizontal-from=ultra]:not([data-has-panel])) {
     --sbb-checkbox-group-width: max-content;
   }
 }
@@ -149,7 +176,7 @@ let SbbCheckboxGroupElement = class extends SbbDisabledMixin(LitElement) {
   /** List of contained checkbox elements. */
   get checkboxes() {
     var _a;
-    return Array.from(((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-checkbox")) ?? []).filter(
+    return Array.from(((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-checkbox, sbb-checkbox-panel")) ?? []).filter(
       (el) => el.closest("sbb-checkbox-group") === this
     );
   }
@@ -158,7 +185,10 @@ let SbbCheckboxGroupElement = class extends SbbDisabledMixin(LitElement) {
     super.connectedCallback();
     const signal = this._abort.signal;
     this.addEventListener("keydown", (e) => this._handleKeyDown(e), { signal });
-    this.toggleAttribute("data-has-selection-panel", !!((_a = this.querySelector) == null ? void 0 : _a.call(this, "sbb-selection-panel")));
+    this.toggleAttribute(
+      "data-has-panel",
+      !!((_a = this.querySelector) == null ? void 0 : _a.call(this, "sbb-selection-expansion-panel, sbb-checkbox-panel"))
+    );
   }
   willUpdate(changedProperties) {
     super.willUpdate(changedProperties);
@@ -187,7 +217,7 @@ let SbbCheckboxGroupElement = class extends SbbDisabledMixin(LitElement) {
       (checkbox) => !checkbox.disabled && interactivityChecker.isVisible(checkbox)
     );
     if (!enabledCheckboxes || // don't trap nested handling
-    evt.target !== this && evt.target.parentElement !== this && evt.target.parentElement.nodeName !== "SBB-SELECTION-PANEL") {
+    evt.target !== this && evt.target.parentElement !== this && evt.target.parentElement.localName !== "sbb-selection-expansion-panel") {
       return;
     }
     if (isArrowKeyPressed(evt)) {
@@ -228,4 +258,4 @@ SbbCheckboxGroupElement = __decorateClass([
 export {
   SbbCheckboxGroupElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC9jaGVja2JveC1ncm91cC9jaGVja2JveC1ncm91cC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaW50ZXJhY3Rpdml0eUNoZWNrZXIsIGlzQXJyb3dLZXlQcmVzc2VkIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciwgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJIb3Jpem9udGFsRnJvbSwgU2JiT3JpZW50YXRpb24gfSBmcm9tICcuLi8uLi9jb3JlL2ludGVyZmFjZXMuanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQ2hlY2tib3hFbGVtZW50LCBTYmJDaGVja2JveFNpemUgfSBmcm9tICcuLi9jaGVja2JveC5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2NoZWNrYm94LWdyb3VwLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItY2hlY2tib3hgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItY2hlY2tib3hgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWNoZWNrYm94LWdyb3VwYC5cbiAqIEBzbG90IGVycm9yIC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhIGBzYmItZm9ybS1lcnJvcmAgaW5zaWRlIHRoZSBgc2JiLWNoZWNrYm94LWdyb3VwYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGVja2JveC1ncm91cCcpXG5leHBvcnQgY2xhc3MgU2JiQ2hlY2tib3hHcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNoZWNrYm94IGdyb3VwIGlzIHJlcXVpcmVkLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyByZXF1aXJlZCA9IGZhbHNlO1xuXG4gIC8qKiBTaXplIHZhcmlhbnQsIGVpdGhlciBtIG9yIHMuICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBzaXplOiBTYmJDaGVja2JveFNpemUgPSAnbSc7XG5cbiAgLyoqIE92ZXJyaWRlcyB0aGUgYmVoYXZpb3VyIG9mIGBvcmllbnRhdGlvbmAgcHJvcGVydHkuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hvcml6b250YWwtZnJvbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGhvcml6b250YWxGcm9tPzogU2JiSG9yaXpvbnRhbEZyb207XG5cbiAgLyoqIEluZGljYXRlcyB0aGUgb3JpZW50YXRpb24gb2YgdGhlIGNoZWNrYm94ZXMgaW5zaWRlIHRoZSBgPHNiYi1jaGVja2JveC1ncm91cD5gLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBvcmllbnRhdGlvbjogU2JiT3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCc7XG5cbiAgLyoqIExpc3Qgb2YgY29udGFpbmVkIGNoZWNrYm94IGVsZW1lbnRzLiAqL1xuICBwdWJsaWMgZ2V0IGNoZWNrYm94ZXMoKTogU2JiQ2hlY2tib3hFbGVtZW50W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdzYmItY2hlY2tib3gnKSA/PyBbXSkuZmlsdGVyKFxuICAgICAgKGVsOiBTYmJDaGVja2JveEVsZW1lbnQpID0+IGVsLmNsb3Nlc3QoJ3NiYi1jaGVja2JveC1ncm91cCcpID09PSB0aGlzLFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIF9hYm9ydDogU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyID0gbmV3IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlcih0aGlzKTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBuZXcgU2JiU2xvdFN0YXRlQ29udHJvbGxlcih0aGlzKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIGNvbnN0IHNpZ25hbCA9IHRoaXMuX2Fib3J0LnNpZ25hbDtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5RG93bihlKSwgeyBzaWduYWwgfSk7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtaGFzLXNlbGVjdGlvbi1wYW5lbCcsICEhdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1zZWxlY3Rpb24tcGFuZWwnKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hlcy5mb3JFYWNoKChjKSA9PiBjLnJlcXVlc3RVcGRhdGU/LignZGlzYWJsZWQnKSk7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3JlcXVpcmVkJykpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hlcy5mb3JFYWNoKChjKSA9PiBjLnJlcXVlc3RVcGRhdGU/LigncmVxdWlyZWQnKSk7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3NpemUnKSkge1xuICAgICAgdGhpcy5jaGVja2JveGVzLmZvckVhY2goKGMpID0+IGMucmVxdWVzdFVwZGF0ZT8uKCdzaXplJykpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUtleURvd24oZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgZW5hYmxlZENoZWNrYm94ZXM6IFNiYkNoZWNrYm94RWxlbWVudFtdID0gdGhpcy5jaGVja2JveGVzLmZpbHRlcihcbiAgICAgIChjaGVja2JveDogU2JiQ2hlY2tib3hFbGVtZW50KSA9PlxuICAgICAgICAhY2hlY2tib3guZGlzYWJsZWQgJiYgaW50ZXJhY3Rpdml0eUNoZWNrZXIuaXNWaXNpYmxlKGNoZWNrYm94KSxcbiAgICApO1xuXG4gICAgaWYgKFxuICAgICAgIWVuYWJsZWRDaGVja2JveGVzIHx8XG4gICAgICAvLyBkb24ndCB0cmFwIG5lc3RlZCBoYW5kbGluZ1xuICAgICAgKChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KSAhPT0gdGhpcyAmJlxuICAgICAgICAoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkucGFyZW50RWxlbWVudCAhPT0gdGhpcyAmJlxuICAgICAgICAoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkucGFyZW50RWxlbWVudCEubm9kZU5hbWUgIT09ICdTQkItU0VMRUNUSU9OLVBBTkVMJylcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoaXNBcnJvd0tleVByZXNzZWQoZXZ0KSkge1xuICAgICAgY29uc3QgY3VycmVudDogbnVtYmVyID0gZW5hYmxlZENoZWNrYm94ZXMuZmluZEluZGV4KFxuICAgICAgICAoZTogU2JiQ2hlY2tib3hFbGVtZW50KSA9PiBlID09PSBldnQudGFyZ2V0LFxuICAgICAgKTtcbiAgICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGN1cnJlbnQsIGVuYWJsZWRDaGVja2JveGVzLmxlbmd0aCk7XG4gICAgICBlbmFibGVkQ2hlY2tib3hlc1tuZXh0SW5kZXhdPy5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1jaGVja2JveC1ncm91cFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2hlY2tib3gtZ3JvdXBfX2Vycm9yXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJlcnJvclwiPjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jaGVja2JveC1ncm91cCc6IFNiYkNoZWNrYm94R3JvdXBFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1CTyxJQUFNLDBCQUFOLGNBQXNDLGlCQUFpQixVQUFVLEVBQUU7QUFBQSxFQTBCakUsY0FBYztBQUNiO0FBdkJvQyxTQUFPLFdBQVc7QUFHbEQsU0FBTyxPQUF3QjtBQVEzQyxTQUFPLGNBQThCO0FBUzdCLFNBQUEsU0FBc0MsSUFBSSw0QkFBNEIsSUFBSTtBQUloRixRQUFJLHVCQUF1QixJQUFJO0FBQUEsRUFDakM7QUFBQTtBQUFBLEVBWEEsSUFBVyxhQUFtQzs7QUFDckMsV0FBQSxNQUFNLE9BQUssVUFBSyxxQkFBTCw4QkFBd0Isb0JBQW1CLENBQUUsQ0FBQSxFQUFFO0FBQUEsTUFDL0QsQ0FBQyxPQUEyQixHQUFHLFFBQVEsb0JBQW9CLE1BQU07QUFBQSxJQUFBO0FBQUEsRUFFckU7QUFBQSxFQVNnQixvQkFBMEI7O0FBQ3hDLFVBQU0sa0JBQWtCO0FBQ2xCLFVBQUEsU0FBUyxLQUFLLE9BQU87QUFDdEIsU0FBQSxpQkFBaUIsV0FBVyxDQUFDLE1BQU0sS0FBSyxlQUFlLENBQUMsR0FBRyxFQUFFLE9BQUEsQ0FBUTtBQUMxRSxTQUFLLGdCQUFnQiw0QkFBNEIsQ0FBQyxHQUFDLFVBQUssa0JBQUwsOEJBQXFCLHVCQUFzQjtBQUFBLEVBQ2hHO0FBQUEsRUFFbUIsV0FBVyxtQkFBK0M7QUFDM0UsVUFBTSxXQUFXLGlCQUFpQjtBQUU5QixRQUFBLGtCQUFrQixJQUFJLFVBQVUsR0FBRztBQUNyQyxXQUFLLFdBQVcsUUFBUSxDQUFDLE1BQU07O0FBQUEsdUJBQUUsa0JBQUYsMkJBQWtCO0FBQUEsT0FBVztBQUFBLElBQzlEO0FBQ0ksUUFBQSxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDckMsV0FBSyxXQUFXLFFBQVEsQ0FBQyxNQUFNOztBQUFBLHVCQUFFLGtCQUFGLDJCQUFrQjtBQUFBLE9BQVc7QUFBQSxJQUM5RDtBQUNJLFFBQUEsa0JBQWtCLElBQUksTUFBTSxHQUFHO0FBQ2pDLFdBQUssV0FBVyxRQUFRLENBQUMsTUFBTTs7QUFBQSx1QkFBRSxrQkFBRiwyQkFBa0I7QUFBQSxPQUFPO0FBQUEsSUFDMUQ7QUFBQSxFQUNGO0FBQUEsRUFFUSxlQUFlLEtBQTBCOztBQUN6QyxVQUFBLG9CQUEwQyxLQUFLLFdBQVc7QUFBQSxNQUM5RCxDQUFDLGFBQ0MsQ0FBQyxTQUFTLFlBQVkscUJBQXFCLFVBQVUsUUFBUTtBQUFBLElBQUE7QUFHakUsUUFDRSxDQUFDO0FBQUEsSUFFQyxJQUFJLFdBQTJCLFFBQzlCLElBQUksT0FBdUIsa0JBQWtCLFFBQzdDLElBQUksT0FBdUIsY0FBZSxhQUFhLHVCQUMxRDtBQUNBO0FBQUEsSUFDRjtBQUVJLFFBQUEsa0JBQWtCLEdBQUcsR0FBRztBQUMxQixZQUFNLFVBQWtCLGtCQUFrQjtBQUFBLFFBQ3hDLENBQUMsTUFBMEIsTUFBTSxJQUFJO0FBQUEsTUFBQTtBQUV2QyxZQUFNLFlBQW9CLG9CQUFvQixLQUFLLFNBQVMsa0JBQWtCLE1BQU07QUFDbEUsOEJBQUEsU0FBUyxNQUFULG1CQUFZO0FBQUEsSUFDaEM7QUFBQSxFQUNGO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFRVDtBQUNGO0FBdkZhLHdCQUNZLFNBQXlCO0FBR0csZ0JBQUE7QUFBQSxFQUFsRCxTQUFTLEVBQUUsU0FBUyxNQUFNLE1BQU0sU0FBUztBQUFBLEdBSi9CLHdCQUl3QyxXQUFBLFlBQUEsQ0FBQTtBQUdoQyxnQkFBQTtBQUFBLEVBQWxCLFNBQVM7QUFBQSxHQVBDLHdCQU9RLFdBQUEsUUFBQSxDQUFBO0FBSVosZ0JBQUE7QUFBQSxFQUROLFNBQVMsRUFBRSxXQUFXLG1CQUFtQixTQUFTLE1BQU07QUFBQSxHQVY5Qyx3QkFXSixXQUFBLGtCQUFBLENBQUE7QUFJQSxnQkFBQTtBQUFBLEVBRE4sU0FBUyxFQUFFLFNBQVMsTUFBTTtBQUFBLEdBZGhCLHdCQWVKLFdBQUEsZUFBQSxDQUFBO0FBZkksMEJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsb0JBQW9CO0FBQUEsR0FDdEIsdUJBQUE7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC9jaGVja2JveC1ncm91cC9jaGVja2JveC1ncm91cC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaW50ZXJhY3Rpdml0eUNoZWNrZXIsIGlzQXJyb3dLZXlQcmVzc2VkIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciwgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJIb3Jpem9udGFsRnJvbSwgU2JiT3JpZW50YXRpb24gfSBmcm9tICcuLi8uLi9jb3JlL2ludGVyZmFjZXMuanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQgfSBmcm9tICcuLi9jaGVja2JveC1wYW5lbC5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94RWxlbWVudCB9IGZyb20gJy4uL2NoZWNrYm94LmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQ2hlY2tib3hTaXplIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY2hlY2tib3gtZ3JvdXAuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1jaGVja2JveGAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1jaGVja2JveGAgZWxlbWVudHMgdG8gdGhlIGBzYmItY2hlY2tib3gtZ3JvdXBgLlxuICogQHNsb3QgZXJyb3IgLSBTbG90IHVzZWQgdG8gcmVuZGVyIGEgYHNiYi1mb3JtLWVycm9yYCBpbnNpZGUgdGhlIGBzYmItY2hlY2tib3gtZ3JvdXBgLlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLWNoZWNrYm94LWdyb3VwJylcbmV4cG9ydCBjbGFzcyBTYmJDaGVja2JveEdyb3VwRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogV2hldGhlciB0aGUgY2hlY2tib3ggZ3JvdXAgaXMgcmVxdWlyZWQuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSkgcHVibGljIHJlcXVpcmVkID0gZmFsc2U7XG5cbiAgLyoqIFNpemUgdmFyaWFudCwgZWl0aGVyIG0gb3Igcy4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIHNpemU6IFNiYkNoZWNrYm94U2l6ZSA9ICdtJztcblxuICAvKiogT3ZlcnJpZGVzIHRoZSBiZWhhdmlvdXIgb2YgYG9yaWVudGF0aW9uYCBwcm9wZXJ0eS4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaG9yaXpvbnRhbC1mcm9tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgaG9yaXpvbnRhbEZyb20/OiBTYmJIb3Jpem9udGFsRnJvbTtcblxuICAvKiogSW5kaWNhdGVzIHRoZSBvcmllbnRhdGlvbiBvZiB0aGUgY2hlY2tib3hlcyBpbnNpZGUgdGhlIGA8c2JiLWNoZWNrYm94LWdyb3VwPmAuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIG9yaWVudGF0aW9uOiBTYmJPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJztcblxuICAvKiogTGlzdCBvZiBjb250YWluZWQgY2hlY2tib3ggZWxlbWVudHMuICovXG4gIHB1YmxpYyBnZXQgY2hlY2tib3hlcygpOiAoU2JiQ2hlY2tib3hFbGVtZW50IHwgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQpW10ge1xuICAgIHJldHVybiA8KFNiYkNoZWNrYm94RWxlbWVudCB8IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50KVtdPihcbiAgICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi1jaGVja2JveCwgc2JiLWNoZWNrYm94LXBhbmVsJykgPz8gW10pLmZpbHRlcihcbiAgICAgICAgKGVsKSA9PiBlbC5jbG9zZXN0KCdzYmItY2hlY2tib3gtZ3JvdXAnKSA9PT0gdGhpcyxcbiAgICAgIClcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWJvcnQ6IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgKGUpID0+IHRoaXMuX2hhbmRsZUtleURvd24oZSksIHsgc2lnbmFsIH0pO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKFxuICAgICAgJ2RhdGEtaGFzLXBhbmVsJyxcbiAgICAgICEhdGhpcy5xdWVyeVNlbGVjdG9yPy4oJ3NiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLCBzYmItY2hlY2tib3gtcGFuZWwnKSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpKSB7XG4gICAgICB0aGlzLmNoZWNrYm94ZXMuZm9yRWFjaCgoYykgPT4gYy5yZXF1ZXN0VXBkYXRlPy4oJ2Rpc2FibGVkJykpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdyZXF1aXJlZCcpKSB7XG4gICAgICB0aGlzLmNoZWNrYm94ZXMuZm9yRWFjaCgoYykgPT4gYy5yZXF1ZXN0VXBkYXRlPy4oJ3JlcXVpcmVkJykpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hlcy5mb3JFYWNoKChjKSA9PiBjLnJlcXVlc3RVcGRhdGU/Lignc2l6ZScpKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGVuYWJsZWRDaGVja2JveGVzOiAoU2JiQ2hlY2tib3hFbGVtZW50IHwgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQpW10gPVxuICAgICAgdGhpcy5jaGVja2JveGVzLmZpbHRlcihcbiAgICAgICAgKGNoZWNrYm94OiBTYmJDaGVja2JveEVsZW1lbnQgfCBTYmJDaGVja2JveFBhbmVsRWxlbWVudCkgPT5cbiAgICAgICAgICAhY2hlY2tib3guZGlzYWJsZWQgJiYgaW50ZXJhY3Rpdml0eUNoZWNrZXIuaXNWaXNpYmxlKGNoZWNrYm94IGFzIEhUTUxFbGVtZW50KSxcbiAgICAgICk7XG5cbiAgICBpZiAoXG4gICAgICAhZW5hYmxlZENoZWNrYm94ZXMgfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmXG4gICAgICAgIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzICYmXG4gICAgICAgIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50IS5sb2NhbE5hbWUgIT09ICdzYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbCcpXG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGlzQXJyb3dLZXlQcmVzc2VkKGV2dCkpIHtcbiAgICAgIGNvbnN0IGN1cnJlbnQ6IG51bWJlciA9IGVuYWJsZWRDaGVja2JveGVzLmZpbmRJbmRleChcbiAgICAgICAgKGU6IFNiYkNoZWNrYm94RWxlbWVudCB8IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50KSA9PiBlID09PSBldnQudGFyZ2V0LFxuICAgICAgKTtcbiAgICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGN1cnJlbnQsIGVuYWJsZWRDaGVja2JveGVzLmxlbmd0aCk7XG4gICAgICBlbmFibGVkQ2hlY2tib3hlc1tuZXh0SW5kZXhdPy5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1jaGVja2JveC1ncm91cFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2hlY2tib3gtZ3JvdXBfX2Vycm9yXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJlcnJvclwiPjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jaGVja2JveC1ncm91cCc6IFNiYkNoZWNrYm94R3JvdXBFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXFCTyxJQUFNLDBCQUFOLGNBQXNDLGlCQUFpQixVQUFVLEVBQUU7QUFBQSxFQTRCakUsY0FBYztBQUNiO0FBekJvQyxTQUFPLFdBQVc7QUFHbEQsU0FBTyxPQUF3QjtBQVEzQyxTQUFPLGNBQThCO0FBVzdCLFNBQUEsU0FBc0MsSUFBSSw0QkFBNEIsSUFBSTtBQUloRixRQUFJLHVCQUF1QixJQUFJO0FBQUEsRUFDakM7QUFBQTtBQUFBLEVBYkEsSUFBVyxhQUErRDs7QUFFdEUsV0FBQSxNQUFNLE9BQUssVUFBSyxxQkFBTCw4QkFBd0Isd0NBQXVDLENBQUUsQ0FBQSxFQUFFO0FBQUEsTUFDNUUsQ0FBQyxPQUFPLEdBQUcsUUFBUSxvQkFBb0IsTUFBTTtBQUFBLElBQUE7QUFBQSxFQUduRDtBQUFBLEVBU2dCLG9CQUEwQjs7QUFDeEMsVUFBTSxrQkFBa0I7QUFDbEIsVUFBQSxTQUFTLEtBQUssT0FBTztBQUN0QixTQUFBLGlCQUFpQixXQUFXLENBQUMsTUFBTSxLQUFLLGVBQWUsQ0FBQyxHQUFHLEVBQUUsT0FBQSxDQUFRO0FBQ3JFLFNBQUE7QUFBQSxNQUNIO0FBQUEsTUFDQSxDQUFDLEdBQUMsVUFBSyxrQkFBTCw4QkFBcUI7QUFBQSxJQUFtRDtBQUFBLEVBRTlFO0FBQUEsRUFFbUIsV0FBVyxtQkFBK0M7QUFDM0UsVUFBTSxXQUFXLGlCQUFpQjtBQUU5QixRQUFBLGtCQUFrQixJQUFJLFVBQVUsR0FBRztBQUNyQyxXQUFLLFdBQVcsUUFBUSxDQUFDLE1BQU07O0FBQUEsdUJBQUUsa0JBQUYsMkJBQWtCO0FBQUEsT0FBVztBQUFBLElBQzlEO0FBQ0ksUUFBQSxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDckMsV0FBSyxXQUFXLFFBQVEsQ0FBQyxNQUFNOztBQUFBLHVCQUFFLGtCQUFGLDJCQUFrQjtBQUFBLE9BQVc7QUFBQSxJQUM5RDtBQUNJLFFBQUEsa0JBQWtCLElBQUksTUFBTSxHQUFHO0FBQ2pDLFdBQUssV0FBVyxRQUFRLENBQUMsTUFBTTs7QUFBQSx1QkFBRSxrQkFBRiwyQkFBa0I7QUFBQSxPQUFPO0FBQUEsSUFDMUQ7QUFBQSxFQUNGO0FBQUEsRUFFUSxlQUFlLEtBQTBCOztBQUN6QyxVQUFBLG9CQUNKLEtBQUssV0FBVztBQUFBLE1BQ2QsQ0FBQyxhQUNDLENBQUMsU0FBUyxZQUFZLHFCQUFxQixVQUFVLFFBQXVCO0FBQUEsSUFBQTtBQUdsRixRQUNFLENBQUM7QUFBQSxJQUVDLElBQUksV0FBMkIsUUFDOUIsSUFBSSxPQUF1QixrQkFBa0IsUUFDN0MsSUFBSSxPQUF1QixjQUFlLGNBQWMsaUNBQzNEO0FBQ0E7QUFBQSxJQUNGO0FBRUksUUFBQSxrQkFBa0IsR0FBRyxHQUFHO0FBQzFCLFlBQU0sVUFBa0Isa0JBQWtCO0FBQUEsUUFDeEMsQ0FBQyxNQUFvRCxNQUFNLElBQUk7QUFBQSxNQUFBO0FBRWpFLFlBQU0sWUFBb0Isb0JBQW9CLEtBQUssU0FBUyxrQkFBa0IsTUFBTTtBQUNsRSw4QkFBQSxTQUFTLE1BQVQsbUJBQVk7QUFBQSxJQUNoQztBQUFBLEVBQ0Y7QUFBQSxFQUVtQixTQUF5QjtBQUNuQyxXQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQVFUO0FBQ0Y7QUE3RmEsd0JBQ1ksU0FBeUI7QUFHRyxnQkFBQTtBQUFBLEVBQWxELFNBQVMsRUFBRSxTQUFTLE1BQU0sTUFBTSxTQUFTO0FBQUEsR0FKL0Isd0JBSXdDLFdBQUEsWUFBQSxDQUFBO0FBR2hDLGdCQUFBO0FBQUEsRUFBbEIsU0FBUztBQUFBLEdBUEMsd0JBT1EsV0FBQSxRQUFBLENBQUE7QUFJWixnQkFBQTtBQUFBLEVBRE4sU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsTUFBTTtBQUFBLEdBVjlDLHdCQVdKLFdBQUEsa0JBQUEsQ0FBQTtBQUlBLGdCQUFBO0FBQUEsRUFETixTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FkaEIsd0JBZUosV0FBQSxlQUFBLENBQUE7QUFmSSwwQkFBTixnQkFBQTtBQUFBLEVBRE4sY0FBYyxvQkFBb0I7QUFBQSxHQUN0Qix1QkFBQTsifQ==

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

@@ -0,0 +1,41 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { EventEmitter } from '../../core/eventing.js';
+import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces/types.js';
+
+export type SbbCheckboxPanelStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
+declare const SbbCheckboxPanelElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbPanelMixinType> & import('../../core/mixins.js').Constructor<import('../common.js').SbbCheckboxCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').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 {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @event {Event} change - Event fired on change.
+ * @event {InputEvent} input - Event fired on input.
+ */
+export declare class SbbCheckboxPanelElement extends SbbCheckboxPanelElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+        readonly stateChange: "stateChange";
+        readonly panelConnected: "panelConnected";
+    };
+    /**
+     * @internal
+     * Internal event that emits whenever the state of the checkbox
+     * in relation to the parent selection panel changes.
+     */
+    protected stateChange: EventEmitter<SbbCheckboxPanelStateChange>;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-checkbox-panel': SbbCheckboxPanelElement;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AAIxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBACa,uBAAwB,SAAQ,4BAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;;MAIlB;IAEX;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;;cAOuB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;cAkBxE,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

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

@@ -0,0 +1,2 @@
+export * from './checkbox-panel/checkbox-panel.js';
+//# 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,cAAc,oCAAoC,CAAC"}

package/development/checkbox/checkbox-panel.js

@@ -0,0 +1,86 @@
+import { LitElement, html, nothing } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbSlotStateController } from "../core/controllers.js";
+import { EventEmitter } from "../core/eventing.js";
+import { SbbPanelMixin, SbbUpdateSchedulerMixin, panelCommonStyle } from "../core/mixins.js";
+import { SbbCheckboxCommonElementMixin, checkboxCommonStyle } from "./common.js";
+import "../screen-reader-only.js";
+import "../visual-checkbox.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbCheckboxPanelElement = class extends SbbPanelMixin(
+  SbbCheckboxCommonElementMixin(SbbUpdateSchedulerMixin(LitElement))
+) {
+  constructor() {
+    super();
+    this.stateChange = new EventEmitter(
+      this,
+      SbbCheckboxPanelElement.events.stateChange,
+      { bubbles: true }
+    );
+    new SbbSlotStateController(this);
+  }
+  async willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("checked")) {
+      this.toggleAttribute("data-checked", this.checked);
+      if (this.checked !== changedProperties.get("checked")) {
+        this.stateChange.emit({ type: "checked", checked: this.checked });
+      }
+    }
+    if (changedProperties.has("disabled")) {
+      if (this.disabled !== changedProperties.get("disabled")) {
+        this.stateChange.emit({ type: "disabled", disabled: this.disabled });
+      }
+    }
+  }
+  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}
+                ></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>
+    `;
+  }
+};
+SbbCheckboxPanelElement.styles = [checkboxCommonStyle, panelCommonStyle];
+SbbCheckboxPanelElement.events = {
+  didChange: "didChange",
+  stateChange: "stateChange",
+  panelConnected: "panelConnected"
+};
+SbbCheckboxPanelElement = __decorateClass([
+  customElement("sbb-checkbox-panel")
+], SbbCheckboxPanelElement);
+export {
+  SbbCheckboxPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGVja2JveC9jaGVja2JveC1wYW5lbC9jaGVja2JveC1wYW5lbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiU2xvdFN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQgdHlwZSB7XG4gIFNiYkNoZWNrZWRTdGF0ZUNoYW5nZSxcbiAgU2JiRGlzYWJsZWRTdGF0ZUNoYW5nZSxcbiAgU2JiU3RhdGVDaGFuZ2UsXG59IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcy90eXBlcy5qcyc7XG5pbXBvcnQgeyBwYW5lbENvbW1vblN0eWxlLCBTYmJQYW5lbE1peGluLCBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IGNoZWNrYm94Q29tbW9uU3R5bGUsIFNiYkNoZWNrYm94Q29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0ICcuLi8uLi9zY3JlZW4tcmVhZGVyLW9ubHkuanMnO1xuaW1wb3J0ICcuLi8uLi92aXN1YWwtY2hlY2tib3guanMnO1xuXG5leHBvcnQgdHlwZSBTYmJDaGVja2JveFBhbmVsU3RhdGVDaGFuZ2UgPSBFeHRyYWN0PFxuICBTYmJTdGF0ZUNoYW5nZSxcbiAgU2JiRGlzYWJsZWRTdGF0ZUNoYW5nZSB8IFNiYkNoZWNrZWRTdGF0ZUNoYW5nZVxuPjtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGNoZWNrYm94IGVuaGFuY2VkIHdpdGggc2VsZWN0aW9uIHBhbmVsIGRlc2lnbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWNoZWNrYm94YC5cbiAqIEBzbG90IHN1YnRleHQgLSBTbG90IHVzZWQgdG8gcmVuZGVyIGEgc3VidGV4dCB1bmRlciB0aGUgbGFiZWwgKG9ubHkgdmlzaWJsZSB3aXRoaW4gYSBzZWxlY3Rpb24gcGFuZWwpLlxuICogQHNsb3Qgc3VmZml4IC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhZGRpdGlvbmFsIGNvbnRlbnQgYWZ0ZXIgdGhlIGxhYmVsIChvbmx5IHZpc2libGUgd2l0aGluIGEgc2VsZWN0aW9uIHBhbmVsKS5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGEgYHNiYi1jYXJkLWJhZGdlYCAob3B0aW9uYWwpLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkQ2hhbmdlIC0gRGVwcmVjYXRlZC4gdXNlZCBmb3IgUmVhY3QuIFdpbGwgcHJvYmFibHkgYmUgcmVtb3ZlZCBvbmNlIFJlYWN0IDE5IGlzIGF2YWlsYWJsZS5cbiAqIEBldmVudCB7RXZlbnR9IGNoYW5nZSAtIEV2ZW50IGZpcmVkIG9uIGNoYW5nZS5cbiAqIEBldmVudCB7SW5wdXRFdmVudH0gaW5wdXQgLSBFdmVudCBmaXJlZCBvbiBpbnB1dC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGVja2JveC1wYW5lbCcpXG5leHBvcnQgY2xhc3MgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQgZXh0ZW5kcyBTYmJQYW5lbE1peGluKFxuICBTYmJDaGVja2JveENvbW1vbkVsZW1lbnRNaXhpbihTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbihMaXRFbGVtZW50KSksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2NoZWNrYm94Q29tbW9uU3R5bGUsIHBhbmVsQ29tbW9uU3R5bGVdO1xuXG4gIC8vIEZJWE1FIHVzaW5nIC4uLnN1cGVyLmV2ZW50cyByZXF1aXJlczogaHR0cHM6Ly9naXRodWIuY29tL3NiYi1kZXNpZ24tc3lzdGVtcy9seW5lLWNvbXBvbmVudHMvaXNzdWVzLzI2MDBcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZGlkQ2hhbmdlOiAnZGlkQ2hhbmdlJyxcbiAgICBzdGF0ZUNoYW5nZTogJ3N0YXRlQ2hhbmdlJyxcbiAgICBwYW5lbENvbm5lY3RlZDogJ3BhbmVsQ29ubmVjdGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqIEludGVybmFsIGV2ZW50IHRoYXQgZW1pdHMgd2hlbmV2ZXIgdGhlIHN0YXRlIG9mIHRoZSBjaGVja2JveFxuICAgKiBpbiByZWxhdGlvbiB0byB0aGUgcGFyZW50IHNlbGVjdGlvbiBwYW5lbCBjaGFuZ2VzLlxuICAgKi9cbiAgcHJvdGVjdGVkIHN0YXRlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8U2JiQ2hlY2tib3hQYW5lbFN0YXRlQ2hhbmdlPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJDaGVja2JveFBhbmVsRWxlbWVudC5ldmVudHMuc3RhdGVDaGFuZ2UsXG4gICAgeyBidWJibGVzOiB0cnVlIH0sXG4gICk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgbmV3IFNiYlNsb3RTdGF0ZUNvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSkge1xuICAgICAgLy8gQXMgU2JiRm9ybUFzc29jaWF0ZWRDaGVja2JveE1peGluIGRvZXMgbm90IHJlZmxlY3QgY2hlY2tlZCBwcm9wZXJ0eSwgd2UgYWRkIGEgZGF0YS1jaGVja2VkLlxuICAgICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtY2hlY2tlZCcsIHRoaXMuY2hlY2tlZCk7XG5cbiAgICAgIGlmICh0aGlzLmNoZWNrZWQgIT09IGNoYW5nZWRQcm9wZXJ0aWVzLmdldCgnY2hlY2tlZCcpISkge1xuICAgICAgICB0aGlzLnN0YXRlQ2hhbmdlLmVtaXQoeyB0eXBlOiAnY2hlY2tlZCcsIGNoZWNrZWQ6IHRoaXMuY2hlY2tlZCB9KTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgaWYgKHRoaXMuZGlzYWJsZWQgIT09IGNoYW5nZWRQcm9wZXJ0aWVzLmdldCgnZGlzYWJsZWQnKSEpIHtcbiAgICAgICAgdGhpcy5zdGF0ZUNoYW5nZS5lbWl0KHsgdHlwZTogJ2Rpc2FibGVkJywgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQgfSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tcGFuZWxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tcGFuZWxfX2JhZGdlXCI+XG4gICAgICAgICAgPHNsb3QgbmFtZT1cImJhZGdlXCI+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3gtd3JhcHBlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9faW5uZXJcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hfX2FsaWduZXJcIj5cbiAgICAgICAgICAgICAgICA8c2JiLXZpc3VhbC1jaGVja2JveFxuICAgICAgICAgICAgICAgICAgP2NoZWNrZWQ9JHt0aGlzLmNoZWNrZWR9XG4gICAgICAgICAgICAgICAgICA/aW5kZXRlcm1pbmF0ZT0ke3RoaXMuaW5kZXRlcm1pbmF0ZX1cbiAgICAgICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgPjwvc2JiLXZpc3VhbC1jaGVja2JveD5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9fbGFiZWxcIj5cbiAgICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cInN1ZmZpeFwiPjwvc2xvdD5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cInN1YnRleHRcIj48L3Nsb3Q+XG4gICAgICAgICAgICAke3RoaXMuZXhwYW5zaW9uU3RhdGVcbiAgICAgICAgICAgICAgPyBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5leHBhbnNpb25TdGF0ZX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNoZWNrYm94LXBhbmVsJzogU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3Q08sSUFBTSwwQkFBTixjQUFzQztBQUFBLEVBQzNDLDhCQUE4Qix3QkFBd0IsVUFBVSxDQUFDO0FBQ25FLEVBQUU7QUFBQSxFQXFCTyxjQUFjO0FBQ2I7QUFQUixTQUFVLGNBQXlELElBQUk7QUFBQSxNQUNyRTtBQUFBLE1BQ0Esd0JBQXdCLE9BQU87QUFBQSxNQUMvQixFQUFFLFNBQVMsS0FBSztBQUFBLElBQUE7QUFLaEIsUUFBSSx1QkFBdUIsSUFBSTtBQUFBLEVBQ2pDO0FBQUEsRUFFQSxNQUF5QixXQUFXLG1CQUF3RDtBQUMxRixVQUFNLFdBQVcsaUJBQWlCO0FBRTlCLFFBQUEsa0JBQWtCLElBQUksU0FBUyxHQUFHO0FBRS9CLFdBQUEsZ0JBQWdCLGdCQUFnQixLQUFLLE9BQU87QUFFakQsVUFBSSxLQUFLLFlBQVksa0JBQWtCLElBQUksU0FBUyxHQUFJO0FBQ2pELGFBQUEsWUFBWSxLQUFLLEVBQUUsTUFBTSxXQUFXLFNBQVMsS0FBSyxTQUFTO0FBQUEsTUFDbEU7QUFBQSxJQUNGO0FBQ0ksUUFBQSxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDckMsVUFBSSxLQUFLLGFBQWEsa0JBQWtCLElBQUksVUFBVSxHQUFJO0FBQ25ELGFBQUEsWUFBWSxLQUFLLEVBQUUsTUFBTSxZQUFZLFVBQVUsS0FBSyxVQUFVO0FBQUEsTUFDckU7QUFBQSxJQUNGO0FBQUEsRUFDRjtBQUFBLEVBRW1CLFNBQXlCO0FBQ25DLFdBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSw2QkFVa0IsS0FBSyxPQUFPO0FBQUEsbUNBQ04sS0FBSyxhQUFhO0FBQUEsOEJBQ3ZCLEtBQUssWUFBWSxLQUFLLFlBQVk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsY0FTbEQsS0FBSyxpQkFDSCwrQkFBK0IsS0FBSyxjQUFjLDhCQUNsRCxPQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQUtyQjtBQUNGO0FBNUVhLHdCQUdZLFNBQXlCLENBQUMscUJBQXFCLGdCQUFnQjtBQUgzRSx3QkFNWSxTQUFTO0FBQUEsRUFDOUIsV0FBVztBQUFBLEVBQ1gsYUFBYTtBQUFBLEVBQ2IsZ0JBQWdCO0FBQ2xCO0FBVlcsMEJBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsb0JBQW9CO0FBQUEsR0FDdEIsdUJBQUE7In0=