@sbb-esta/lyne-elements 4.7.0 → 4.8.0

package/development/select.d.ts

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

package/development/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/elements/select.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/elements/select.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC"}

package/development/select.js

@@ -1,5 +1,9 @@
-import { SbbSelectElement } from "./select/select.component.js";
-export {
-  SbbSelectElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==
+import { t as SbbSelectElement } from "./select.component-DJV8Tjcw.js";
+import "./select.pure.js";
+//#region src/elements/select.ts
+/** @entrypoint */
+SbbSelectElement.define();
+//#endregion
+export { SbbSelectElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zZWxlY3QudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJTZWxlY3RFbGVtZW50IH0gZnJvbSAnLi9zZWxlY3QucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vc2VsZWN0LnB1cmUudHMnO1xuXG5TYmJTZWxlY3RFbGVtZW50LmRlZmluZSgpO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBS0EsaUJBQWlCLFFBQVEifQ==

package/development/select.pure.d.ts

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

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

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

package/development/select.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbSelectElement } from "./select.component-DJV8Tjcw.js";
+export { SbbSelectElement };

package/development/selection-action-panel/selection-action-panel.component.d.ts

@@ -1,5 +1,6 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbSelectionActionPanelElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbSelectionPanelMixinType & import('../core/mixins.ts').SbbElementInternalsMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbElement } from '../core/base-elements.ts';
+declare const SbbSelectionActionPanelElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbSelectionPanelMixinType & import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof SbbElement;
 /**
  * It displays a panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
  * It can also contain an action element (e.g. an `sbb-button`)
@@ -8,6 +9,7 @@ declare const SbbSelectionActionPanelElement_base: import('../core/mixins.ts').A
  * @slot badge - Use this slot to render a `sbb-card-badge` component.
  */
 export declare class SbbSelectionActionPanelElement extends SbbSelectionActionPanelElement_base {
+    static readonly elementName: string;
     static styles: CSSResultGroup;
     connectedCallback(): void;
     private _handleSlotchange;

package/development/selection-action-panel/selection-action-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-action-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/selection-action-panel/selection-action-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAWjF;;;;;;GAMG;AACH,qBAEM,8BAA+B,SAAQ,mCAAqD;IAChG,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;IASzC,OAAO,CAAC,iBAAiB;cAmBN,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
+{"version":3,"file":"selection-action-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/selection-action-panel/selection-action-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAOtD;;;;;;GAMG;AACH,qBAAa,8BAA+B,SAAQ,mCAAkC;IACpF,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzD,iBAAiB,IAAI,IAAI;IASzC,OAAO,CAAC,iBAAiB;cAmBN,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/development/selection-action-panel/selection-action-panel.component.js

@@ -1,137 +1,2 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { SbbSelectionPanelMixin, SbbHydrationMixin } from "../core/mixins.js";
-import { boxSizingStyles } from "../core/styles.js";
-const style = css`:host {
-  --sbb-selection-panel-inner-background: transparent;
-  --sbb-selection-panel-inner-border-width: 0px;
-  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
-  --sbb-focus-outline-color: light-dark(
-    var(--sbb-focus-outline-color-default),
-    var(--sbb-focus-outline-color-dark)
-  );
-  display: block;
-  position: relative;
-  flex: 1 1 auto;
-  width: 100%;
-}
-
-:host(:where(:is(:state(color-milk),[state--color-milk]))) {
-  --sbb-selection-action-panel-background: var(--sbb-selection-panel-background-milk);
-}
-
-:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {
-  --sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-checked);
-  --sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-checked);
-}
-
-:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))) {
-  --sbb-selection-action-panel-border-color: transparent;
-}
-
-:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))) {
-  --sbb-selection-action-panel-background: transparent;
-  --sbb-selection-action-panel-border-color: transparent;
-}
-
-@media (forced-colors: active) {
-  :host(:not(:is(:state(with-expansion-panel),[state--with-expansion-panel])))::after {
-    content: "";
-    display: block;
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    border: var(--sbb-selection-panel-border-width-default) solid var(--sbb-selection-panel-border-color-default);
-    border-radius: var(--sbb-selection-panel-border-radius);
-  }
-}
-
-::slotted(:is(sbb-checkbox-panel, sbb-radio-button-panel)) {
-  flex: auto;
-}
-
-:host(:is(:state(size-xs),[state--size-xs])) {
-  --sbb-selection-action-panel-action-margin-inline: var(
-    --sbb-selection-action-panel-action-margin-inline-xs
-  );
-}
-
-:host(:is(:state(size-s),[state--size-s])) {
-  --sbb-selection-action-panel-action-margin-inline: var(
-    --sbb-selection-action-panel-action-margin-inline-s
-  );
-}
-
-:host(:is(:state(size-m),[state--size-m])) {
-  --sbb-selection-action-panel-action-margin-inline: var(
-    --sbb-selection-action-panel-action-margin-inline-m
-  );
-}
-
-::slotted(:is(:is(:state(action),[state--action]), .sbb-action)) {
-  align-self: center;
-  margin-inline: var(--sbb-selection-action-panel-action-margin-inline);
-}
-
-.sbb-selection-action-panel {
-  display: flex;
-  background-color: var(--sbb-selection-action-panel-background);
-  border-radius: var(--sbb-selection-panel-border-radius);
-  box-shadow: inset 0 0 0 var(--sbb-selection-action-panel-border-width) var(--sbb-selection-action-panel-border-color);
-}
-
-.sbb-selection-action-panel__badge {
-  user-select: none;
-  pointer-events: none;
-  position: absolute;
-  inset: 0;
-  border-radius: var(--sbb-selection-panel-border-radius);
-  overflow: hidden;
-}`;
-let SbbSelectionActionPanelElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-selection-action-panel")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbSelectionPanelMixin(SbbHydrationMixin(LitElement));
-  _a = class extends _classSuper {
-    connectedCallback() {
-      super.connectedCallback();
-      this.toggleState("with-expansion-panel", this.parentElement?.localName === "sbb-selection-expansion-panel");
-    }
-    _handleSlotchange() {
-      const badgeElements = this.shadowRoot.querySelector('slot[name="badge"]')?.assignedElements() ?? [];
-      const panelElements = this.shadowRoot.querySelector("slot:not([name])")?.assignedElements({
-        flatten: true
-      }) ?? [];
-      if (badgeElements.length > 0) {
-        const panel = panelElements.find((panel2) => panel2.localName === "sbb-radio-button-panel" || panel2.localName === "sbb-checkbox-panel");
-        if (panel && !panel.ariaDescription) {
-          panel.ariaDescribedByElements = badgeElements;
-        }
-      }
-    }
-    render() {
-      return html`
-      <div class="sbb-selection-action-panel__badge">
-        <slot name="badge" @slotchange=${this._handleSlotchange}></slot>
-      </div>
-      <div class="sbb-selection-action-panel">
-        <slot @slotchange=${this._handleSlotchange}></slot>
-      </div>
-    `;
-    }
-  }, _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
-export {
-  SbbSelectionActionPanelElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zZWxlY3Rpb24tYWN0aW9uLXBhbmVsL3NlbGVjdGlvbi1hY3Rpb24tcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJDYXJkQmFkZ2VFbGVtZW50IH0gZnJvbSAnLi4vY2FyZC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94UGFuZWxFbGVtZW50IH0gZnJvbSAnLi4vY2hlY2tib3gvY2hlY2tib3gtcGFuZWwudHMnO1xuaW1wb3J0IHsgU2JiSHlkcmF0aW9uTWl4aW4sIFNiYlNlbGVjdGlvblBhbmVsTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlJhZGlvQnV0dG9uUGFuZWxFbGVtZW50IH0gZnJvbSAnLi4vcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi1wYW5lbC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NlbGVjdGlvbi1hY3Rpb24tcGFuZWwuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHBhbmVsIGNvbm5lY3RlZCB0byBhIGBzYmItY2hlY2tib3hgIG9yIHRvIGEgYHNiYi1yYWRpby1idXR0b25gLlxuICogSXQgY2FuIGFsc28gY29udGFpbiBhbiBhY3Rpb24gZWxlbWVudCAoZS5nLiBhbiBgc2JiLWJ1dHRvbmApXG4gKlxuICogQHNsb3QgLSBVc2UgdGhpcyBzbG90IHRvIHJlbmRlciBhIGBzYmItY2hlY2tib3gtcGFuZWxgIG9yIGBzYmItcmFkaW8tYnV0dG9uLXBhbmVsYCBlbGVtZW50IGFuZCB0aGUgYWN0aW9uIGVsZW1lbnQuXG4gKiBAc2xvdCBiYWRnZSAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJhZGdlYCBjb21wb25lbnQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsJylcbmNsYXNzIFNiYlNlbGVjdGlvbkFjdGlvblBhbmVsRWxlbWVudCBleHRlbmRzIFNiYlNlbGVjdGlvblBhbmVsTWl4aW4oU2JiSHlkcmF0aW9uTWl4aW4oTGl0RWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgdGhpcy50b2dnbGVTdGF0ZShcbiAgICAgICd3aXRoLWV4cGFuc2lvbi1wYW5lbCcsXG4gICAgICB0aGlzLnBhcmVudEVsZW1lbnQ/LmxvY2FsTmFtZSA9PT0gJ3NiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsJyxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlU2xvdGNoYW5nZSgpOiB2b2lkIHtcbiAgICBjb25zdCBiYWRnZUVsZW1lbnRzID0gKHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MU2xvdEVsZW1lbnQ+KFxuICAgICAgJ3Nsb3RbbmFtZT1cImJhZGdlXCJdJyxcbiAgICApPy5hc3NpZ25lZEVsZW1lbnRzKCkgPz8gW10pIGFzIFNiYkNhcmRCYWRnZUVsZW1lbnRbXTtcbiAgICBjb25zdCBwYW5lbEVsZW1lbnRzID1cbiAgICAgIHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MU2xvdEVsZW1lbnQ+KCdzbG90Om5vdChbbmFtZV0pJyk/LmFzc2lnbmVkRWxlbWVudHMoe1xuICAgICAgICBmbGF0dGVuOiB0cnVlLFxuICAgICAgfSkgPz8gW107XG4gICAgaWYgKGJhZGdlRWxlbWVudHMubGVuZ3RoID4gMCkge1xuICAgICAgY29uc3QgcGFuZWwgPSBwYW5lbEVsZW1lbnRzLmZpbmQoXG4gICAgICAgIChwYW5lbCkgPT5cbiAgICAgICAgICBwYW5lbC5sb2NhbE5hbWUgPT09ICdzYmItcmFkaW8tYnV0dG9uLXBhbmVsJyB8fCBwYW5lbC5sb2NhbE5hbWUgPT09ICdzYmItY2hlY2tib3gtcGFuZWwnLFxuICAgICAgKSBhcyBTYmJDaGVja2JveFBhbmVsRWxlbWVudCB8IFNiYlJhZGlvQnV0dG9uUGFuZWxFbGVtZW50O1xuICAgICAgaWYgKHBhbmVsICYmICFwYW5lbC5hcmlhRGVzY3JpcHRpb24pIHtcbiAgICAgICAgcGFuZWwuYXJpYURlc2NyaWJlZEJ5RWxlbWVudHMgPSBiYWRnZUVsZW1lbnRzO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsX19iYWRnZVwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsXCI+XG4gICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwnOiBTYmJTZWxlY3Rpb25BY3Rpb25QYW5lbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJwYW5lbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW9CTSxrQ0FBOEIsTUFBQTs7MEJBRG5DLGNBQWMsNEJBQTRCLENBQUM7Ozs7QUFDQyxNQUFBLGNBQUEsdUJBQXVCLGtCQUFrQixVQUFVLENBQUM7QUFBNUQsRUFBQSxtQkFBUSxZQUFxRDtBQUFBLElBR2hGLG9CQUFpQjtBQUMvQixZQUFNLGtCQUFBO0FBRU4sV0FBSyxZQUNILHdCQUNBLEtBQUssZUFBZSxjQUFjLCtCQUErQjtBQUFBLElBRXJFO0FBQUEsSUFFUSxvQkFBaUI7QUFDdkIsWUFBTSxnQkFBaUIsS0FBSyxXQUFZLGNBQ3RDLG9CQUFvQixHQUNuQixpQkFBQSxLQUFzQixDQUFBO0FBQ3pCLFlBQU0sZ0JBQ0osS0FBSyxXQUFZLGNBQStCLGtCQUFrQixHQUFHLGlCQUFpQjtBQUFBLFFBQ3BGLFNBQVM7QUFBQSxNQUFBLENBQ1YsS0FBSyxDQUFBO0FBQ1IsVUFBSSxjQUFjLFNBQVMsR0FBRztBQUM1QixjQUFNLFFBQVEsY0FBYyxLQUMxQixDQUFDQSxXQUNDQSxPQUFNLGNBQWMsNEJBQTRCQSxPQUFNLGNBQWMsb0JBQW9CO0FBRTVGLFlBQUksU0FBUyxDQUFDLE1BQU0saUJBQWlCO0FBQ25DLGdCQUFNLDBCQUEwQjtBQUFBLFFBQ2xDO0FBQUEsTUFDRjtBQUFBLElBQ0Y7QUFBQSxJQUVtQixTQUFNO0FBQ3ZCLGFBQU87QUFBQTtBQUFBLHlDQUU4QixLQUFLLGlCQUFpQjtBQUFBO0FBQUE7QUFBQSw0QkFHbkMsS0FBSyxpQkFBaUI7QUFBQTtBQUFBO0FBQUEsSUFHaEQ7QUFBQTs7QUF4Q0YsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FEbkUsa0JBQUEsWUFBQSx1QkFBQSxHQUErQjs7OyJ9
+import { t as SbbSelectionActionPanelElement } from "../selection-action-panel.component-B3pNvpeD.js";
+export { SbbSelectionActionPanelElement };

package/development/selection-action-panel.component-B3pNvpeD.js

@@ -0,0 +1,134 @@
+import { css, html } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { SbbSelectionPanelMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/selection-action-panel/selection-action-panel.scss?lit&inline
+var selection_action_panel_default = css`:host {
+  --sbb-selection-panel-inner-background: transparent;
+  --sbb-selection-panel-inner-border-width: 0px;
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
+  --sbb-focus-outline-color: light-dark(
+    var(--sbb-focus-outline-color-default),
+    var(--sbb-focus-outline-color-dark)
+  );
+  display: block;
+  position: relative;
+  flex: auto;
+  width: var(--sbb-selection-group-elements-width, 100%);
+}
+
+:host(:where(:is(:state(color-milk),[state--color-milk]))) {
+  --sbb-selection-action-panel-background: var(--sbb-selection-panel-background-milk);
+}
+
+:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {
+  --sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-checked);
+  --sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-checked);
+}
+
+:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))) {
+  --sbb-selection-action-panel-border-color: transparent;
+}
+
+:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))) {
+  --sbb-selection-action-panel-background: transparent;
+  --sbb-selection-action-panel-border-color: transparent;
+}
+
+@media (forced-colors: active) {
+  :host(:not(:is(:state(with-expansion-panel),[state--with-expansion-panel])))::after {
+    content: "";
+    display: block;
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    border: var(--sbb-selection-panel-border-width-default) solid var(--sbb-selection-panel-border-color-default);
+    border-radius: var(--sbb-selection-panel-border-radius);
+  }
+}
+
+::slotted(:is(sbb-checkbox-panel, sbb-radio-button-panel)) {
+  flex: auto;
+}
+
+:host(:is(:state(size-xs),[state--size-xs])) {
+  --sbb-selection-action-panel-action-margin-inline: var(
+    --sbb-selection-action-panel-action-margin-inline-xs
+  );
+}
+
+:host(:is(:state(size-s),[state--size-s])) {
+  --sbb-selection-action-panel-action-margin-inline: var(
+    --sbb-selection-action-panel-action-margin-inline-s
+  );
+}
+
+:host(:is(:state(size-m),[state--size-m])) {
+  --sbb-selection-action-panel-action-margin-inline: var(
+    --sbb-selection-action-panel-action-margin-inline-m
+  );
+}
+
+::slotted(:is(:is(:state(action),[state--action]), .sbb-action)) {
+  align-self: center;
+  margin-inline: var(--sbb-selection-action-panel-action-margin-inline);
+}
+
+.sbb-selection-action-panel {
+  display: flex;
+  background-color: var(--sbb-selection-action-panel-background);
+  border-radius: var(--sbb-selection-panel-border-radius);
+  box-shadow: inset 0 0 0 var(--sbb-selection-action-panel-border-width) var(--sbb-selection-action-panel-border-color);
+}
+
+.sbb-selection-action-panel__badge {
+  user-select: none;
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  border-radius: var(--sbb-selection-panel-border-radius);
+  overflow: hidden;
+}`;
+//#endregion
+//#region src/elements/selection-action-panel/selection-action-panel.component.ts
+/**
+* It displays a panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
+* It can also contain an action element (e.g. an `sbb-button`)
+*
+* @slot - Use this slot to render a `sbb-checkbox-panel` or `sbb-radio-button-panel` element and the action element.
+* @slot badge - Use this slot to render a `sbb-card-badge` component.
+*/
+var SbbSelectionActionPanelElement = class extends SbbSelectionPanelMixin(SbbElement) {
+	static {
+		this.elementName = "sbb-selection-action-panel";
+	}
+	static {
+		this.styles = [boxSizingStyles, selection_action_panel_default];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.toggleState("with-expansion-panel", this.parentElement?.localName === "sbb-selection-expansion-panel");
+	}
+	_handleSlotchange() {
+		const badgeElements = this.shadowRoot.querySelector("slot[name=\"badge\"]")?.assignedElements() ?? [];
+		const panelElements = this.shadowRoot.querySelector("slot:not([name])")?.assignedElements({ flatten: true }) ?? [];
+		if (badgeElements.length > 0) {
+			const panel = panelElements.find((panel) => panel.localName === "sbb-radio-button-panel" || panel.localName === "sbb-checkbox-panel");
+			if (panel && !panel.ariaDescription) panel.ariaDescribedByElements = badgeElements;
+		}
+	}
+	render() {
+		return html`
+      <div class="sbb-selection-action-panel__badge">
+        <slot name="badge" @slotchange=${this._handleSlotchange}></slot>
+      </div>
+      <div class="sbb-selection-action-panel">
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </div>
+    `;
+	}
+};
+//#endregion
+export { SbbSelectionActionPanelElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5jb21wb25lbnQtQjNwTnZwZUQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NlbGVjdGlvbi1hY3Rpb24tcGFuZWwvc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC9zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC8vIFZhcmlhYmxlIHVzZWQgdG8gb3ZlcnJpZGUgYmFja2dyb3VuZCBjb2xvciBvZiBzZWxlY3Rpb24gcGFuZWxzLlxuICAtLXNiYi1zZWxlY3Rpb24tcGFuZWwtaW5uZXItYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgLy8gVmFyaWFibGUgdXNlZCB0byBvdmVycmlkZSBib3JkZXIgd2lkdGggb2Ygc2VsZWN0aW9uIHBhbmVscy5cbiAgLS1zYmItc2VsZWN0aW9uLXBhbmVsLWlubmVyLWJvcmRlci13aWR0aDogMHB4O1xuXG4gIC8vIEFzIHRoZSBzZWxlY3Rpb24gcGFuZWwgaGFzIGFsd2F5cyBhIHdoaXRlL21pbGsgYmFja2dyb3VuZCwgd2UgaGF2ZSB0byBmaXggdGhlIGZvY3VzIG91dGxpbmUgY29sb3JcbiAgLy8gdG8gZGVmYXVsdCBjb2xvciBmb3IgY2FzZXMgd2hlcmUgdGhlIHNlbGVjdGlvbiBwYW5lbCBpcyB1c2VkIGluIGEgbmVnYXRpdmUgY29udGV4dC5cbiAgLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvcjogbGlnaHQtZGFyayhcbiAgICB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kZWZhdWx0KSxcbiAgICB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kYXJrKVxuICApO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGZsZXg6IGF1dG87XG4gIHdpZHRoOiB2YXIoLS1zYmItc2VsZWN0aW9uLWdyb3VwLWVsZW1lbnRzLXdpZHRoLCAxMDAlKTtcbn1cblxuOmhvc3QoOndoZXJlKDpzdGF0ZShjb2xvci1taWxrKSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1iYWNrZ3JvdW5kOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJhY2tncm91bmQtbWlsayk7XG59XG5cbi8vIDp3aGVyZSBpcyB0byBhbGlnbiBzcGVjaWZpY2l0eVxuOmhvc3QoOndoZXJlKDpzdGF0ZShjaGVja2VkKSk6bm90KDp3aGVyZSg6c3RhdGUoZGlzYWJsZWQpKSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1ib3JkZXItY29sb3I6IHZhcigtLXNiYi1zZWxlY3Rpb24tcGFuZWwtYm9yZGVyLWNvbG9yLWNoZWNrZWQpO1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJvcmRlci13aWR0aDogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItd2lkdGgtY2hlY2tlZCk7XG59XG5cbi8vIDp3aGVyZSBpcyB0byBhbGlnbiBzcGVjaWZpY2l0eVxuOmhvc3QoOnN0YXRlKGJvcmRlcmxlc3MpOm5vdCg6d2hlcmUoOnN0YXRlKGNoZWNrZWQpKSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1ib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG46aG9zdCg6d2hlcmUoOnN0YXRlKHdpdGgtZXhwYW5zaW9uLXBhbmVsKSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1ib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG46aG9zdCg6bm90KDpzdGF0ZSh3aXRoLWV4cGFuc2lvbi1wYW5lbCkpKSB7XG4gIC8vIEZvciBoaWdoIGNvbnRyYXN0IG1vZGUgd2UgbmVlZCBhIHJlYWwgYm9yZGVyLCBidXQgb25seSB3aXRob3V0IGFuIG91dGVyIGV4cGFuc2lvbi1wYW5lbFxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGluc2V0OiAwO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICBib3JkZXI6IHZhcigtLXNiYi1zZWxlY3Rpb24tcGFuZWwtYm9yZGVyLXdpZHRoLWRlZmF1bHQpIHNvbGlkXG4gICAgICAgIHZhcigtLXNiYi1zZWxlY3Rpb24tcGFuZWwtYm9yZGVyLWNvbG9yLWRlZmF1bHQpO1xuICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItcmFkaXVzKTtcbiAgICB9XG4gIH1cbn1cblxuOjpzbG90dGVkKDppcyhzYmItY2hlY2tib3gtcGFuZWwsIHNiYi1yYWRpby1idXR0b24tcGFuZWwpKSB7XG4gIGZsZXg6IGF1dG87XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXhzKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWFjdGlvbi1tYXJnaW4taW5saW5lOiB2YXIoXG4gICAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1hY3Rpb24tbWFyZ2luLWlubGluZS14c1xuICApO1xufVxuXG46aG9zdCg6c3RhdGUoc2l6ZS1zKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWFjdGlvbi1tYXJnaW4taW5saW5lOiB2YXIoXG4gICAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1hY3Rpb24tbWFyZ2luLWlubGluZS1zXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLW0pKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYWN0aW9uLW1hcmdpbi1pbmxpbmU6IHZhcihcbiAgICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWFjdGlvbi1tYXJnaW4taW5saW5lLW1cbiAgKTtcbn1cblxuOjpzbG90dGVkKDppcyg6c3RhdGUoYWN0aW9uKSwgLnNiYi1hY3Rpb24pKSB7XG4gIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgbWFyZ2luLWlubGluZTogdmFyKC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYWN0aW9uLW1hcmdpbi1pbmxpbmUpO1xufVxuXG4uc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1iYWNrZ3JvdW5kKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItcmFkaXVzKTtcblxuICAvLyBXZSB1c2UgdGhlIGJveC1zaGFkb3cgaW5zdGVhZCBvZiB0aGUgYm9yZGVyIHRvIGF2b2lkIHRoZSBzaXplLWNoYW5nZSBmbGlja2VyaW5nLlxuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1ib3JkZXItd2lkdGgpXG4gICAgdmFyKC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYm9yZGVyLWNvbG9yKTtcbn1cblxuLnNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsX19iYWRnZSB7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItcmFkaXVzKTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkNhcmRCYWRnZUVsZW1lbnQgfSBmcm9tICcuLi9jYXJkLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQgfSBmcm9tICcuLi9jaGVja2JveC1wYW5lbC50cyc7XG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYlNlbGVjdGlvblBhbmVsTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlJhZGlvQnV0dG9uUGFuZWxFbGVtZW50IH0gZnJvbSAnLi4vcmFkaW8tYnV0dG9uLXBhbmVsLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgcGFuZWwgY29ubmVjdGVkIHRvIGEgYHNiYi1jaGVja2JveGAgb3IgdG8gYSBgc2JiLXJhZGlvLWJ1dHRvbmAuXG4gKiBJdCBjYW4gYWxzbyBjb250YWluIGFuIGFjdGlvbiBlbGVtZW50IChlLmcuIGFuIGBzYmItYnV0dG9uYClcbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jaGVja2JveC1wYW5lbGAgb3IgYHNiYi1yYWRpby1idXR0b24tcGFuZWxgIGVsZW1lbnQgYW5kIHRoZSBhY3Rpb24gZWxlbWVudC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNlbGVjdGlvbkFjdGlvblBhbmVsRWxlbWVudCBleHRlbmRzIFNiYlNlbGVjdGlvblBhbmVsTWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICB0aGlzLnRvZ2dsZVN0YXRlKFxuICAgICAgJ3dpdGgtZXhwYW5zaW9uLXBhbmVsJyxcbiAgICAgIHRoaXMucGFyZW50RWxlbWVudD8ubG9jYWxOYW1lID09PSAnc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwnLFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIGNvbnN0IGJhZGdlRWxlbWVudHMgPSAodGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yPEhUTUxTbG90RWxlbWVudD4oXG4gICAgICAnc2xvdFtuYW1lPVwiYmFkZ2VcIl0nLFxuICAgICk/LmFzc2lnbmVkRWxlbWVudHMoKSA/PyBbXSkgYXMgU2JiQ2FyZEJhZGdlRWxlbWVudFtdO1xuICAgIGNvbnN0IHBhbmVsRWxlbWVudHMgPVxuICAgICAgdGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yPEhUTUxTbG90RWxlbWVudD4oJ3Nsb3Q6bm90KFtuYW1lXSknKT8uYXNzaWduZWRFbGVtZW50cyh7XG4gICAgICAgIGZsYXR0ZW46IHRydWUsXG4gICAgICB9KSA/PyBbXTtcbiAgICBpZiAoYmFkZ2VFbGVtZW50cy5sZW5ndGggPiAwKSB7XG4gICAgICBjb25zdCBwYW5lbCA9IHBhbmVsRWxlbWVudHMuZmluZChcbiAgICAgICAgKHBhbmVsKSA9PlxuICAgICAgICAgIHBhbmVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1yYWRpby1idXR0b24tcGFuZWwnIHx8IHBhbmVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jaGVja2JveC1wYW5lbCcsXG4gICAgICApIGFzIFNiYkNoZWNrYm94UGFuZWxFbGVtZW50IHwgU2JiUmFkaW9CdXR0b25QYW5lbEVsZW1lbnQ7XG4gICAgICBpZiAocGFuZWwgJiYgIXBhbmVsLmFyaWFEZXNjcmlwdGlvbikge1xuICAgICAgICBwYW5lbC5hcmlhRGVzY3JpYmVkQnlFbGVtZW50cyA9IGJhZGdlRWxlbWVudHM7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWxfX2JhZGdlXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJiYWRnZVwiIEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWxcIj5cbiAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVTbG90Y2hhbmdlfT48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbCc6IFNiYlNlbGVjdGlvbkFjdGlvblBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDa0JBLElBQWEsaUNBQWIsY0FBb0QsdUJBQXVCLFdBQVcsQ0FBQTs7QUFDcEQsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsK0JBQU07O0NBRXhELG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUV6QixPQUFLLFlBQ0gsd0JBQ0EsS0FBSyxlQUFlLGNBQWMsZ0NBQ25DOztDQUdLLG9CQUFpQjtFQUN2QixNQUFNLGdCQUFpQixLQUFLLFdBQVksY0FDdEMsdUJBQ0QsRUFBRSxrQkFBa0IsSUFBSSxFQUFFO0VBQzNCLE1BQU0sZ0JBQ0osS0FBSyxXQUFZLGNBQStCLG1CQUFtQixFQUFFLGlCQUFpQixFQUNwRixTQUFTLE1BQ1YsQ0FBQyxJQUFJLEVBQUU7QUFDVixNQUFJLGNBQWMsU0FBUyxHQUFHO0dBQzVCLE1BQU0sUUFBUSxjQUFjLE1BQ3pCLFVBQ0MsTUFBTSxjQUFjLDRCQUE0QixNQUFNLGNBQWMscUJBQ2Y7QUFDekQsT0FBSSxTQUFTLENBQUMsTUFBTSxnQkFDbEIsT0FBTSwwQkFBMEI7OztDQUtuQixTQUFNO0FBQ3ZCLFNBQU8sSUFBSTs7eUNBRTBCLEtBQUssa0JBQWlCOzs7NEJBR25DLEtBQUssa0JBQWlCIn0=

package/development/selection-action-panel.d.ts

@@ -1,5 +1,2 @@
-/**
- * @entrypoint
- */
-export * from './selection-action-panel/selection-action-panel.component.ts';
+export * from './selection-action-panel.pure.ts';
 //# sourceMappingURL=selection-action-panel.d.ts.map

package/development/selection-action-panel.d.ts.map

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

package/development/selection-action-panel.js

@@ -1,5 +1,9 @@
-import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
-export {
-  SbbSelectionActionPanelElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
+import { t as SbbSelectionActionPanelElement } from "./selection-action-panel.component-B3pNvpeD.js";
+import "./selection-action-panel.pure.js";
+//#region src/elements/selection-action-panel.ts
+/** @entrypoint */
+SbbSelectionActionPanelElement.define();
+//#endregion
+export { SbbSelectionActionPanelElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYlNlbGVjdGlvbkFjdGlvblBhbmVsRWxlbWVudCB9IGZyb20gJy4vc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5wdXJlLnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLnB1cmUudHMnO1xuXG5TYmJTZWxlY3Rpb25BY3Rpb25QYW5lbEVsZW1lbnQuZGVmaW5lKCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFLQSwrQkFBK0IsUUFBUSJ9

package/development/selection-action-panel.pure.d.ts

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

package/development/selection-action-panel.pure.d.ts.map

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

package/development/selection-action-panel.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbSelectionActionPanelElement } from "./selection-action-panel.component-B3pNvpeD.js";
+export { SbbSelectionActionPanelElement };

package/development/selection-expansion-panel/selection-expansion-panel.component.d.ts

@@ -1,5 +1,6 @@
-import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-declare const SbbSelectionExpansionPanelElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbSelectionPanelMixinType & import('../core/mixins.ts').SbbElementInternalsMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbHydrationMixinType> & typeof LitElement;
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbElement } from '../core/base-elements.ts';
+declare const SbbSelectionExpansionPanelElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbSelectionPanelMixinType & import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof SbbElement;
 /**
  * It displays an expandable panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
  *
@@ -7,6 +8,7 @@ declare const SbbSelectionExpansionPanelElement_base: import('../core/mixins.ts'
  * @slot content - Use this slot to provide custom content for the panel (optional).
  */
 export declare class SbbSelectionExpansionPanelElement extends SbbSelectionExpansionPanelElement_base {
+    static readonly elementName: string;
     static styles: CSSResultGroup;
     static readonly events: {
         readonly beforeopen: "beforeopen";

package/development/selection-expansion-panel/selection-expansion-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/selection-expansion-panel/selection-expansion-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAab,OAAO,eAAe,CAAC;;AAEvB;;;;;GAKG;AACH,qBAEM,iCAAkC,SAAQ,sCAE/C;IAEC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;;;MAKlB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,kCAAkC;IAElC,OAAO,KAAK,MAAM,QAQjB;IACD,OAAO,KAAK,MAAM,GAEjB;IACD,OAAO,CAAC,cAAc,CAAwB;IAE9C,OAAO,CAAC,SAAS,CAAmC;IAEpD,2CAA2C;IAC3C,OAAO,KAAK,WAAW,GAGtB;;cAQkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,kBAAkB,IAAI,IAAI;IAI7C,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAQT,oBAAoB;cAkBf,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}
+{"version":3,"file":"selection-expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/selection-expansion-panel/selection-expansion-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAWtD,OAAO,eAAe,CAAC;;AAEvB;;;;;GAKG;AACH,qBAAa,iCAAkC,SAAQ,sCAAkC;IACvF,gBAAgC,WAAW,EAAE,MAAM,CAAmC;IAEtF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;;;MAKlB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,kCAAkC;IAElC,OAAO,KAAK,MAAM,QAQjB;IACD,OAAO,KAAK,MAAM,GAEjB;IACD,OAAO,CAAC,cAAc,CAAwB;IAE9C,OAAO,CAAC,SAAS,CAAmC;IAEpD,2CAA2C;IAC3C,OAAO,KAAK,WAAW,GAGtB;;cAQkB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,kBAAkB,IAAI,IAAI;IAI7C,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAQT,oBAAoB;cAkBf,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,iCAAiC,CAAC;KACpE;CACF"}