@sbb-esta/lyne-elements-dev 4.10.0-dev.1776087145 → 5.0.0-next-dev.1776089230

package/development/select.js

@@ -1,4 +1,4 @@
-import { t as SbbSelectElement } from "./select.component-CGNEhqzl.js";
+import { t as SbbSelectElement } from "./select.component-CqwBdtsN.js";
 import "./select.pure.js";
 //#region src/elements/select.ts
 /** @entrypoint */

package/development/select.pure.js

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

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

@@ -1,6 +1,6 @@
 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;
+import { SbbElement } from '../core.ts';
+declare const SbbSelectionActionPanelElement_base: import('../core.ts').AbstractConstructor<import('../core.ts').SbbSelectionPanelMixinType> & 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`)

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,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIhF,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,CAAuC;IAEpE,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,EAAa,MAAM,KAAK,CAAC;AAIhF,OAAO,EAAE,UAAU,EAA2C,MAAM,YAAY,CAAC;;AAKjF;;;;;;GAMG;AACH,qBAAa,8BAA+B,SAAQ,mCAAkC;IACpF,gBAAgC,WAAW,EAAE,MAAM,CAAgC;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpE,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,2 +1,2 @@
-import { t as SbbSelectionActionPanelElement } from "../selection-action-panel.component-D6I5wdEL.js";
+import { t as SbbSelectionActionPanelElement } from "../selection-action-panel.component-DvhL5Z_Q.js";
 export { SbbSelectionActionPanelElement };

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

@@ -0,0 +1,47 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement, SbbSelectionPanelMixin, boxSizingStyles } from "./core.js";
+//#region src/elements/selection-action-panel/selection-action-panel.scss?inline
+var selection_action_panel_default = ":host {\n  --sbb-selection-panel-inner-background: transparent;\n  --sbb-selection-panel-inner-border-width: 0px;\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n  --sbb-focus-outline-color: light-dark(\n    var(--sbb-focus-outline-color-default),\n    var(--sbb-focus-outline-color-dark)\n  );\n  display: block;\n  position: relative;\n  flex: auto;\n  width: var(--sbb-selection-group-elements-width, 100%);\n}\n\n:host(:where(:is(:state(color-milk),[state--color-milk]))) {\n  --sbb-selection-action-panel-background: var(--sbb-selection-panel-background-milk);\n}\n\n:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {\n  --sbb-selection-action-panel-border-color: var(--sbb-selection-panel-border-color-checked);\n  --sbb-selection-action-panel-border-width: var(--sbb-selection-panel-border-width-checked);\n}\n\n:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))) {\n  --sbb-selection-action-panel-border-color: transparent;\n}\n\n:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))) {\n  --sbb-selection-action-panel-background: transparent;\n  --sbb-selection-action-panel-border-color: transparent;\n}\n\n@media (forced-colors: active) {\n  :host(:not(:is(:state(with-expansion-panel),[state--with-expansion-panel])))::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border: var(--sbb-selection-panel-border-width-default) solid var(--sbb-selection-panel-border-color-default);\n    border-radius: var(--sbb-selection-panel-border-radius);\n  }\n}\n\n::slotted(:is(sbb-checkbox-panel, sbb-radio-button-panel)) {\n  flex: auto;\n}\n\n:host(:is(:state(size-xs),[state--size-xs])) {\n  --sbb-selection-action-panel-action-margin-inline: var(\n    --sbb-selection-action-panel-action-margin-inline-xs\n  );\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n  --sbb-selection-action-panel-action-margin-inline: var(\n    --sbb-selection-action-panel-action-margin-inline-s\n  );\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n  --sbb-selection-action-panel-action-margin-inline: var(\n    --sbb-selection-action-panel-action-margin-inline-m\n  );\n}\n\n::slotted(:is(:is(:state(action),[state--action]), .sbb-action)) {\n  align-self: center;\n  margin-inline: var(--sbb-selection-action-panel-action-margin-inline);\n}\n\n.sbb-selection-action-panel {\n  display: flex;\n  background-color: var(--sbb-selection-action-panel-background);\n  border-radius: var(--sbb-selection-panel-border-radius);\n  box-shadow: inset 0 0 0 var(--sbb-selection-action-panel-border-width) var(--sbb-selection-action-panel-border-color);\n}\n\n.sbb-selection-action-panel__badge {\n  user-select: none;\n  pointer-events: none;\n  position: absolute;\n  inset: 0;\n  border-radius: var(--sbb-selection-panel-border-radius);\n  overflow: hidden;\n}";
+//#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, unsafeCSS(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5jb21wb25lbnQtRHZoTDVaX1EuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NlbGVjdGlvbi1hY3Rpb24tcGFuZWwvc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zZWxlY3Rpb24tYWN0aW9uLXBhbmVsL3NlbGVjdGlvbi1hY3Rpb24tcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLy8gVmFyaWFibGUgdXNlZCB0byBvdmVycmlkZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHNlbGVjdGlvbiBwYW5lbHMuXG4gIC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1pbm5lci1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAvLyBWYXJpYWJsZSB1c2VkIHRvIG92ZXJyaWRlIGJvcmRlciB3aWR0aCBvZiBzZWxlY3Rpb24gcGFuZWxzLlxuICAtLXNiYi1zZWxlY3Rpb24tcGFuZWwtaW5uZXItYm9yZGVyLXdpZHRoOiAwcHg7XG5cbiAgLy8gQXMgdGhlIHNlbGVjdGlvbiBwYW5lbCBoYXMgYWx3YXlzIGEgd2hpdGUvbWlsayBiYWNrZ3JvdW5kLCB3ZSBoYXZlIHRvIGZpeCB0aGUgZm9jdXMgb3V0bGluZSBjb2xvclxuICAvLyB0byBkZWZhdWx0IGNvbG9yIGZvciBjYXNlcyB3aGVyZSB0aGUgc2VsZWN0aW9uIHBhbmVsIGlzIHVzZWQgaW4gYSBuZWdhdGl2ZSBjb250ZXh0LlxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRlZmF1bHQpLFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZmxleDogYXV0bztcbiAgd2lkdGg6IHZhcigtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtZWxlbWVudHMtd2lkdGgsIDEwMCUpO1xufVxuXG46aG9zdCg6d2hlcmUoOnN0YXRlKGNvbG9yLW1pbGspKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJhY2tncm91bmQ6IHZhcigtLXNiYi1zZWxlY3Rpb24tcGFuZWwtYmFja2dyb3VuZC1taWxrKTtcbn1cblxuLy8gOndoZXJlIGlzIHRvIGFsaWduIHNwZWNpZmljaXR5XG46aG9zdCg6d2hlcmUoOnN0YXRlKGNoZWNrZWQpKTpub3QoOndoZXJlKDpzdGF0ZShkaXNhYmxlZCkpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItY29sb3ItY2hlY2tlZCk7XG4gIC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYm9yZGVyLXdpZHRoOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci13aWR0aC1jaGVja2VkKTtcbn1cblxuLy8gOndoZXJlIGlzIHRvIGFsaWduIHNwZWNpZmljaXR5XG46aG9zdCg6c3RhdGUoYm9yZGVybGVzcyk6bm90KDp3aGVyZSg6c3RhdGUoY2hlY2tlZCkpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbjpob3N0KDp3aGVyZSg6c3RhdGUod2l0aC1leHBhbnNpb24tcGFuZWwpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKHdpdGgtZXhwYW5zaW9uLXBhbmVsKSkpIHtcbiAgLy8gRm9yIGhpZ2ggY29udHJhc3QgbW9kZSB3ZSBuZWVkIGEgcmVhbCBib3JkZXIsIGJ1dCBvbmx5IHdpdGhvdXQgYW4gb3V0ZXIgZXhwYW5zaW9uLXBhbmVsXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGJvcmRlcjogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItd2lkdGgtZGVmYXVsdCkgc29saWRcbiAgICAgICAgdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItY29sb3ItZGVmYXVsdCk7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xuICAgIH1cbiAgfVxufVxuXG46OnNsb3R0ZWQoOmlzKHNiYi1jaGVja2JveC1wYW5lbCwgc2JiLXJhZGlvLWJ1dHRvbi1wYW5lbCkpIHtcbiAgZmxleDogYXV0bztcbn1cblxuOmhvc3QoOnN0YXRlKHNpemUteHMpKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYWN0aW9uLW1hcmdpbi1pbmxpbmU6IHZhcihcbiAgICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWFjdGlvbi1tYXJnaW4taW5saW5lLXhzXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYWN0aW9uLW1hcmdpbi1pbmxpbmU6IHZhcihcbiAgICAtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWFjdGlvbi1tYXJnaW4taW5saW5lLXNcbiAgKTtcbn1cblxuOmhvc3QoOnN0YXRlKHNpemUtbSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1hY3Rpb24tbWFyZ2luLWlubGluZTogdmFyKFxuICAgIC0tc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwtYWN0aW9uLW1hcmdpbi1pbmxpbmUtbVxuICApO1xufVxuXG46OnNsb3R0ZWQoOmlzKDpzdGF0ZShhY3Rpb24pLCAuc2JiLWFjdGlvbikpIHtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBtYXJnaW4taW5saW5lOiB2YXIoLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1hY3Rpb24tbWFyZ2luLWlubGluZSk7XG59XG5cbi5zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJhY2tncm91bmQpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xuXG4gIC8vIFdlIHVzZSB0aGUgYm94LXNoYWRvdyBpbnN0ZWFkIG9mIHRoZSBib3JkZXIgdG8gYXZvaWQgdGhlIHNpemUtY2hhbmdlIGZsaWNrZXJpbmcuXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigtLXNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsLWJvcmRlci13aWR0aClcbiAgICB2YXIoLS1zYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC1ib3JkZXItY29sb3IpO1xufVxuXG4uc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWxfX2JhZGdlIHtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHR5cGUgeyBTYmJDYXJkQmFkZ2VFbGVtZW50IH0gZnJvbSAnLi4vY2FyZC5wdXJlLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQgfSBmcm9tICcuLi9jaGVja2JveC1wYW5lbC5wdXJlLnRzJztcbmltcG9ydCB7IFNiYkVsZW1lbnQsIFNiYlNlbGVjdGlvblBhbmVsTWl4aW4sIGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJSYWRpb0J1dHRvblBhbmVsRWxlbWVudCB9IGZyb20gJy4uL3JhZGlvLWJ1dHRvbi1wYW5lbC5wdXJlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VsZWN0aW9uLWFjdGlvbi1wYW5lbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBwYW5lbCBjb25uZWN0ZWQgdG8gYSBgc2JiLWNoZWNrYm94YCBvciB0byBhIGBzYmItcmFkaW8tYnV0dG9uYC5cbiAqIEl0IGNhbiBhbHNvIGNvbnRhaW4gYW4gYWN0aW9uIGVsZW1lbnQgKGUuZy4gYW4gYHNiYi1idXR0b25gKVxuICpcbiAqIEBzbG90IC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNoZWNrYm94LXBhbmVsYCBvciBgc2JiLXJhZGlvLWJ1dHRvbi1wYW5lbGAgZWxlbWVudCBhbmQgdGhlIGFjdGlvbiBlbGVtZW50LlxuICogQHNsb3QgYmFkZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHJlbmRlciBhIGBzYmItY2FyZC1iYWRnZWAgY29tcG9uZW50LlxuICovXG5leHBvcnQgY2xhc3MgU2JiU2VsZWN0aW9uQWN0aW9uUGFuZWxFbGVtZW50IGV4dGVuZHMgU2JiU2VsZWN0aW9uUGFuZWxNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc2VsZWN0aW9uLWFjdGlvbi1wYW5lbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgdGhpcy50b2dnbGVTdGF0ZShcbiAgICAgICd3aXRoLWV4cGFuc2lvbi1wYW5lbCcsXG4gICAgICB0aGlzLnBhcmVudEVsZW1lbnQ/LmxvY2FsTmFtZSA9PT0gJ3NiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsJyxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlU2xvdGNoYW5nZSgpOiB2b2lkIHtcbiAgICBjb25zdCBiYWRnZUVsZW1lbnRzID0gKHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MU2xvdEVsZW1lbnQ+KFxuICAgICAgJ3Nsb3RbbmFtZT1cImJhZGdlXCJdJyxcbiAgICApPy5hc3NpZ25lZEVsZW1lbnRzKCkgPz8gW10pIGFzIFNiYkNhcmRCYWRnZUVsZW1lbnRbXTtcbiAgICBjb25zdCBwYW5lbEVsZW1lbnRzID1cbiAgICAgIHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcjxIVE1MU2xvdEVsZW1lbnQ+KCdzbG90Om5vdChbbmFtZV0pJyk/LmFzc2lnbmVkRWxlbWVudHMoe1xuICAgICAgICBmbGF0dGVuOiB0cnVlLFxuICAgICAgfSkgPz8gW107XG4gICAgaWYgKGJhZGdlRWxlbWVudHMubGVuZ3RoID4gMCkge1xuICAgICAgY29uc3QgcGFuZWwgPSBwYW5lbEVsZW1lbnRzLmZpbmQoXG4gICAgICAgIChwYW5lbCkgPT5cbiAgICAgICAgICBwYW5lbC5sb2NhbE5hbWUgPT09ICdzYmItcmFkaW8tYnV0dG9uLXBhbmVsJyB8fCBwYW5lbC5sb2NhbE5hbWUgPT09ICdzYmItY2hlY2tib3gtcGFuZWwnLFxuICAgICAgKSBhcyBTYmJDaGVja2JveFBhbmVsRWxlbWVudCB8IFNiYlJhZGlvQnV0dG9uUGFuZWxFbGVtZW50O1xuICAgICAgaWYgKHBhbmVsICYmICFwYW5lbC5hcmlhRGVzY3JpcHRpb24pIHtcbiAgICAgICAgcGFuZWwuYXJpYURlc2NyaWJlZEJ5RWxlbWVudHMgPSBiYWRnZUVsZW1lbnRzO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsX19iYWRnZVwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tYWN0aW9uLXBhbmVsXCI+XG4gICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNlbGVjdGlvbi1hY3Rpb24tcGFuZWwnOiBTYmJTZWxlY3Rpb25BY3Rpb25QYW5lbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQ2dCQSxJQUFhLGlDQUFiLGNBQW9ELHVCQUF1QixXQUFXLENBQUE7O0FBQ3BELE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsK0JBQU0sQ0FBQzs7Q0FFbkUsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBRXpCLE9BQUssWUFDSCx3QkFDQSxLQUFLLGVBQWUsY0FBYyxnQ0FDbkM7O0NBR0ssb0JBQWlCO0VBQ3ZCLE1BQU0sZ0JBQWlCLEtBQUssV0FBWSxjQUN0Qyx1QkFDRCxFQUFFLGtCQUFrQixJQUFJLEVBQUU7RUFDM0IsTUFBTSxnQkFDSixLQUFLLFdBQVksY0FBK0IsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQ3BGLFNBQVMsTUFDVixDQUFDLElBQUksRUFBRTtBQUNWLE1BQUksY0FBYyxTQUFTLEdBQUc7R0FDNUIsTUFBTSxRQUFRLGNBQWMsTUFDekIsVUFDQyxNQUFNLGNBQWMsNEJBQTRCLE1BQU0sY0FBYyxxQkFDZjtBQUN6RCxPQUFJLFNBQVMsQ0FBQyxNQUFNLGdCQUNsQixPQUFNLDBCQUEwQjs7O0NBS25CLFNBQU07QUFDdkIsU0FBTyxJQUFJOzt5Q0FFMEIsS0FBSyxrQkFBaUI7Ozs0QkFHbkMsS0FBSyxrQkFBaUIifQ==

package/development/selection-action-panel.js

@@ -1,4 +1,4 @@
-import { t as SbbSelectionActionPanelElement } from "./selection-action-panel.component-D6I5wdEL.js";
+import { t as SbbSelectionActionPanelElement } from "./selection-action-panel.component-DvhL5Z_Q.js";
 import "./selection-action-panel.pure.js";
 //#region src/elements/selection-action-panel.ts
 /** @entrypoint */

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

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

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

@@ -1,6 +1,6 @@
 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;
+import { SbbElement, SbbElementType } from '../core.ts';
+declare const SbbSelectionExpansionPanelElement_base: import('../core.ts').AbstractConstructor<import('../core.ts').SbbSelectionPanelMixinType> & typeof SbbElement;
 /**
  * It displays an expandable panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
  *
@@ -9,6 +9,7 @@ declare const SbbSelectionExpansionPanelElement_base: import('../core/mixins.ts'
  */
 export declare class SbbSelectionExpansionPanelElement extends SbbSelectionExpansionPanelElement_base {
     static readonly elementName: string;
+    static elementDependencies: SbbElementType[];
     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,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,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,CAAuC;IACpF,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,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEpB,MAAM,KAAK,CAAC;AAGb,OAAO,EAA6B,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;;AAcxF;;;;;GAKG;AACH,qBAAa,iCAAkC,SAAQ,sCAAkC;IACvF,gBAAgC,WAAW,EAAE,MAAM,CAAmC;IACtF,OAAuB,mBAAmB,EAAE,cAAc,EAAE,CAAuB;IAEnF,OAAuB,MAAM,EAAE,cAAc,CAAuC;IACpF,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"}

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

@@ -1,2 +1,2 @@
-import { t as SbbSelectionExpansionPanelElement } from "../selection-expansion-panel.component-eO7b_EQF.js";
+import { t as SbbSelectionExpansionPanelElement } from "../selection-expansion-panel.component-D_HF9lzq.js";
 export { SbbSelectionExpansionPanelElement };

package/development/selection-expansion-panel.component-D_HF9lzq.js

@@ -0,0 +1,186 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { SbbElement, SbbLanguageController, SbbSelectionPanelMixin, boxSizingStyles, forceType, i18nCollapsed, i18nExpanded, isZeroAnimationDuration } from "./core.js";
+import { SbbDividerElement } from "./divider.pure.js";
+//#region src/elements/selection-expansion-panel/selection-expansion-panel.scss?inline
+var selection_expansion_panel_default = ":host {\n  --sbb-selection-panel-inner-background: transparent;\n  --sbb-selection-panel-inner-border-width: 0px;\n  --sbb-selection-expansion-panel-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n  --sbb-focus-outline-color: light-dark(\n    var(--sbb-focus-outline-color-default),\n    var(--sbb-focus-outline-color-dark)\n  );\n  display: block;\n  flex: auto;\n  position: relative;\n  width: var(--sbb-selection-group-elements-width, 100%);\n  background-color: var(--sbb-selection-expansion-panel-background);\n  border-radius: var(--sbb-selection-panel-border-radius);\n  box-shadow: inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);\n  transition-duration: var(--sbb-selection-expansion-panel-animation-duration);\n  transition-timing-function: var(--sbb-animation-easing);\n  transition-property: box-shadow;\n}\n@media (forced-colors: active) {\n  :host::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border: var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);\n    border-radius: var(--sbb-selection-panel-border-radius);\n  }\n}\n\n:host(:is(:state(size-xs),[state--size-xs])) {\n  --sbb-selection-expansion-panel-content-padding-inline: var(\n    --sbb-selection-panel-input-padding-inline-xs\n  );\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n  --sbb-selection-expansion-panel-content-padding-inline: var(\n    --sbb-selection-panel-input-padding-inline-s\n  );\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n  --sbb-selection-expansion-panel-content-padding-inline: var(\n    --sbb-selection-panel-input-padding-inline-m\n  );\n}\n\n:host(:is(:state(color-milk),[state--color-milk])) {\n  --sbb-selection-expansion-panel-background: var(--sbb-selection-panel-background-milk);\n}\n\n:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {\n  --sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-checked);\n  --sbb-selection-expansion-panel-border-width: var(--sbb-selection-panel-border-width-checked);\n}\n\n:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))) {\n  --sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-default);\n}\n\n:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))) {\n  --sbb-selection-expansion-panel-border-color: transparent;\n}\n\n:host(:not(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened])))) {\n  --sbb-selection-expansion-panel-content-padding-block-end: 0px;\n  --sbb-selection-expansion-panel-content-visibility: hidden;\n}\n\n.sbb-selection-expansion-panel__content--wrapper {\n  display: grid;\n  visibility: var(--sbb-selection-expansion-panel-content-visibility);\n  grid-template-rows: 0fr;\n  opacity: 0;\n}\n:host(:is(:state(state-opened),[state--state-opened])) .sbb-selection-expansion-panel__content--wrapper {\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n:host(:is(:state(state-opening),[state--state-opening])) .sbb-selection-expansion-panel__content--wrapper {\n  animation-name: open, open-opacity;\n  animation-fill-mode: forwards;\n  animation-duration: var(--sbb-selection-expansion-panel-animation-duration);\n  animation-timing-function: var(--sbb-animation-easing);\n  animation-delay: 0s, var(--sbb-selection-expansion-panel-animation-duration);\n}\n:host(:is(:state(state-closing),[state--state-closing])) .sbb-selection-expansion-panel__content--wrapper {\n  animation-name: close;\n  animation-duration: var(--sbb-selection-expansion-panel-animation-duration);\n  animation-timing-function: var(--sbb-animation-easing);\n}\n:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper {\n  display: none;\n}\n\n.sbb-selection-expansion-panel__content {\n  overflow: hidden;\n  padding-inline: var(--sbb-selection-expansion-panel-content-padding-inline);\n  padding-block-end: var(--sbb-selection-expansion-panel-content-padding-block-end);\n  transition: padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing);\n}\n\nsbb-divider {\n  margin-block-end: var(--sbb-selection-expansion-panel-content-padding-block-start);\n}\n\n@keyframes open {\n  from {\n    grid-template-rows: 0fr;\n  }\n  to {\n    grid-template-rows: 1fr;\n  }\n}\n@keyframes open-opacity {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes close {\n  from {\n    grid-template-rows: 1fr;\n    opacity: 1;\n  }\n  to {\n    grid-template-rows: 0fr;\n    opacity: 0;\n  }\n}";
+//#endregion
+//#region src/elements/selection-expansion-panel/selection-expansion-panel.component.ts
+/**
+* It displays an expandable panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
+*
+* @slot - Use the unnamed slot to add `sbb-checkbox-panel` or `sbb-radio-button-panel` elements to the `sbb-selection-expansion-panel`.
+* @slot content - Use this slot to provide custom content for the panel (optional).
+*/
+var SbbSelectionExpansionPanelElement = (() => {
+	let _classSuper = SbbSelectionPanelMixin(SbbElement);
+	let _instanceExtraInitializers = [];
+	let _forceOpen_decorators;
+	let _forceOpen_initializers = [];
+	let _forceOpen_extraInitializers = [];
+	let _set__state_decorators;
+	return class SbbSelectionExpansionPanelElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_forceOpen_decorators = [forceType(), property({
+				attribute: "force-open",
+				type: Boolean
+			})];
+			_set__state_decorators = [state()];
+			__esDecorate(this, null, _forceOpen_decorators, {
+				kind: "accessor",
+				name: "forceOpen",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "forceOpen" in obj,
+					get: (obj) => obj.forceOpen,
+					set: (obj, value) => {
+						obj.forceOpen = value;
+					}
+				},
+				metadata: _metadata
+			}, _forceOpen_initializers, _forceOpen_extraInitializers);
+			__esDecorate(this, null, _set__state_decorators, {
+				kind: "setter",
+				name: "_state",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "_state" in obj,
+					set: (obj, value) => {
+						obj._state = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-selection-expansion-panel";
+		}
+		static {
+			this.elementDependencies = [SbbDividerElement];
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(selection_expansion_panel_default)];
+		}
+		static {
+			this.events = {
+				beforeopen: "beforeopen",
+				open: "open",
+				beforeclose: "beforeclose",
+				close: "close"
+			};
+		}
+		#forceOpen_accessor_storage;
+		/** Whether the content section is always visible. */
+		get forceOpen() {
+			return this.#forceOpen_accessor_storage;
+		}
+		set forceOpen(value) {
+			this.#forceOpen_accessor_storage = value;
+		}
+		/** The state of the component. */
+		set _state(state) {
+			if (this._stateInternal) this.internals.states.delete(`state-${this._stateInternal}`);
+			this._stateInternal = state;
+			if (this._stateInternal) this.internals.states.add(`state-${this._stateInternal}`);
+		}
+		get _state() {
+			return this._stateInternal;
+		}
+		/** Whether it has an expandable content */
+		get _hasContent() {
+			return this.querySelectorAll?.("[slot=\"content\"]").length > 0;
+		}
+		constructor() {
+			super();
+			this.#forceOpen_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _forceOpen_initializers, false));
+			this._stateInternal = __runInitializers(this, _forceOpen_extraInitializers);
+			this._language = new SbbLanguageController(this);
+			this._state = "closed";
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("forceOpen")) this._updateState();
+		}
+		onInputStateChange() {
+			this._updateState();
+		}
+		_updateState() {
+			if (!this._hasContent) return;
+			if (this.forceOpen || this.matches(":is(:state(checked),[state--checked])")) this._open();
+			else this._close();
+			this._updateExpandedLabel(this.forceOpen || this.matches(":is(:state(checked),[state--checked])"));
+		}
+		_open() {
+			if (this._state !== "closed" && this._state !== "closing") return;
+			this._state = "opening";
+			/** Emits whenever the content section starts the opening transition. */
+			this.dispatchEvent(new Event("beforeopen", { cancelable: true }));
+			if (!this.hasUpdated || this._isZeroAnimationDuration()) this._handleOpening();
+		}
+		_close() {
+			if (this._state !== "opened" && this._state !== "opening") return;
+			this._state = "closing";
+			/** Emits whenever the content section begins the closing transition. */
+			this.dispatchEvent(new Event("beforeclose", { cancelable: true }));
+			if (this._isZeroAnimationDuration()) this._handleClosing();
+		}
+		_isZeroAnimationDuration() {
+			return isZeroAnimationDuration(this, "--sbb-selection-expansion-panel-animation-duration");
+		}
+		_handleClosing() {
+			this._state = "closed";
+			/** Emits whenever the content section is closed. */
+			this.dispatchEvent(new Event("close"));
+		}
+		_handleOpening() {
+			this._state = "opened";
+			/** Emits whenever the content section is opened. */
+			this.dispatchEvent(new Event("open"));
+		}
+		_onAnimationEnd(event) {
+			if (event.animationName === "open-opacity" && this._state === "opening") this._handleOpening();
+			else if (event.animationName === "close" && this._state === "closing") this._handleClosing();
+		}
+		async _updateExpandedLabel(open) {
+			await this.hydrationComplete;
+			const panelElement = this.panel;
+			if (!panelElement) return;
+			if (!this._hasContent) {
+				panelElement.expansionState = "";
+				return;
+			}
+			panelElement.expansionState = open ? ", " + i18nExpanded[this._language.current] : ", " + i18nCollapsed[this._language.current];
+		}
+		render() {
+			return html`
+      <div class="sbb-selection-expansion-panel__input">
+        <slot></slot>
+      </div>
+      <div
+        class="sbb-selection-expansion-panel__content--wrapper"
+        ?inert=${this._state !== "opened"}
+        @animationend=${this._onAnimationEnd}
+      >
+        <div class="sbb-selection-expansion-panel__content">
+          <sbb-divider></sbb-divider>
+          <slot name="content"></slot>
+        </div>
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbSelectionExpansionPanelElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQtRF9IRjlsenEuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwvc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsL3NlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbi8vIE9wZW4vQ2xvc2UgYW5pbWF0aW9uIHZhcnNcbiRvcGVuLWFuaW0tcm93cy1mcm9tOiAwZnI7XG4kb3Blbi1hbmltLXJvd3MtdG86IDFmcjtcbiRvcGVuLWFuaW0tb3BhY2l0eS1mcm9tOiAwO1xuJG9wZW4tYW5pbS1vcGFjaXR5LXRvOiAxO1xuXG46aG9zdCB7XG4gIC8vIFZhcmlhYmxlIHVzZWQgdG8gb3ZlcnJpZGUgYmFja2dyb3VuZCBjb2xvciBvZiBzZWxlY3Rpb24gcGFuZWxzLlxuICAtLXNiYi1zZWxlY3Rpb24tcGFuZWwtaW5uZXItYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgLy8gVmFyaWFibGUgdXNlZCB0byBvdmVycmlkZSBib3JkZXIgd2lkdGggb2Ygc2VsZWN0aW9uIHBhbmVscy5cbiAgLS1zYmItc2VsZWN0aW9uLXBhbmVsLWlubmVyLWJvcmRlci13aWR0aDogMHB4O1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNHgpXG4gICk7XG5cbiAgLy8gQXMgdGhlIHNlbGVjdGlvbiBwYW5lbCBoYXMgYWx3YXlzIGEgd2hpdGUvbWlsayBiYWNrZ3JvdW5kLCB3ZSBoYXZlIHRvIGZpeCB0aGUgZm9jdXMgb3V0bGluZSBjb2xvclxuICAvLyB0byBkZWZhdWx0IGNvbG9yIGZvciBjYXNlcyB3aGVyZSB0aGUgc2VsZWN0aW9uIHBhbmVsIGlzIHVzZWQgaW4gYSBuZWdhdGl2ZSBjb250ZXh0LlxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRlZmF1bHQpLFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IHZhcigtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtZWxlbWVudHMtd2lkdGgsIDEwMCUpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1iYWNrZ3JvdW5kKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItcmFkaXVzKTtcblxuICAvLyBUbyBwcm92aWRlIGEgc21vb3RoIHRyYW5zaXRpb24gb2Ygd2lkdGgsIHdlIHVzZSBib3gtc2hhZG93IHRvIGltaXRhdGUgdGhlIGJvcmRlci5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtYm9yZGVyLXdpZHRoKVxuICAgIHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcik7XG5cbiAgdHJhbnNpdGlvbjoge1xuICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIHRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIHByb3BlcnR5OiBib3gtc2hhZG93O1xuICB9XG5cbiAgLy8gRm9yIGhpZ2ggY29udHJhc3QgbW9kZSB3ZSBuZWVkIGEgcmVhbCBib3JkZXJcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogMDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgYm9yZGVyOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1ib3JkZXItd2lkdGgpIHNvbGlkXG4gICAgICAgIHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcik7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xuICAgIH1cbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoc2l6ZS14cykpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lOiB2YXIoXG4gICAgLS1zYmItc2VsZWN0aW9uLXBhbmVsLWlucHV0LXBhZGRpbmctaW5saW5lLXhzXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKFxuICAgIC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1pbnB1dC1wYWRkaW5nLWlubGluZS1zXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLW0pKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKFxuICAgIC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1pbnB1dC1wYWRkaW5nLWlubGluZS1tXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShjb2xvci1taWxrKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJhY2tncm91bmQ6IHZhcigtLXNiYi1zZWxlY3Rpb24tcGFuZWwtYmFja2dyb3VuZC1taWxrKTtcbn1cblxuLy8gOndoZXJlIGlzIHRvIGFsaWduIHNwZWNpZmljaXR5XG46aG9zdCg6d2hlcmUoOnN0YXRlKGNoZWNrZWQpKTpub3QoOndoZXJlKDpzdGF0ZShkaXNhYmxlZCkpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItY29sb3ItY2hlY2tlZCk7XG4gIC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtYm9yZGVyLXdpZHRoOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci13aWR0aC1jaGVja2VkKTtcbn1cblxuLy8gOndoZXJlIGlzIHRvIGFsaWduIHNwZWNpZmljaXR5XG46aG9zdCg6c3RhdGUoc2xvdHRlZC1jb250ZW50KTp3aGVyZSg6c3RhdGUoZGlzYWJsZWQpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItY29sb3ItZGVmYXVsdCk7XG59XG5cbi8vIDp3aGVyZSBpcyB0byBhbGlnbiBzcGVjaWZpY2l0eVxuOmhvc3QoOnN0YXRlKGJvcmRlcmxlc3MpOm5vdCg6d2hlcmUoOnN0YXRlKGNoZWNrZWQpKSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1ib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4vLyBXaGVuIHRoZSBwYW5lbCBpcyBjbG9zZWQsIHdlIHJlbW92ZSB0aGUgcGFkZGluZyBhdCB0aGUgYm90dG9tIGZvciBhIG5pY2UgdHJhbnNpdGlvbiB3aGVuIG9wZW5pbmcuXG46aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWNvbnRlbnQpOndoZXJlKDpzdGF0ZShzdGF0ZS1vcGVuaW5nKSwgOnN0YXRlKHN0YXRlLW9wZW5lZCkpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1ibG9jay1lbmQ6IDBweDtcbiAgLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuLnNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsX19jb250ZW50LS13cmFwcGVyIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgdmlzaWJpbGl0eTogdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC12aXNpYmlsaXR5KTtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAjeyRvcGVuLWFuaW0tcm93cy1mcm9tfTtcbiAgb3BhY2l0eTogI3skb3Blbi1hbmltLW9wYWNpdHktZnJvbX07XG5cbiAgOmhvc3QoOnN0YXRlKHN0YXRlLW9wZW5lZCkpICYge1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogI3skb3Blbi1hbmltLXJvd3MtdG99O1xuICAgIG9wYWNpdHk6ICN7JG9wZW4tYW5pbS1vcGFjaXR5LXRvfTtcbiAgfVxuXG4gIDpob3N0KDpzdGF0ZShzdGF0ZS1vcGVuaW5nKSkgJiB7XG4gICAgYW5pbWF0aW9uLW5hbWU6IG9wZW4sIG9wZW4tb3BhY2l0eTtcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIGFuaW1hdGlvbi1kZWxheTogMHMsIHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gIH1cblxuICA6aG9zdCg6c3RhdGUoc3RhdGUtY2xvc2luZykpICYge1xuICAgIGFuaW1hdGlvbi1uYW1lOiBjbG9zZTtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICB9XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1jb250ZW50KSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsX19jb250ZW50IHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUpO1xuICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWJsb2NrLWVuZCk7XG4gIHRyYW5zaXRpb246IHBhZGRpbmcgdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZWFzaW5nKTtcbn1cblxuc2JiLWRpdmlkZXIge1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctYmxvY2stc3RhcnQpO1xufVxuXG5Aa2V5ZnJhbWVzIG9wZW4ge1xuICBmcm9tIHtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6ICN7JG9wZW4tYW5pbS1yb3dzLWZyb219O1xuICB9XG5cbiAgdG8ge1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogI3skb3Blbi1hbmltLXJvd3MtdG99O1xuICB9XG59XG5cbkBrZXlmcmFtZXMgb3Blbi1vcGFjaXR5IHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogI3skb3Blbi1hbmltLW9wYWNpdHktZnJvbX07XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogI3skb3Blbi1hbmltLW9wYWNpdHktdG99O1xuICB9XG59XG5cbkBrZXlmcmFtZXMgY2xvc2Uge1xuICBmcm9tIHtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6ICN7JG9wZW4tYW5pbS1yb3dzLXRvfTtcbiAgICBvcGFjaXR5OiAjeyRvcGVuLWFuaW0tb3BhY2l0eS10b307XG4gIH1cblxuICB0byB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAjeyRvcGVuLWFuaW0tcm93cy1mcm9tfTtcbiAgICBvcGFjaXR5OiAjeyRvcGVuLWFuaW0tb3BhY2l0eS1mcm9tfTtcbiAgfVxufVxuIiwiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyB0eXBlIFNiYk9wZW5lZENsb3NlZFN0YXRlLCBTYmJFbGVtZW50LCB0eXBlIFNiYkVsZW1lbnRUeXBlIH0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQge1xuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIGZvcmNlVHlwZSxcbiAgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24sXG4gIGkxOG5Db2xsYXBzZWQsXG4gIGkxOG5FeHBhbmRlZCxcbiAgU2JiU2VsZWN0aW9uUGFuZWxNaXhpbixcbiAgYm94U2l6aW5nU3R5bGVzLFxufSBmcm9tICcuLi9jb3JlLnRzJztcbmltcG9ydCB7IFNiYkRpdmlkZXJFbGVtZW50IH0gZnJvbSAnLi4vZGl2aWRlci5wdXJlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gZXhwYW5kYWJsZSBwYW5lbCBjb25uZWN0ZWQgdG8gYSBgc2JiLWNoZWNrYm94YCBvciB0byBhIGBzYmItcmFkaW8tYnV0dG9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLWNoZWNrYm94LXBhbmVsYCBvciBgc2JiLXJhZGlvLWJ1dHRvbi1wYW5lbGAgZWxlbWVudHMgdG8gdGhlIGBzYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbGAuXG4gKiBAc2xvdCBjb250ZW50IC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGN1c3RvbSBjb250ZW50IGZvciB0aGUgcGFuZWwgKG9wdGlvbmFsKS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNlbGVjdGlvbkV4cGFuc2lvblBhbmVsRWxlbWVudCBleHRlbmRzIFNiYlNlbGVjdGlvblBhbmVsTWl4aW4oU2JiRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIGVsZW1lbnREZXBlbmRlbmNpZXM6IFNiYkVsZW1lbnRUeXBlW10gPSBbU2JiRGl2aWRlckVsZW1lbnRdO1xuICAvLyBUT0RPOiBmaXggaW5oZXJpdGluZyBmcm9tIFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50IHJlcXVpcmVzOiBodHRwczovL2dpdGh1Yi5jb20vb3Blbi13Yy9jdXN0b20tZWxlbWVudHMtbWFuaWZlc3QvaXNzdWVzLzI1M1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCB1bnNhZmVDU1Moc3R5bGUpXTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgYmVmb3Jlb3BlbjogJ2JlZm9yZW9wZW4nLFxuICAgIG9wZW46ICdvcGVuJyxcbiAgICBiZWZvcmVjbG9zZTogJ2JlZm9yZWNsb3NlJyxcbiAgICBjbG9zZTogJ2Nsb3NlJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogV2hldGhlciB0aGUgY29udGVudCBzZWN0aW9uIGlzIGFsd2F5cyB2aXNpYmxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZm9yY2Utb3BlbicsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGZvcmNlT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBUaGUgc3RhdGUgb2YgdGhlIGNvbXBvbmVudC4gKi9cbiAgQHN0YXRlKClcbiAgcHJpdmF0ZSBzZXQgX3N0YXRlKHN0YXRlOiBTYmJPcGVuZWRDbG9zZWRTdGF0ZSkge1xuICAgIGlmICh0aGlzLl9zdGF0ZUludGVybmFsKSB7XG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzdGF0ZS0ke3RoaXMuX3N0YXRlSW50ZXJuYWx9YCk7XG4gICAgfVxuICAgIHRoaXMuX3N0YXRlSW50ZXJuYWwgPSBzdGF0ZTtcbiAgICBpZiAodGhpcy5fc3RhdGVJbnRlcm5hbCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc3RhdGUtJHt0aGlzLl9zdGF0ZUludGVybmFsfWApO1xuICAgIH1cbiAgfVxuICBwcml2YXRlIGdldCBfc3RhdGUoKTogU2JiT3BlbmVkQ2xvc2VkU3RhdGUge1xuICAgIHJldHVybiB0aGlzLl9zdGF0ZUludGVybmFsO1xuICB9XG4gIHByaXZhdGUgX3N0YXRlSW50ZXJuYWwhOiBTYmJPcGVuZWRDbG9zZWRTdGF0ZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqIFdoZXRoZXIgaXQgaGFzIGFuIGV4cGFuZGFibGUgY29udGVudCAqL1xuICBwcml2YXRlIGdldCBfaGFzQ29udGVudCgpOiBib29sZWFuIHtcbiAgICAvLyBXZSBjYW5ub3QgdXNlIHRoZSBOYW1lZFNsb3RzIGJlY2F1c2UgaXQncyB0b28gc2xvdyB0byBpbml0aWFsaXplXG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdbc2xvdD1cImNvbnRlbnRcIl0nKS5sZW5ndGggPiAwO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLl9zdGF0ZSA9ICdjbG9zZWQnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdmb3JjZU9wZW4nKSkge1xuICAgICAgdGhpcy5fdXBkYXRlU3RhdGUoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgb25JbnB1dFN0YXRlQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuX3VwZGF0ZVN0YXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVTdGF0ZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2hhc0NvbnRlbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5mb3JjZU9wZW4gfHwgdGhpcy5tYXRjaGVzKCc6c3RhdGUoY2hlY2tlZCknKSkge1xuICAgICAgdGhpcy5fb3BlbigpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9jbG9zZSgpO1xuICAgIH1cbiAgICB0aGlzLl91cGRhdGVFeHBhbmRlZExhYmVsKHRoaXMuZm9yY2VPcGVuIHx8IHRoaXMubWF0Y2hlcygnOnN0YXRlKGNoZWNrZWQpJykpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb3BlbigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgIT09ICdjbG9zZWQnICYmIHRoaXMuX3N0YXRlICE9PSAnY2xvc2luZycpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9zdGF0ZSA9ICdvcGVuaW5nJztcbiAgICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbnRlbnQgc2VjdGlvbiBzdGFydHMgdGhlIG9wZW5pbmcgdHJhbnNpdGlvbi4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdiZWZvcmVvcGVuJywgeyBjYW5jZWxhYmxlOiB0cnVlIH0pKTtcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgIGlmICghdGhpcy5oYXNVcGRhdGVkIHx8IHRoaXMuX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCkpIHtcbiAgICAgIHRoaXMuX2hhbmRsZU9wZW5pbmcoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgIT09ICdvcGVuZWQnICYmIHRoaXMuX3N0YXRlICE9PSAnb3BlbmluZycpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9zdGF0ZSA9ICdjbG9zaW5nJztcbiAgICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbnRlbnQgc2VjdGlvbiBiZWdpbnMgdGhlIGNsb3NpbmcgdHJhbnNpdGlvbi4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdiZWZvcmVjbG9zZScsIHsgY2FuY2VsYWJsZTogdHJ1ZSB9KSk7XG5cbiAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAvLyBJbiB0aGlzIGNhc2Ugd2UgZGlyZWN0bHkgc2V0IHRoZSBgY2xvc2VkYCBzdGF0ZS5cbiAgICBpZiAodGhpcy5faXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKSkge1xuICAgICAgdGhpcy5faGFuZGxlQ2xvc2luZygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1plcm9BbmltYXRpb25EdXJhdGlvbih0aGlzLCAnLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1hbmltYXRpb24tZHVyYXRpb24nKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUNsb3NpbmcoKTogdm9pZCB7XG4gICAgdGhpcy5fc3RhdGUgPSAnY2xvc2VkJztcbiAgICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbnRlbnQgc2VjdGlvbiBpcyBjbG9zZWQuICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnY2xvc2UnKSk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVPcGVuaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuX3N0YXRlID0gJ29wZW5lZCc7XG4gICAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBjb250ZW50IHNlY3Rpb24gaXMgb3BlbmVkLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ29wZW4nKSk7XG4gIH1cblxuICBwcml2YXRlIF9vbkFuaW1hdGlvbkVuZChldmVudDogQW5pbWF0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ29wZW4tb3BhY2l0eScgJiYgdGhpcy5fc3RhdGUgPT09ICdvcGVuaW5nJykge1xuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH0gZWxzZSBpZiAoZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ2Nsb3NlJyAmJiB0aGlzLl9zdGF0ZSA9PT0gJ2Nsb3NpbmcnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfdXBkYXRlRXhwYW5kZWRMYWJlbChvcGVuOiBib29sZWFuKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgYXdhaXQgdGhpcy5oeWRyYXRpb25Db21wbGV0ZTtcblxuICAgIGNvbnN0IHBhbmVsRWxlbWVudCA9IHRoaXMucGFuZWw7XG4gICAgaWYgKCFwYW5lbEVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoIXRoaXMuX2hhc0NvbnRlbnQpIHtcbiAgICAgIHBhbmVsRWxlbWVudC5leHBhbnNpb25TdGF0ZSA9ICcnO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHBhbmVsRWxlbWVudC5leHBhbnNpb25TdGF0ZSA9IG9wZW5cbiAgICAgID8gJywgJyArIGkxOG5FeHBhbmRlZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgOiAnLCAnICsgaTE4bkNvbGxhcHNlZFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsX19pbnB1dFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbF9fY29udGVudC0td3JhcHBlclwiXG4gICAgICAgID9pbmVydD0ke3RoaXMuX3N0YXRlICE9PSAnb3BlbmVkJ31cbiAgICAgICAgQGFuaW1hdGlvbmVuZD0ke3RoaXMuX29uQW5pbWF0aW9uRW5kfVxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWxfX2NvbnRlbnRcIj5cbiAgICAgICAgICA8c2JiLWRpdmlkZXI+PC9zYmItZGl2aWRlcj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiY29udGVudFwiPjwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbCc6IFNiYlNlbGVjdGlvbkV4cGFuc2lvblBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUM2QmEsMkNBQWlDO21CQUFTLHVCQUF1QixXQUFXOzs7Ozs7Y0FBNUUsMENBQTBDLFlBQWtDOzs7NEJBYXRGLFdBQVcsRUFDWCxTQUFTO0lBQUUsV0FBVztJQUFjLE1BQU07SUFBUyxDQUFDLENBQUE7NkJBSXBELE9BQU8sQ0FBQTtBQUhSLGdCQUFBLE1BQUEsTUFBQSx1QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBUyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVQsWUFBUzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHlCQUFBLDZCQUFBO0FBSXpCLGdCQUFBLE1BQUEsTUFBQSx3QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFlBQUE7S0FBQSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVksU0FBTTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFB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

package/development/selection-expansion-panel.js

@@ -1,4 +1,4 @@
-import { t as SbbSelectionExpansionPanelElement } from "./selection-expansion-panel.component-eO7b_EQF.js";
+import { t as SbbSelectionExpansionPanelElement } from "./selection-expansion-panel.component-D_HF9lzq.js";
 import "./selection-expansion-panel.pure.js";
 //#region src/elements/selection-expansion-panel.ts
 /** @entrypoint */

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

@@ -1,2 +1,2 @@
-import { t as SbbSelectionExpansionPanelElement } from "./selection-expansion-panel.component-eO7b_EQF.js";
+import { t as SbbSelectionExpansionPanelElement } from "./selection-expansion-panel.component-D_HF9lzq.js";
 export { SbbSelectionExpansionPanelElement };

package/development/selection-group-base-element-rKKX4OAJ.js

@@ -0,0 +1,155 @@
+import { SbbElement } from "./core/base-elements/element.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { MutationController } from "@lit-labs/observers/mutation-controller.js";
+import { isLean } from "./core/dom/lean-context.js";
+import { SbbDisabledMixin } from "./core/mixins/disabled-mixin.js";
+import { SbbRequiredMixin } from "./core/mixins/required-mixin.js";
+import { boxSizingStyles } from "./core/styles/styles.js";
+//#region src/elements/core/base-elements/selection-group-base-element.scss?inline
+var selection_group_base_element_default = ":host {\n  display: flex;\n  flex-flow: var(--sbb-selection-group-orientation) wrap;\n  gap: var(--sbb-selection-group-gap);\n  align-items: flex-start;\n  width: var(--sbb-selection-group-width);\n}\n\n:host([orientation=vertical]) {\n  --sbb-selection-group-orientation: column;\n  --sbb-selection-group-width: 100%;\n  --sbb-selection-group-elements-width: 100%;\n}\n\n:host(:is(:state(has-panel),[state--has-panel])) {\n  --sbb-selection-group-width: 100%;\n  --sbb-selection-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);\n  --sbb-selection-group-elements-flex: auto;\n}\n\n@media (min-width: calc(0rem)) {\n  :host([orientation=vertical][horizontal-from=zero]) {\n    --sbb-selection-group-orientation: row;\n    --sbb-selection-group-elements-width: auto;\n  }\n  :host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))) {\n    --sbb-selection-group-width: auto;\n  }\n}\n@media (min-width: calc(37.5rem)) {\n  :host([orientation=vertical][horizontal-from=small]) {\n    --sbb-selection-group-orientation: row;\n    --sbb-selection-group-elements-width: auto;\n  }\n  :host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))) {\n    --sbb-selection-group-width: auto;\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host([orientation=vertical][horizontal-from=large]) {\n    --sbb-selection-group-orientation: row;\n    --sbb-selection-group-elements-width: auto;\n  }\n  :host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))) {\n    --sbb-selection-group-width: auto;\n  }\n}\n@media (min-width: calc(90rem)) {\n  :host([orientation=vertical][horizontal-from=ultra]) {\n    --sbb-selection-group-orientation: row;\n    --sbb-selection-group-elements-width: auto;\n  }\n  :host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))) {\n    --sbb-selection-group-width: auto;\n  }\n}\nslot[name=error]::slotted(*) {\n  flex-basis: 100%;\n}\n\n::slotted(:is(sbb-checkbox-panel, sbb-radio-button-panel)) {\n  flex: var(--sbb-selection-group-elements-flex);\n}\n\n::slotted(:is(sbb-checkbox, sbb-checkbox-panel, sbb-radio-button-panel)) {\n  width: var(--sbb-selection-group-elements-width);\n}";
+//#endregion
+//#region src/elements/core/base-elements/selection-group-base-element.ts
+/**
+* It can be used as a container for one or more `sbb-checkbox`.
+*
+* @slot - Use the unnamed slot to add `sbb-checkbox` elements to the `sbb-checkbox-group`.
+* @slot error - Slot used to render a `sbb-error` inside the `sbb-checkbox-group`.
+*/
+var SbbSelectionGroupBaseElement = (() => {
+	let _classSuper = SbbDisabledMixin(SbbRequiredMixin(SbbElement));
+	let _size_decorators;
+	let _size_initializers = [];
+	let _size_extraInitializers = [];
+	let _horizontalFrom_decorators;
+	let _horizontalFrom_initializers = [];
+	let _horizontalFrom_extraInitializers = [];
+	let _orientation_decorators;
+	let _orientation_initializers = [];
+	let _orientation_extraInitializers = [];
+	return class SbbSelectionGroupBaseElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_size_decorators = [property()];
+			_horizontalFrom_decorators = [property({
+				attribute: "horizontal-from",
+				reflect: true
+			})];
+			_orientation_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _size_decorators, {
+				kind: "accessor",
+				name: "size",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "size" in obj,
+					get: (obj) => obj.size,
+					set: (obj, value) => {
+						obj.size = value;
+					}
+				},
+				metadata: _metadata
+			}, _size_initializers, _size_extraInitializers);
+			__esDecorate(this, null, _horizontalFrom_decorators, {
+				kind: "accessor",
+				name: "horizontalFrom",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "horizontalFrom" in obj,
+					get: (obj) => obj.horizontalFrom,
+					set: (obj, value) => {
+						obj.horizontalFrom = value;
+					}
+				},
+				metadata: _metadata
+			}, _horizontalFrom_initializers, _horizontalFrom_extraInitializers);
+			__esDecorate(this, null, _orientation_decorators, {
+				kind: "accessor",
+				name: "orientation",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "orientation" in obj,
+					get: (obj) => obj.orientation,
+					set: (obj, value) => {
+						obj.orientation = value;
+					}
+				},
+				metadata: _metadata
+			}, _orientation_initializers, _orientation_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(selection_group_base_element_default)];
+		}
+		#size_accessor_storage = __runInitializers(this, _size_initializers, isLean() ? "xs" : "m");
+		/**
+		* Size variant, either xs, s or m.
+		* @default 'm' / 'xs' (lean)
+		*/
+		get size() {
+			return this.#size_accessor_storage;
+		}
+		set size(value) {
+			this.#size_accessor_storage = value;
+		}
+		#horizontalFrom_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _horizontalFrom_initializers, null));
+		/** Overrides the behavior of `orientation` property. */
+		get horizontalFrom() {
+			return this.#horizontalFrom_accessor_storage;
+		}
+		set horizontalFrom(value) {
+			this.#horizontalFrom_accessor_storage = value;
+		}
+		#orientation_accessor_storage = (__runInitializers(this, _horizontalFrom_extraInitializers), __runInitializers(this, _orientation_initializers, "horizontal"));
+		/** Indicates the orientation of the checkboxes or panels inside the group. */
+		get orientation() {
+			return this.#orientation_accessor_storage;
+		}
+		set orientation(value) {
+			this.#orientation_accessor_storage = value;
+		}
+		/**
+		* List of contained selection elements.
+		* @internal
+		*/
+		get selectionElements() {
+			return Array.from(this.querySelectorAll?.(this.selectionElementSelectors) ?? []).filter((el) => el.closest?.(this.localName) === this);
+		}
+		constructor() {
+			super();
+			__runInitializers(this, _orientation_extraInitializers);
+			this.addController(new MutationController(this, {
+				config: {
+					childList: true,
+					subtree: true
+				},
+				callback: () => this.toggleState("has-panel", !!this.querySelector?.(this.panelElementSelector))
+			}));
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("disabled")) this.selectionElements.forEach((c) => c.requestUpdate?.("disabled"));
+			if (changedProperties.has("required")) this.selectionElements.forEach((c) => c.requestUpdate?.("required"));
+			if (changedProperties.has("size")) this.selectionElements.forEach((c) => c.requestUpdate?.("size"));
+		}
+		onSlotChange() {}
+		render() {
+			return html`
+      <slot @slotchange=${() => this.onSlotChange()}></slot>
+      <slot name="error"></slot>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbSelectionGroupBaseElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWdyb3VwLWJhc2UtZWxlbWVudC1yS0tYNE9BSi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzL3NlbGVjdGlvbi1ncm91cC1iYXNlLWVsZW1lbnQuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzL3NlbGVjdGlvbi1ncm91cC1iYXNlLWVsZW1lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vc3R5bGVzJyBhcyBzYmI7XG5cbkBtaXhpbiBob3Jpem9udGFsLW9yaWVudGF0aW9uIHtcbiAgLS1zYmItc2VsZWN0aW9uLWdyb3VwLW9yaWVudGF0aW9uOiByb3c7XG4gIC0tc2JiLXNlbGVjdGlvbi1ncm91cC1lbGVtZW50cy13aWR0aDogYXV0bztcbn1cblxuJGJyZWFrcG9pbnRzOiAnemVybycsICdzbWFsbCcsICdsYXJnZScsICd1bHRyYSc7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiB2YXIoLS1zYmItc2VsZWN0aW9uLWdyb3VwLW9yaWVudGF0aW9uKSB3cmFwO1xuICBnYXA6IHZhcigtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtZ2FwKTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHdpZHRoOiB2YXIoLS1zYmItc2VsZWN0aW9uLWdyb3VwLXdpZHRoKTtcbn1cblxuOmhvc3QoW29yaWVudGF0aW9uPSd2ZXJ0aWNhbCddKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1ncm91cC1vcmllbnRhdGlvbjogY29sdW1uO1xuICAtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtd2lkdGg6IDEwMCU7XG4gIC0tc2JiLXNlbGVjdGlvbi1ncm91cC1lbGVtZW50cy13aWR0aDogMTAwJTtcbn1cblxuOmhvc3QoOnN0YXRlKGhhcy1wYW5lbCkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWdyb3VwLXdpZHRoOiAxMDAlO1xuICAtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCkgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNHgpO1xuXG4gIC8vIERpc3RyaWJ1dGUgYXZhaWxhYmxlIHNwYWNlIHRvIHRoZSBwYW5lbHNcbiAgLS1zYmItc2VsZWN0aW9uLWdyb3VwLWVsZW1lbnRzLWZsZXg6IGF1dG87XG59XG5cbkBlYWNoICRicmVha3BvaW50IGluICRicmVha3BvaW50cyB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogI3skYnJlYWtwb2ludH0pIHtcbiAgICAvLyBob3Jpem9udGFsLWZyb20gb3ZlcnJpZGVzIG9yaWVudGF0aW9uIHZlcnRpY2FsXG4gICAgOmhvc3QoW29yaWVudGF0aW9uPSd2ZXJ0aWNhbCddW2hvcml6b250YWwtZnJvbT0nI3skYnJlYWtwb2ludH0nXSkge1xuICAgICAgQGluY2x1ZGUgaG9yaXpvbnRhbC1vcmllbnRhdGlvbjtcbiAgICB9XG5cbiAgICA6aG9zdChbb3JpZW50YXRpb249J3ZlcnRpY2FsJ11baG9yaXpvbnRhbC1mcm9tPScjeyRicmVha3BvaW50fSddOm5vdCg6c3RhdGUoaGFzLXBhbmVsKSkpIHtcbiAgICAgIC0tc2JiLXNlbGVjdGlvbi1ncm91cC13aWR0aDogYXV0bztcbiAgICB9XG4gIH1cbn1cblxuLy8gTW92ZSB0aGUgZXJyb3IgbWVzc2FnZSB0byBhIHNlcGFyYXRlIGxpbmUuXG5zbG90W25hbWU9J2Vycm9yJ106OnNsb3R0ZWQoKikge1xuICBmbGV4LWJhc2lzOiAxMDAlO1xufVxuXG46OnNsb3R0ZWQoOmlzKHNiYi1jaGVja2JveC1wYW5lbCwgc2JiLXJhZGlvLWJ1dHRvbi1wYW5lbCkpIHtcbiAgZmxleDogdmFyKC0tc2JiLXNlbGVjdGlvbi1ncm91cC1lbGVtZW50cy1mbGV4KTtcbn1cblxuOjpzbG90dGVkKDppcyhzYmItY2hlY2tib3gsIHNiYi1jaGVja2JveC1wYW5lbCwgc2JiLXJhZGlvLWJ1dHRvbi1wYW5lbCkpIHtcbiAgd2lkdGg6IHZhcigtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtZWxlbWVudHMtd2lkdGgpO1xufVxuIiwiaW1wb3J0IHsgTXV0YXRpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9tdXRhdGlvbi1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIGh0bWwsXG4gIHVuc2FmZUNTUyxcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi9kb20vbGVhbi1jb250ZXh0LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiSG9yaXpvbnRhbEZyb20sIFNiYk9yaWVudGF0aW9uIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy90eXBlcy50cyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZE1peGluIH0gZnJvbSAnLi4vbWl4aW5zL2Rpc2FibGVkLW1peGluLnRzJztcbmltcG9ydCB7IFNiYlJlcXVpcmVkTWl4aW4gfSBmcm9tICcuLi9taXhpbnMvcmVxdWlyZWQtbWl4aW4udHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vc3R5bGVzL3N0eWxlcy50cyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuL2VsZW1lbnQudHMnO1xuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VsZWN0aW9uLWdyb3VwLWJhc2UtZWxlbWVudC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItY2hlY2tib3hgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItY2hlY2tib3hgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWNoZWNrYm94LWdyb3VwYC5cbiAqIEBzbG90IGVycm9yIC0gU2xvdCB1c2VkIHRvIHJlbmRlciBhIGBzYmItZXJyb3JgIGluc2lkZSB0aGUgYHNiYi1jaGVja2JveC1ncm91cGAuXG4gKi9cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBTYmJTZWxlY3Rpb25Hcm91cEJhc2VFbGVtZW50PFQgZXh0ZW5kcyBTYmJFbGVtZW50PiBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oXG4gIFNiYlJlcXVpcmVkTWl4aW4oU2JiRWxlbWVudCksXG4pIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHhzLCBzIG9yIG0uXG4gICAqIEBkZWZhdWx0ICdtJyAvICd4cycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3hzJyB8ICdzJyB8ICdtJyA9IGlzTGVhbigpID8gJ3hzJyA6ICdtJztcblxuICAvKiogT3ZlcnJpZGVzIHRoZSBiZWhhdmlvciBvZiBgb3JpZW50YXRpb25gIHByb3BlcnR5LiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdob3Jpem9udGFsLWZyb20nLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBob3Jpem9udGFsRnJvbTogU2JiSG9yaXpvbnRhbEZyb20gfCBudWxsID0gbnVsbDtcblxuICAvKiogSW5kaWNhdGVzIHRoZSBvcmllbnRhdGlvbiBvZiB0aGUgY2hlY2tib3hlcyBvciBwYW5lbHMgaW5zaWRlIHRoZSBncm91cC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3Igb3JpZW50YXRpb246IFNiYk9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnO1xuXG4gIHByb3RlY3RlZCBhYnN0cmFjdCByZWFkb25seSBzZWxlY3Rpb25FbGVtZW50U2VsZWN0b3JzOiBzdHJpbmc7XG4gIHByb3RlY3RlZCBhYnN0cmFjdCByZWFkb25seSBwYW5lbEVsZW1lbnRTZWxlY3Rvcjogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBMaXN0IG9mIGNvbnRhaW5lZCBzZWxlY3Rpb24gZWxlbWVudHMuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGdldCBzZWxlY3Rpb25FbGVtZW50cygpOiBUW10ge1xuICAgIHJldHVybiA8VFtdPihcbiAgICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4odGhpcy5zZWxlY3Rpb25FbGVtZW50U2VsZWN0b3JzKSA/PyBbXSkuZmlsdGVyKFxuICAgICAgICAoZWwpID0+IGVsLmNsb3Nlc3Q/Lih0aGlzLmxvY2FsTmFtZSkgPT09IHRoaXMsXG4gICAgICApXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBNdXRhdGlvbkNvbnRyb2xsZXIodGhpcywge1xuICAgICAgICBjb25maWc6IHsgY2hpbGRMaXN0OiB0cnVlLCBzdWJ0cmVlOiB0cnVlIH0sXG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PlxuICAgICAgICAgIHRoaXMudG9nZ2xlU3RhdGUoJ2hhcy1wYW5lbCcsICEhdGhpcy5xdWVyeVNlbGVjdG9yPy4odGhpcy5wYW5lbEVsZW1lbnRTZWxlY3RvcikpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgLy8gVE9ETzogVXNlIFByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgaW4gc2VsZWN0aW9uIGVsZW1lbnRzXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgdGhpcy5zZWxlY3Rpb25FbGVtZW50cy5mb3JFYWNoKChjKSA9PiBjLnJlcXVlc3RVcGRhdGU/LignZGlzYWJsZWQnKSk7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ3JlcXVpcmVkJykpIHtcbiAgICAgIHRoaXMuc2VsZWN0aW9uRWxlbWVudHMuZm9yRWFjaCgoYykgPT4gYy5yZXF1ZXN0VXBkYXRlPy4oJ3JlcXVpcmVkJykpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdzaXplJykpIHtcbiAgICAgIHRoaXMuc2VsZWN0aW9uRWxlbWVudHMuZm9yRWFjaCgoYykgPT4gYy5yZXF1ZXN0VXBkYXRlPy4oJ3NpemUnKSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG9uU2xvdENoYW5nZSgpOiB2b2lkIHt9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c2xvdCBAc2xvdGNoYW5nZT0keygpID0+IHRoaXMub25TbG90Q2hhbmdlKCl9Pjwvc2xvdD5cbiAgICAgIDxzbG90IG5hbWU9XCJlcnJvclwiPjwvc2xvdD5cbiAgICBgO1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUN5QnNCLHNDQUE0QjttQkFBK0IsaUJBQy9FLGlCQUFpQixXQUFXLENBQzdCOzs7Ozs7Ozs7O2NBRnFCLHFDQUEyRCxZQUVoRjs7O3VCQU9FLFVBQVUsQ0FBQTtpQ0FHVixTQUFTO0lBQUUsV0FBVztJQUFtQixTQUFTO0lBQU0sQ0FBQyxDQUFBOzhCQUl6RCxTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTtBQVBoQixnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFB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

package/development/sidebar/common/styles.js

@@ -1,2 +1,18 @@
-import { n as sidebarContainerCommonStyle, r as sidebarContentCommonStyle, t as iconSidebarButtonCommonStyle } from "../../styles-D2RLaAYK.js";
+import { unsafeCSS } from "lit";
+//#region src/elements/sidebar/common/icon-sidebar-button-common.scss?inline
+var icon_sidebar_button_common_default = ":host {\n  display: block;\n  outline: none !important;\n  --sbb-icon-sidebar-button-transition-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-2x)\n  );\n  --sbb-icon-sidebar-button-transition-easing-function: var(--sbb-animation-easing);\n  --sbb-icon-sidebar-button-dimension: var(--sbb-size-element-m);\n  --sbb-icon-sidebar-button-border-radius: var(--sbb-border-radius-4x);\n  --sbb-icon-sidebar-button-color: var(--sbb-color-granite);\n  --sbb-icon-sidebar-button-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));\n  --sbb-icon-sidebar-button-current-color: var(--sbb-color-3);\n  --sbb-icon-sidebar-button-current-border-width: var(--sbb-border-width-3x);\n  --sbb-icon-sidebar-button-current-border-inset-block: var(--sbb-spacing-fixed-2x);\n  --sbb-icon-sidebar-button__current-border-inset-inline-start: 0;\n  --sbb-icon-sidebar-button__color: var(--sbb-icon-sidebar-button-color);\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-icon-sidebar-button-current-color: Highlight !important;\n  }\n}\n\n@media (forced-colors: active) {\n  :host(:is(:state(button),[state--button])) {\n    --sbb-icon-sidebar-button-color: ButtonText !important;\n  }\n}\n\n@media (forced-colors: active) {\n  :host(:is(:state(link),[state--link])) {\n    --sbb-icon-sidebar-button-color: LinkText !important;\n  }\n}\n\n@media (any-hover: hover) {\n  :host(:not(:active, :is(:state(active),[state--active])):hover) {\n    --sbb-icon-sidebar-button__hover-shift: 0.0625rem;\n    --sbb-icon-sidebar-button__cursor: var(--sbb-cursor-pointer);\n  }\n}\n\n.sbb-action-base {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: var(--sbb-icon-sidebar-button-dimension);\n  padding-block: 0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift, 0rem));\n  color: var(--sbb-icon-sidebar-button__color);\n  border-radius: var(--sbb-icon-sidebar-button-border-radius);\n  cursor: var(--sbb-icon-sidebar-button__cursor);\n  user-select: none;\n  transition-duration: var(--sbb-icon-sidebar-button-transition-duration);\n  transition-timing-function: var(--sbb-icon-sidebar-button-transition-easing-function);\n  transition-property: color, padding;\n}\n:host(.sbb-active) .sbb-action-base {\n  color: var(--sbb-icon-sidebar-button-current-color);\n}\n:host(.sbb-active) .sbb-action-base::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset-block: var(--sbb-icon-sidebar-button-current-border-inset-block);\n  inset-inline: var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;\n  border-inline-start: var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor;\n}\n:host(:focus-visible) .sbb-action-base, .sbb-action-base:focus-visible {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n  outline-offset: calc(-1 * var(--sbb-focus-outline-width) - 0.3125rem);\n}";
+//#endregion
+//#region src/elements/sidebar/common/sidebar-container-common.scss?inline
+var sidebar_container_common_default = ":host {\n  position: absolute;\n  inset: 0;\n}";
+//#endregion
+//#region src/elements/sidebar/common/sidebar-content-common.scss?inline
+var sidebar_content_common_default = ":host {\n  position: relative;\n  display: block;\n  height: 100%;\n  overflow: auto;\n  outline-color: var(--sbb-focus-outline-color);\n}";
+//#endregion
+//#region src/elements/sidebar/common/styles.ts
+var sidebarContainerCommonStyle = unsafeCSS(sidebar_container_common_default);
+var sidebarContentCommonStyle = unsafeCSS(sidebar_content_common_default);
+var iconSidebarButtonCommonStyle = unsafeCSS(icon_sidebar_button_common_default);
+//#endregion
 export { iconSidebarButtonCommonStyle, sidebarContainerCommonStyle, sidebarContentCommonStyle };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL2NvbW1vbi9pY29uLXNpZGViYXItYnV0dG9uLWNvbW1vbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL2NvbW1vbi9zaWRlYmFyLWNvbnRhaW5lci1jb21tb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9jb21tb24vc2lkZWJhci1jb250ZW50LWNvbW1vbi5zY3NzP2lubGluZSIsIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL2NvbW1vbi9zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcblxuICAvLyBVc2UgIWltcG9ydGFudCBoZXJlIHRvIG5vdCBpbnRlcmZlcmUgd2l0aCBGaXJlZm94IGZvY3VzIHJpbmcgZGVmaW5pdGlvblxuICAvLyB3aGljaCBhcHBlYXJzIGluIG5vcm1hbGl6ZSBDU1Mgb2Ygc2V2ZXJhbCBmcmFtZXdvcmtzLlxuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi10cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi10cmFuc2l0aW9uLWVhc2luZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWRpbWVuc2lvbjogdmFyKC0tc2JiLXNpemUtZWxlbWVudC1tKTtcbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1ib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy00eCk7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY29sb3I6IGxpZ2h0LWRhcmsodmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpLCB2YXIoLS1zYmItY29sb3ItZ3JhcGhpdGUpKTtcbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jdXJyZW50LWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMyk7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tY3VycmVudC1ib3JkZXItd2lkdGg6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtM3gpO1xuICAtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWN1cnJlbnQtYm9yZGVyLWluc2V0LWJsb2NrOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG4gIC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2N1cnJlbnQtYm9yZGVyLWluc2V0LWlubGluZS1zdGFydDogMDtcbiAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbl9fY29sb3I6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWNvbG9yKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jdXJyZW50LWNvbG9yOiBIaWdobGlnaHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoYnV0dG9uKSkge1xuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jb2xvcjogQnV0dG9uVGV4dCAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShsaW5rKSkge1xuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jb2xvcjogTGlua1RleHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6bm90KDphY3RpdmUsIDpzdGF0ZShhY3RpdmUpKTpob3Zlcikge1xuICBAaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gICAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbl9faG92ZXItc2hpZnQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX07XG4gICAgLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbl9fY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICB9XG59XG5cbi5zYmItYWN0aW9uLWJhc2Uge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1kaW1lbnNpb24pO1xuICBwYWRkaW5nLWJsb2NrOiAwIGNhbGMoMiAqIHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uX19ob3Zlci1zaGlmdCwgMHJlbSkpO1xuICBjb2xvcjogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2NvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b24tYm9yZGVyLXJhZGl1cyk7XG4gIGN1cnNvcjogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2N1cnNvcik7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi10cmFuc2l0aW9uLWR1cmF0aW9uKTtcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLXRyYW5zaXRpb24tZWFzaW5nLWZ1bmN0aW9uKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogY29sb3IsIHBhZGRpbmc7XG5cbiAgOmhvc3QoLnNiYi1hY3RpdmUpICYge1xuICAgIGNvbG9yOiB2YXIoLS1zYmItaWNvbi1zaWRlYmFyLWJ1dHRvbi1jdXJyZW50LWNvbG9yKTtcblxuICAgIC8vIFZpc3VhbCBib3JkZXIgd2hpY2ggc2hvd3MgdGhlIGN1cnJlbnQgYWN0aXZlIGVudHJ5LCBkaXNwbGF5ZWQgYXQgdGhlIHN0YXJ0IG9yIGVuZCBvZiB0aGUgYnV0dG9uLlxuICAgICY6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQtYmxvY2s6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWN1cnJlbnQtYm9yZGVyLWluc2V0LWJsb2NrKTtcbiAgICAgIGluc2V0LWlubGluZTogdmFyKC0tc2JiLWljb24tc2lkZWJhci1idXR0b25fX2N1cnJlbnQtYm9yZGVyLWluc2V0LWlubGluZS1zdGFydCkgMDtcbiAgICAgIGJvcmRlci1pbmxpbmUtc3RhcnQ6IHZhcigtLXNiYi1pY29uLXNpZGViYXItYnV0dG9uLWN1cnJlbnQtYm9yZGVyLXdpZHRoKSBzb2xpZCBjdXJyZW50Y29sb3I7XG4gICAgfVxuICB9XG5cbiAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBob3N0IChidXR0b24gdmFyaWFudClcbiAgOmhvc3QoOmZvY3VzLXZpc2libGUpICYsXG4gICAgLy8gSGFuZGxlIGZvY3VzIG9uIHRoZSBhY3Rpb24gKGxpbmsgdmFyaWFudClcbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICAgIG91dGxpbmUtb2Zmc2V0OiBjYWxjKC0xICogdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtd2lkdGgpIC0gI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDUpfSk7XG4gIH1cbn1cbiIsIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcbn1cbiIsIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcblxuICAvLyBJZiB0aGUgZWxlbWVudCBpcyBzY3JvbGxhYmxlIGFuZCBoYXMgbm8gZm9jdXNhYmxlIGNvbnRlbnQsIGl0IGdldHMgZm9jdXNlZC5cbiAgLy8gVG8gYWRhcHQgdG8gbHluZSBzdHlsZXMgd2UgY29sb3JpemUgaXRcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3IpO1xufVxuIiwiaW1wb3J0IHsgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IGljb25TaWRlYmFyQnV0dG9uQ29tbW9uU3R5bGVTdHJpbmcgZnJvbSAnLi9pY29uLXNpZGViYXItYnV0dG9uLWNvbW1vbi5zY3NzP2lubGluZSc7XG5pbXBvcnQgc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlU3RyaW5nIGZyb20gJy4vc2lkZWJhci1jb250YWluZXItY29tbW9uLnNjc3M/aW5saW5lJztcbmltcG9ydCBzaWRlYmFyQ29udGVudENvbW1vblN0eWxlU3RyaW5nIGZyb20gJy4vc2lkZWJhci1jb250ZW50LWNvbW1vbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBjb25zdCBzaWRlYmFyQ29udGFpbmVyQ29tbW9uU3R5bGUgPSB1bnNhZmVDU1Moc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlU3RyaW5nKTtcbmV4cG9ydCBjb25zdCBzaWRlYmFyQ29udGVudENvbW1vblN0eWxlID0gdW5zYWZlQ1NTKHNpZGViYXJDb250ZW50Q29tbW9uU3R5bGVTdHJpbmcpO1xuZXhwb3J0IGNvbnN0IGljb25TaWRlYmFyQnV0dG9uQ29tbW9uU3R5bGUgPSB1bnNhZmVDU1MoaWNvblNpZGViYXJCdXR0b25Db21tb25TdHlsZVN0cmluZyk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FHTUEsSUFBYSw4QkFBOEIsVUFBVSxpQ0FBa0M7QUFDdkYsSUFBYSw0QkFBNEIsVUFBVSwrQkFBZ0M7QUFDbkYsSUFBYSwrQkFBK0IsVUFBVSxtQ0FBbUMifQ==

package/development/sidebar/sidebar/sidebar.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
+import { SbbOpenCloseBaseElement } from '../../core.ts';
 import { SbbSidebarContainerElement } from '../sidebar-container/sidebar-container.component.ts';
-declare const SbbSidebarElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbAnimationCompleteMixinType> & typeof SbbOpenCloseBaseElement;
+declare const SbbSidebarElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbAnimationCompleteMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * This component corresponds to a sidebar that can be opened on the sidebar container.
  *