@sbb-esta/lyne-elements 5.0.2 → 5.2.0

package/paginator.pure.js

@@ -1,4 +1,92 @@
-import { n as e, t } from "./paginator-common-Xiv6UZlo.js";
-import { t as n } from "./compact-paginator.component-CmPlZsd4.js";
-import { t as r } from "./paginator.component-buCkeyDv.js";
-export { n as SbbCompactPaginatorElement, t as SbbPaginatorCommonElementMixin, r as SbbPaginatorElement, e as SbbPaginatorPageEvent };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{property as a}from"lit/decorators.js";import{SbbMiniButtonElement as o,SbbMiniButtonGroupElement as s}from"./button.pure.js";import{SbbDisabledMixin as c,SbbElement as l,SbbLanguageController as u,SbbNegativeMixin as d,buttonResetStyles as f,forceType as p,i18nItemsPerPage as m,i18nNextPage as h,i18nPage as g,i18nPaginatorOf as _,i18nPaginatorSelected as v,i18nPreviousPage as y,listResetStyles as b,sbbInputModalityDetector as x,screenReaderOnlyStyles as S}from"./core.js";import{SbbDividerElement as C}from"./divider.pure.js";import{repeat as w}from"lit/directives/repeat.js";import{SbbFormFieldElement as T}from"./form-field.pure.js";import{SbbOptionElement as E}from"./option.pure.js";import{SbbSelectElement as D}from"./select.pure.js";var O=`:host([size=s]){--sbb-paginator-height:var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height:var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-color:var(--sbb-color-5)}
+`,k=class extends Event{get length(){return this._length}get pageSize(){return this._pageSize}get pageIndex(){return this._pageIndex}get previousPageIndex(){return this._previousPageIndex}constructor({length:e,pageSize:t,pageIndex:n,previousPageIndex:r}){super(`page`,{bubbles:!0,composed:!0}),this._length=e,this._pageSize=t,this._pageIndex=n,this._previousPageIndex=r}};const A=l=>(()=>{let f=d(c(l)),m,_=[],b=[],w,T=[],E=[],D,A=[],j=[],M,N=[],P=[],F,I=[],L=[],R,z=[],B=[],V,H=[],U=[],W,G=[],K=[];return class extends f{constructor(){super(...arguments),this.#e=t(this,_,0),this.#t=(t(this,b),t(this,T,10)),this.#n=(t(this,E),t(this,A,0)),this.#r=(t(this,j),t(this,N,`start`)),this.#i=(t(this,P),t(this,I,null)),this.#a=(t(this,L),t(this,z,``)),this.#o=(t(this,B),t(this,H,``)),this.#s=(t(this,U),t(this,G,``)),this.language=(t(this,K),new u(this))}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;m=[p(),a({type:Number})],w=[p(),a({attribute:`page-size`,type:Number})],D=[p(),a({attribute:`page-index`,type:Number})],M=[a({attribute:`pager-position`,reflect:!0})],F=[a({reflect:!0})],R=[p(),a({attribute:`accessibility-page-label`})],V=[p(),a({attribute:`accessibility-previous-page-label`})],W=[p(),a({attribute:`accessibility-next-page-label`})],e(this,null,m,{kind:`accessor`,name:`length`,static:!1,private:!1,access:{has:e=>`length`in e,get:e=>e.length,set:(e,t)=>{e.length=t}},metadata:t},_,b),e(this,null,w,{kind:`accessor`,name:`pageSize`,static:!1,private:!1,access:{has:e=>`pageSize`in e,get:e=>e.pageSize,set:(e,t)=>{e.pageSize=t}},metadata:t},T,E),e(this,null,D,{kind:`accessor`,name:`pageIndex`,static:!1,private:!1,access:{has:e=>`pageIndex`in e,get:e=>e.pageIndex,set:(e,t)=>{e.pageIndex=t}},metadata:t},A,j),e(this,null,M,{kind:`accessor`,name:`pagerPosition`,static:!1,private:!1,access:{has:e=>`pagerPosition`in e,get:e=>e.pagerPosition,set:(e,t)=>{e.pagerPosition=t}},metadata:t},N,P),e(this,null,F,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},I,L),e(this,null,R,{kind:`accessor`,name:`accessibilityPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityPageLabel`in e,get:e=>e.accessibilityPageLabel,set:(e,t)=>{e.accessibilityPageLabel=t}},metadata:t},z,B),e(this,null,V,{kind:`accessor`,name:`accessibilityPreviousPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityPreviousPageLabel`in e,get:e=>e.accessibilityPreviousPageLabel,set:(e,t)=>{e.accessibilityPreviousPageLabel=t}},metadata:t},H,U),e(this,null,W,{kind:`accessor`,name:`accessibilityNextPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityNextPageLabel`in e,get:e=>e.accessibilityNextPageLabel,set:(e,t)=>{e.accessibilityNextPageLabel=t}},metadata:t},G,K),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[S,i(O)]}static{this.elementDependencies=[s,o,C]}static{this.role=`group`}#e;get length(){return this.#e}set length(e){this.#e=e}#t;get pageSize(){return this.#t}set pageSize(e){this.#t=e}#n;get pageIndex(){return this.#n}set pageIndex(e){this.#n=e}#r;get pagerPosition(){return this.#r}set pagerPosition(e){this.#r=e}#i;get size(){return this.#i}set size(e){this.#i=e}#a;get accessibilityPageLabel(){return this.#a}set accessibilityPageLabel(e){this.#a=e}#o;get accessibilityPreviousPageLabel(){return this.#o}set accessibilityPreviousPageLabel(e){this.#o=e}#s;get accessibilityNextPageLabel(){return this.#s}set accessibilityNextPageLabel(e){this.#s=e}willUpdate(e){super.willUpdate(e);let t=null;if(e.has(`length`)&&this.length!==e.get(`length`)&&(this.length=isNaN(this.length)||this.length<0?0:this.length,this.pageIndex=this._coercePageIndexInRange(this.pageIndex)),e.has(`pageSize`)&&this.pageSize!==e.get(`pageSize`)){let n=e.get(`pageSize`);this.pageSize=isNaN(this.pageSize)||this.pageSize<0?0:this.pageSize,n&&!e.has(`pageIndex`)&&(this.pageIndex=Math.floor(this.pageIndex*n/this.pageSize)||0),t=this.pageIndex}e.has(`pageIndex`)&&this.pageIndex!==e.get(`pageIndex`)&&(this.pageIndex=this._coercePageIndexInRange(this.pageIndex),t=e.get(`pageIndex`)),t!==null&&this._emitPageEvent(t)}updated(e){super.updated(e),this.shadowRoot.querySelector(`.sbb-screen-reader-only#status`).textContent=this._currentPageLabel()}_coercePageIndexInRange(e){return Math.max(Math.min(Math.max(isNaN(e)?0:e,0),this.numberOfPages()-1),0)}_currentPageLabel(){return`${this.accessibilityPageLabel?this.accessibilityPageLabel:g[this.language.current]} ${this.pageIndex+1} ${v[this.language.current]}.`}nextPage(){this.pageIndex+=1}previousPage(){--this.pageIndex}firstPage(){this.pageIndex=0}lastPage(){this.pageIndex=this.numberOfPages()-1}selectPage(e){this.pageIndex=e}hasPreviousPage(){return this.pageIndex>=1&&this.pageSize!==0}hasNextPage(){let e=this.numberOfPages()-1;return this.pageIndex<e&&this.pageSize!==0}numberOfPages(){return this.pageSize?Math.ceil(this.length/this.pageSize):0}_emitPageEvent(e){if(this.hasUpdated){let t={previousPageIndex:e,pageIndex:this.pageIndex,length:this.length,pageSize:this.pageSize};this.dispatchEvent(new k(t))}}renderPrevNextButtons(){return n`
+        <sbb-mini-button-group ?negative=${this.negative} size=${this.size||r}>
+          <sbb-mini-button
+            id="sbb-paginator-prev-page"
+            aria-label=${this.accessibilityPreviousPageLabel?this.accessibilityPreviousPageLabel:y[this.language.current]}
+            icon-name="chevron-small-left-small"
+            ?disabled=${this.disabled||!this.hasPreviousPage()}
+            @click=${()=>{this.previousPage(),!this.hasPreviousPage()&&x.mostRecentModality===`keyboard`&&this.shadowRoot?.getElementById(`sbb-paginator-next-page`).focus()}}
+          ></sbb-mini-button>
+          <sbb-divider orientation="vertical"></sbb-divider>
+          <sbb-mini-button
+            id="sbb-paginator-next-page"
+            aria-label=${this.accessibilityNextPageLabel?this.accessibilityNextPageLabel:h[this.language.current]}
+            icon-name="chevron-small-right-small"
+            ?disabled=${this.disabled||!this.hasNextPage()}
+            @click=${()=>{this.nextPage(),!this.hasNextPage()&&x.mostRecentModality===`keyboard`&&this.shadowRoot?.getElementById(`sbb-paginator-prev-page`).focus()}}
+          ></sbb-mini-button>
+        </sbb-mini-button-group>
+      `}render(){return n`
+        ${this.renderPaginator()}
+        <span class="sbb-screen-reader-only" id="status" role="status"></span>
+      `}}})();var j=`:host{gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content,start);min-height:var(--sbb-paginator-height);display:flex}:host([pager-position=end]){--sbb-paginator-compact-justify-content:end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);justify-content:center;align-items:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-paginator-color);display:flex}.sbb-compact-paginator__divider{--sbb-divider-color:currentcolor;height:1rem}
+`,M=class extends A(l){static{this.elementName=`sbb-compact-paginator`}static{this.elementDependencies=[C]}static{this.styles=[i(j)]}static{this.events={page:`page`}}_renderPageNumbers(){return n`
+      <span class="sbb-paginator__pages" aria-hidden="true"
+        >${this.pageIndex+1}<sbb-divider
+          orientation="vertical"
+          class="sbb-compact-paginator__divider"
+          ?negative=${this.negative}
+        ></sbb-divider
+        >${this.numberOfPages()}</span
+      >
+      <span class="sbb-screen-reader-only">
+        ${`${this.accessibilityPageLabel?this.accessibilityPageLabel:g[this.language.current]} ${this.pageIndex+1} ${_[this.language.current]} ${this.numberOfPages()}`}
+      </span>
+    `}renderPaginator(){return n`
+      ${this.pagerPosition===`start`?n`${this.renderPrevNextButtons()} ${this._renderPageNumbers()}`:n`${this._renderPageNumbers()} ${this.renderPrevNextButtons()}`}
+    `}},N=`:host{--sbb-paginator-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));line-height:var(--sbb-typo-line-height-text);display:block}:host([negative]){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([pager-position=end]){--sbb-paginator-justify-content:end;--sbb-paginator-wrapping-group-wrap:wrap;--sbb-paginator-wrap:wrap-reverse}.sbb-paginator,.sbb-paginator__wrapping-group{gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);justify-content:var(--sbb-paginator-justify-content,start);display:flex}.sbb-paginator{flex-wrap:var(--sbb-paginator-wrap,wrap);min-height:var(--sbb-paginator-height)}.sbb-paginator__wrapping-group{flex-wrap:var(--sbb-paginator-wrapping-group-wrap,wrap-reverse)}.sbb-paginator__page-size-options{align-items:center;gap:var(--sbb-spacing-fixed-2x);white-space:nowrap;color:var(--sbb-paginator-color);font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);display:flex}.sbb-paginator__page-size-options sbb-select{color:var(--sbb-form-field-text-color);font-size:var(--sbb-form-field-input-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text);padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}.sbb-paginator__pages{justify-content:center;align-items:center;gap:var(--sbb-spacing-fixed-1x);user-select:none;-webkit-tap-highlight-color:transparent;display:flex}.sbb-paginator__page--ellipsis,.sbb-paginator__page--number{font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-paginator-color);position:relative}.sbb-paginator__page--ellipsis-item,.sbb-paginator__page--number-item{width:var(--sbb-size-element-xxs);height:var(--sbb-size-element-xxs);justify-content:center;align-items:center;display:flex}.sbb-paginator__page--number-item{font-family:var(--sbb-typo-font-family);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-paginator-font-size);line-height:var(--sbb-typo-line-height-text);cursor:var(--sbb-paginator-page-cursor);color:var(--sbb-paginator-color);transition:color var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);font-weight:400;position:relative;outline:none!important}.sbb-paginator__page--number-item:before{content:"";background-color:var(--sbb-paginator-page-background-color,transparent);border:var(--sbb-paginator-page-border-width) var(--sbb-paginator-page-border-style,none) var(--sbb-paginator-page-border-color,none);border-radius:var(--sbb-border-radius-infinity);inset:var(--sbb-paginator-page-inset,0);transition-property:background-color,border,inset;transition-duration:var(--sbb-paginator-animation-duration);transition-timing-function:var(--sbb-paginator-animation-easing);position:absolute}.sbb-paginator__page--number-item:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-border-width-2x)}.sbb-paginator__page--number-item[data-selected]{--sbb-paginator-color:var(--sbb-color-3);--sbb-paginator-page-border-width:var(--sbb-border-width-2x);--sbb-paginator-page-border-style:solid;--sbb-paginator-page-border-color:var(--sbb-border-color-2);font-weight:700}:host([negative]) .sbb-paginator__page--number-item[data-selected]{--sbb-paginator-color:var(--sbb-color-3-negative);--sbb-paginator-page-border-color:var(--sbb-border-color-2-negative)}@media (forced-colors:active){.sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-border-color:Highlight!important}}.sbb-paginator__page--number-item:disabled{--sbb-paginator-color:var(--sbb-color-5);--sbb-paginator-page-border-style:dashed;--sbb-paginator-page-border-color:var(--sbb-border-color-5);--sbb-paginator-page-background-color:var(--sbb-background-color-3);--sbb-paginator-page-cursor:var(--sbb-cursor-default)}.sbb-paginator__page--number-item:disabled:not([data-selected]){--sbb-paginator-page-border-width:var(--sbb-border-width-1x)}:host([negative]) .sbb-paginator__page--number-item:disabled{--sbb-paginator-color:var(--sbb-color-5);--sbb-paginator-page-background-color:var(--sbb-background-color-3-negative)}@media (forced-colors:active){.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-border-color:GrayText;--sbb-paginator-color:GrayText;--sbb-paginator-page-background-color:Canvas}}@media (any-hover:hover){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color:var(--sbb-background-color-3);--sbb-paginator-page-inset:calc(var(--sbb-border-width-2x) * -1);--sbb-paginator-translate-y-content-hover:-.0625rem}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color:var(--sbb-background-color-3-negative)}}@media (any-hover:hover) and (forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color:Highlight!important}}.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-color:var(--sbb-color-3);--sbb-paginator-page-background-color:var(--sbb-background-color-4);--sbb-paginator-page-inset:0;--sbb-paginator-translate-y-content-hover:0}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-color:var(--sbb-color-3-negative);--sbb-paginator-page-background-color:var(--sbb-background-color-4-negative)}@media (forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-background-color:Highlight!important}}.sbb-paginator__page--number-item-label{transition:transform var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);transform:translateY(var(--sbb-paginator-translate-y-content-hover,0))}
+`;let P=(()=>{let o=A(l),s,c=[],u=[],d,h=[],_=[],v,y=[],S=[];return class extends o{constructor(){super(...arguments),this.#e=t(this,c,[]),this.#t=(t(this,u),t(this,h,`start`)),this.#n=(t(this,_),t(this,y,``)),this._markForFocus=(t(this,S),!1)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;s=[a({attribute:`page-size-options`,type:Array})],d=[a({attribute:`pager-position`,reflect:!0})],v=[p(),a({attribute:`accessibility-items-per-page-label`})],e(this,null,s,{kind:`accessor`,name:`pageSizeOptions`,static:!1,private:!1,access:{has:e=>`pageSizeOptions`in e,get:e=>e.pageSizeOptions,set:(e,t)=>{e.pageSizeOptions=t}},metadata:t},c,u),e(this,null,d,{kind:`accessor`,name:`pagerPosition`,static:!1,private:!1,access:{has:e=>`pagerPosition`in e,get:e=>e.pagerPosition,set:(e,t)=>{e.pagerPosition=t}},metadata:t},h,_),e(this,null,v,{kind:`accessor`,name:`accessibilityItemsPerPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityItemsPerPageLabel`in e,get:e=>e.accessibilityItemsPerPageLabel,set:(e,t)=>{e.accessibilityItemsPerPageLabel=t}},metadata:t},y,S),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-paginator`}static{this.elementDependencies=[T,D,E]}static{this.styles=[b,f,i(N)]}static{this.events={page:`page`}}#e;get pageSizeOptions(){return this.#e}set pageSizeOptions(e){this.#e=e}#t;get pagerPosition(){return this.#t}set pagerPosition(e){this.#t=e}#n;get accessibilityItemsPerPageLabel(){return this.#n}set accessibilityItemsPerPageLabel(e){this.#n=e}updated(e){if(super.updated(e),this._markForFocus){let e=this._getVisiblePages().find(e=>this.pageIndex===+e.getAttribute(`data-index`));e&&e.focus(),this._markForFocus=!1}}_getVisiblePages(){return Array.from(this.shadowRoot.querySelectorAll(`.sbb-paginator__page--number-item`))}_getVisiblePagesIndex(){let e=this.numberOfPages(),t=this.pageIndex;return e<=5?this._range(e):t<3?[...this._range(4),`ellipsis`,e-1]:t>=e-3?[0,`ellipsis`,...this._range(4,e-1-3)]:[0,`ellipsis`,t-1,t,t+1,`ellipsis`,e-1]}_range(e,t=0){return Array.from({length:e},(e,n)=>n+t)}_onPageNumberClick(e){this.selectPage(e),this._markForFocus=x.mostRecentModality===`keyboard`}_renderItemPerPageTemplate(){return this.pageSizeOptions&&this.pageSizeOptions.length>0?n`
+          <div class="sbb-paginator__page-size-options">
+            <label for="select"
+              >${this.accessibilityItemsPerPageLabel?this.accessibilityItemsPerPageLabel:m[this.language.current]}</label
+            >
+            <sbb-form-field
+              borderless
+              width="collapse"
+              ?negative=${this.negative}
+              size=${this.size||r}
+            >
+              <sbb-select
+                id="select"
+                ?disabled=${this.disabled}
+                value=${this.pageSizeOptions?.find(e=>e===this.pageSize)??this.pageSizeOptions[0]}
+                @change=${e=>this.pageSize=+e.target.value}
+              >
+                ${w(this.pageSizeOptions,e=>n`<sbb-option value=${e}>${e}</sbb-option>`)}
+              </sbb-select>
+            </sbb-form-field>
+          </div>
+        `:r}_renderPageNumbers(){return n`
+      <ul class="sbb-paginator__pages">
+        ${w(this._getVisiblePagesIndex(),e=>e===`ellipsis`?n`
+                <li class="sbb-paginator__page--ellipsis">
+                  <span class="sbb-paginator__page--ellipsis-item">…</span>
+                </li>
+              `:n`
+                <li class="sbb-paginator__page--number">
+                  <button
+                    ?data-selected=${this.pageIndex===e}
+                    ?disabled=${this.disabled}
+                    class="sbb-paginator__page--number-item"
+                    data-index=${e}
+                    aria-label="${this.accessibilityPageLabel?this.accessibilityPageLabel:g[this.language.current]} ${e+1}"
+                    aria-current=${this.pageIndex===e?`true`:r}
+                    @click=${()=>this._onPageNumberClick(e)}
+                  >
+                    <span class="sbb-paginator__page--number-item-label">${e+1}</span>
+                  </button>
+                </li>
+              `)}
+      </ul>
+    `}renderPaginator(){return n`
+      <div class="sbb-paginator">
+        ${this.pagerPosition===`start`?n`<span class="sbb-paginator__wrapping-group">
+                  ${this.renderPrevNextButtons()} ${this._renderPageNumbers()}
+                </span>
+                ${this._renderItemPerPageTemplate()}`:n`${this._renderItemPerPageTemplate()}
+                <span class="sbb-paginator__wrapping-group">
+                  ${this._renderPageNumbers()} ${this.renderPrevNextButtons()}
+                </span>`}</span>
+      </div>
+    `}}})();export{M as SbbCompactPaginatorElement,A as SbbPaginatorCommonElementMixin,P as SbbPaginatorElement,k as SbbPaginatorPageEvent};

package/popover.js

@@ -1,7 +1 @@
-import { n as e, t } from "./popover-base-DlSa-ajc.js";
-import { t as n } from "./popover.component-BHg4Qtqd.js";
-import { SbbPopoverCloseButtonElement as r } from "./popover/popover-close-button/popover-close-button.component.js";
-import "./popover.pure.js";
-n.define(), r.define();
-//#endregion
-export { t as SbbPopoverBaseElement, r as SbbPopoverCloseButtonElement, e as SbbPopoverCloseEvent, n as SbbPopoverElement };
+import{SbbPopoverCloseButtonElement as e,SbbPopoverElement as t}from"./popover.pure.js";export*from"./popover.pure.js";t.define(),e.define();

package/popover.pure.js

@@ -1,4 +1,25 @@
-import { n as e, t } from "./popover-base-DlSa-ajc.js";
-import { t as n } from "./popover.component-BHg4Qtqd.js";
-import { SbbPopoverCloseButtonElement as r } from "./popover/popover-close-button/popover-close-button.component.js";
-export { t as SbbPopoverBaseElement, r as SbbPopoverCloseButtonElement, e as SbbPopoverCloseEvent, n as SbbPopoverElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{ResizeController as n}from"@lit-labs/observers/resize-controller.js";import{html as r,isServer as i,unsafeCSS as a}from"lit";import{property as o,state as s}from"lit/decorators.js";import{ref as c}from"lit/directives/ref.js";import{IS_FOCUSABLE_QUERY as l,SbbEscapableOverlayController as u,SbbFocusTrapController as d,SbbLanguageController as f,SbbMediaQueryPointerCoarse as p,SbbOpenCloseBaseElement as m,forceType as h,getElementPosition as g,i18nClosePopover as _,idReference as v,isEventOnElement as y,isFakeMousedownFromScreenReader as b,isZeroAnimationDuration as x,popoverResetStyles as S,readConfig as C,removeAriaOverlayTriggerProperties as w,sbbInputModalityDetector as T,scrollbarStyles as E,setAriaOverlayTriggerProperties as D,ɵstateController as O}from"./core.js";import{SbbSecondaryButtonElement as k}from"./button.pure.js";var A=`:host{--sbb-focus-outline-color:light-dark(var(--sbb-focus-outline-color-default),var(--sbb-focus-outline-color-dark));--sbb-popover-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--_sbb-popover-inset:0 auto auto 0;--_sbb-popover-translate:0 var(--sbb-spacing-fixed-2x);--_sbb-popover-box-shadow:var(--sbb-box-shadow-level-9-hard);display:none;outline:none!important}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset:0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-translate:0 calc(var(--sbb-spacing-fixed-2x) * -1)}.sbb-popover:after,.sbb-popover__content:before{content:"";width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x,0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;display:block;position:absolute;rotate:45deg}.sbb-popover__container{inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index,var(--sbb-overlay-default-z-index));position:fixed}.sbb-popover{position:var(--sbb-popover-position,absolute);top:var(--_sbb-popover-position-y,0);bottom:unset;left:var(--_sbb-popover-position-x,0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;box-shadow:var(--_sbb-popover-box-shadow);border-radius:var(--sbb-popover-border-radius);pointer-events:all;border:none;outline:none;padding:0;display:none}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media (forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";z-index:-1;background-color:#0000;display:block;position:absolute;inset:0}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);background-color:var(--sbb-popover-background);outline:none}.sbb-popover__content:before{clip-path:polygon(100% 0,0% 0%,0% 100%)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2);clip-path:polygon(100% 0,100% 100%,0% 100%)}@keyframes open{0%{opacity:0;translate:var(--_sbb-popover-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--_sbb-popover-translate)}}
+`;const j=new Set;var M=class extends Event{get closeTarget(){return this._closeTarget}constructor(e,{closeTarget:t,cancelable:n}){super(e,{cancelable:n}),this._closeTarget=t}};let N=(()=>{let s=m,f,p=[],h=[];return class extends s{constructor(){super(...arguments),this.#e=t(this,p,null),this._nextFocusedElement=t(this,h),this._skipCloseFocus=!1,this._resizeController=new n(this,{target:null,callback:()=>this._setPopoverPosition()}),this._escapableOverlayController=new u(this),this._focusTrapController=new d(this),this._blurTimeout=null,this._pointerDownListener=e=>{this._isPointerDownEventOnPopover=y(this.overlay,e)},this._closeOnBackdropClick=e=>{let t=e.composedPath();!this._isPointerDownEventOnPopover&&!y(this.overlay,e)&&(!this.trigger||!t.includes(this.trigger))&&(this._nextFocusedElement=t.filter(e=>e instanceof window.HTMLElement).find(e=>e.matches(l)),clearTimeout(this.closeTimeout),this.close())}}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;f=[v(),o()],e(this,null,f,{kind:`accessor`,name:`trigger`,static:!1,private:!1,access:{has:e=>`trigger`in e,get:e=>e.trigger,set:(e,t)=>{e.trigger=t}},metadata:t},p,h),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[S,a(A)]}#e;get trigger(){return this.#e}set trigger(e){this.#e=e}open(){if(!(this.state!==`closed`&&this.state!==`closing`||!this.overlay||!this.dispatchBeforeOpenEvent())){for(let e of j)(e.state===`opened`||e.state===`opening`)&&e.close();this.showPopover?.(),this.state=`opening`,this.inert=!0,this._setPopoverPosition(),this._attachWindowEvents(),this._escapableOverlayController.connect(),this._nextFocusedElement=void 0,this._skipCloseFocus=!1,this._triggerElement&&(this._triggerElement.ariaExpanded=`true`),this._isZeroAnimationDuration()&&this._handleOpening()}}close(e){this.state!==`opened`&&this.state!==`opening`||(this._popoverCloseElement=e,this.dispatchBeforeCloseEvent({closeTarget:e??null})&&(this.state=`closing`,this.inert=!0,this._triggerElement&&(this._triggerElement.ariaExpanded=`false`),this._isZeroAnimationDuration()&&this._handleClosing()))}_isZeroAnimationDuration(){return x(this,`--sbb-popover-animation-duration`)}_handleClosing(){this.state=`closed`,this.hidePopover?.(),this.overlay&&(this._resizeController.unobserve(this.overlay),this.overlay.firstElementChild?.scrollTo(0,0)),this.removeAttribute(`tabindex`),this._skipCloseFocus||(this._nextFocusedElement||this._triggerElement)?.focus(),this._escapableOverlayController.disconnect(),this._openStateController?.abort(),this._focusTrapController.enabled=!1,this.dispatchCloseEvent({closeTarget:this._popoverCloseElement??null})}_handleOpening(){this.state=`opened`,this.inert=!1,this._setPopoverFocus(),this._focusTrapController.enabled=!0,this.overlay&&this._resizeController.observe(this.overlay),this.dispatchOpenEvent()}connectedCallback(){this.popover=`manual`,super.connectedCallback(),this.state=`closed`,j.add(this),this.hasUpdated&&this._configureTrigger()}requestUpdate(e,t,n){super.requestUpdate(e,t,n),!i&&(!e||e===`trigger`||e===`hoverTrigger`)&&this.hasUpdated&&this._configureTrigger()}firstUpdated(e){super.firstUpdated(e),this._configureTrigger()}disconnectedCallback(){super.disconnectedCallback(),this._triggerElement=null,this._triggerAbortController?.abort(),this._openStateController?.abort(),j.delete(this),this._blurTimeout&&clearTimeout(this._blurTimeout)}_configureTrigger(){if(!i){if(this.hydrationRequired){this.hydrationComplete.then(()=>this._configureTrigger());return}this.configureTrigger(this._triggerElement??null)}}configureTrigger(e){this._triggerAbortController?.abort(),w(this._triggerElement),this._triggerElement=this.trigger,this._triggerElement&&(D(this,this._triggerElement,`dialog`,this.state),this._triggerAbortController=new AbortController,this.registerTriggerListeners(this._triggerAbortController.signal))}registerTriggerListeners(e){this._triggerElement.addEventListener(`click`,()=>this.open(),{signal:e})}_attachWindowEvents(){this._openStateController=new AbortController,document.addEventListener(`scroll`,()=>this._setPopoverPosition(),{passive:!0,signal:this._openStateController.signal,capture:!0}),window.addEventListener(`resize`,()=>this._setPopoverPosition(),{passive:!0,signal:this._openStateController.signal}),window.addEventListener(`pointerdown`,this._pointerDownListener,{signal:this._openStateController.signal}),window.addEventListener(`pointerup`,this._closeOnBackdropClick,{signal:this._openStateController.signal})}_closeOnSbbPopoverCloseClick(e){let t=e.composedPath().find((e,t,n)=>e instanceof HTMLElement&&t<n.indexOf(this)&&(e.hasAttribute(`sbb-popover-close`)||e.localName===`sbb-popover-close-button`)&&!e.hasAttribute(`disabled`));t&&(clearTimeout(this.closeTimeout),this.close(t))}_onPopoverAnimationEnd(e){e.animationName===`open`&&this.state===`opening`?this._handleOpening():e.animationName===`close`&&this.state===`closing`&&this._handleClosing()}_setPopoverFocus(){!this._focusTrapController.focusInitialElement()&&this._openStateController&&(this.setAttribute(`tabindex`,`0`),this.focus(),this.addEventListener(`blur`,e=>{this._blurTimeout=setTimeout(()=>{if(document.visibilityState!==`hidden`){if(this.removeAttribute(`tabindex`),this.contains(e.relatedTarget)||e.relatedTarget===this.trigger)return;(this.state===`opened`||this.state===`opening`)&&(this._skipCloseFocus=!0),this.close()}})},{signal:this._openStateController.signal}))}_setPopoverPosition(){if(!this.overlay||!this._triggerElement)return;let e=g(this.overlay,this._triggerElement,this.shadowRoot.querySelector(`.sbb-popover__container`),{verticalOffset:16,horizontalOffset:32,centered:!0,responsiveHeight:!0}),t=e.alignment.vertical;for(let e of[`above`,`below`])this.toggleState(`position-${e}`,e===t);let n=this._triggerElement.getBoundingClientRect().left-e.left+this._triggerElement.clientWidth/2-8;this.style.setProperty(`--_sbb-popover-position-x`,`${e.left}px`),this.style.setProperty(`--_sbb-popover-position-y`,`${e.top}px`),this.style.setProperty(`--_sbb-popover-arrow-position-x`,`${n}px`),this.style.setProperty(`--_sbb-popover-max-height`,e.maxHeight)}dispatchBeforeCloseEvent(e){let t=e?.closeTarget??null;return this.dispatchEvent(new M(`beforeclose`,{closeTarget:t,cancelable:!0}))}dispatchCloseEvent(e){let t=e?.closeTarget??null;return this.dispatchEvent(new M(`close`,{closeTarget:t,cancelable:!1}))}render(){return r`
+      <div class="sbb-popover__container">
+        <div
+          @animationend=${this._onPopoverAnimationEnd}
+          class="sbb-popover"
+          role="tooltip"
+          ${c(e=>this.overlay=e)}
+        >
+          <div
+            @click=${e=>this._closeOnSbbPopoverCloseClick(e)}
+            class="sbb-popover__content"
+          >
+            ${this.renderContent()}
+          </div>
+        </div>
+      </div>
+    `}}})();var P=`:host{--_sbb-popover-half-padding:calc(.5 * var(--sbb-popover-padding));position:relative}:host(:is(:state(has-close-button),[state--has-close-button])){--_sbb-popover-close-button-min-height:calc(var(--sbb-button-min-height-size-s) + 2 * var(--sbb-popover-padding));--_sbb-popover-close-button-min-width:calc(var(--_sbb-popover-close-button-min-height) - var(--_sbb-popover-half-padding))}.sbb-popover__content{padding-block:var(--_sbb-popover-half-padding);padding-inline:var(--_sbb-popover-half-padding) var(--_sbb-popover-close-button-min-width,var(--_sbb-popover-half-padding));min-height:var(--_sbb-popover-close-button-min-height)}.sbb-popover__scrollable-content{padding-inline:var(--_sbb-popover-half-padding);padding-block:var(--_sbb-popover-half-padding);max-height:calc(var(--_sbb-popover-max-height) - var(--sbb-spacing-fixed-1x));display:block;overflow:auto}::slotted(sbb-popover-close-button){inset:var(--sbb-popover-padding) var(--sbb-popover-padding) auto auto;position:absolute}
+`;const F=i?!1:matchMedia(p).matches;let I=(()=>{let n=N,i=[],c,l=[],u=[],d,f,p,m=[],g=[];return class extends n{constructor(){super(...arguments),this.#e=(t(this,i),t(this,l,!1)),this._openDelay=t(this,u),this.#t=t(this,m,!1),this._openTimeout=t(this,g),this._overlayAbortController=null,this._onTriggerMouseEnter=()=>{this.state===`closed`||this.state===`closing`?this._openTimeout=setTimeout(()=>{T.reset(),this.open()},this.openDelay):clearTimeout(this.closeTimeout)},this._onTriggerMouseLeave=()=>{this.state===`opened`||this.state===`opening`?this.closeTimeout=setTimeout(()=>this.close(),this.closeDelay):clearTimeout(this._openTimeout)},this._onOverlayMouseEnter=()=>{this.state!==`opening`&&clearTimeout(this.closeTimeout)},this._onOverlayMouseLeave=()=>{this.state!==`opening`&&(this.closeTimeout=setTimeout(()=>this.close(),this.closeDelay))}}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;c=[h(),o({attribute:`hover-trigger`,type:Boolean})],d=[o({attribute:`open-delay`,type:Number})],f=[o({attribute:`close-delay`,type:Number})],p=[s()],e(this,null,c,{kind:`accessor`,name:`hoverTrigger`,static:!1,private:!1,access:{has:e=>`hoverTrigger`in e,get:e=>e.hoverTrigger,set:(e,t)=>{e.hoverTrigger=t}},metadata:t},l,u),e(this,null,d,{kind:`setter`,name:`openDelay`,static:!1,private:!1,access:{has:e=>`openDelay`in e,set:(e,t)=>{e.openDelay=t}},metadata:t},null,i),e(this,null,f,{kind:`setter`,name:`closeDelay`,static:!1,private:!1,access:{has:e=>`closeDelay`in e,set:(e,t)=>{e.closeDelay=t}},metadata:t},null,i),e(this,null,p,{kind:`accessor`,name:`_hoverTrigger`,static:!1,private:!1,access:{has:e=>`_hoverTrigger`in e,get:e=>e._hoverTrigger,set:(e,t)=>{e._hoverTrigger=t}},metadata:t},m,g),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-popover`}static{this.styles=[E,a(P)]}#e;get hoverTrigger(){return this.#e}set hoverTrigger(e){this.#e=e}set openDelay(e){this._openDelay=+e}get openDelay(){return this._openDelay??C().popover?.openDelay??0}set closeDelay(e){this._closeDelay=+e}get closeDelay(){return this._closeDelay??C().popover?.closeDelay??0}#t;get _hoverTrigger(){return this.#t}set _hoverTrigger(e){this.#t=e}configureTrigger(e){let t=this.hoverTrigger&&!F;this.trigger===e&&t===this._hoverTrigger||(this._hoverTrigger!==t&&(this._hoverTrigger=t,this.toggleState(`hover-trigger`,this._hoverTrigger),this._registerOverlayListeners()),super.configureTrigger(e))}_registerOverlayListeners(){this._overlayAbortController?.abort(),this._hoverTrigger&&(this._overlayAbortController=new AbortController,this.overlay?.addEventListener(`mouseenter`,()=>this._onOverlayMouseEnter(),{signal:this._overlayAbortController.signal}),this.overlay?.addEventListener(`mouseleave`,()=>this._onOverlayMouseLeave(),{signal:this._overlayAbortController.signal}))}registerTriggerListeners(e){this._hoverTrigger&&this.trigger?(this.trigger.addEventListener(`mouseenter`,this._onTriggerMouseEnter,{signal:e}),this.trigger.addEventListener(`mouseleave`,this._onTriggerMouseLeave,{signal:e}),this.trigger.addEventListener(`keydown`,e=>{(e.code===`Space`||e.code===`Enter`)&&this.open()},{signal:e}),this.trigger.addEventListener(`mousedown`,e=>{b(e)&&this.open()},{signal:e})):super.registerTriggerListeners(e)}firstUpdated(e){super.firstUpdated(e),this._registerOverlayListeners()}open(){super.open(),this.hoverTrigger&&this.trigger&&O(this.trigger).add(`force-hover`)}close(){super.close(),O(this.trigger)?.delete(`force-hover`)}renderContent(){return r`
+      <span class="sbb-popover__scrollable-content sbb-scrollbar">
+        <slot
+          @slotchange=${()=>this.toggleState(`has-close-button`,!!this.querySelector(`sbb-popover-close-button`))}
+        ></slot>
+      </span>
+    `}}})();var L=class extends k{static{this.elementName=`sbb-popover-close-button`}constructor(){super(),this._languageController=new f(this).withHandler(()=>this.internals.ariaLabel=_[this._languageController.current]),this.size=`s`}renderTemplate(){return super.renderIconSlot()}renderIconName(){return super.renderIconName()||`cross-small`}};export{N as SbbPopoverBaseElement,L as SbbPopoverCloseButtonElement,M as SbbPopoverCloseEvent,I as SbbPopoverElement};

package/radio-button-group.js

@@ -1,6 +1 @@
-import { SbbRadioButtonGroupElement as e } from "./radio-button-group/radio-button-group.component.js";
-import "./radio-button-group.pure.js";
-//#region src/elements/radio-button-group.ts
-e.define();
-//#endregion
-export { e as SbbRadioButtonGroupElement };
+import{SbbRadioButtonGroupElement as e}from"./radio-button-group.pure.js";export*from"./radio-button-group.pure.js";e.define();

package/radio-button-group.pure.js

@@ -1,2 +1 @@
-import { SbbRadioButtonGroupElement as e } from "./radio-button-group/radio-button-group.component.js";
-export { e as SbbRadioButtonGroupElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{property as n}from"lit/decorators.js";import{SbbSelectionGroupBaseElement as r,forceType as i}from"./core.js";let a=0,o=(()=>{let o=r,s=[],c,l=[],u=[],d,f,p=[],m=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;c=[i(),n({attribute:`allow-empty-selection`,type:Boolean})],d=[n()],f=[i(),n()],e(this,null,c,{kind:`accessor`,name:`allowEmptySelection`,static:!1,private:!1,access:{has:e=>`allowEmptySelection`in e,get:e=>e.allowEmptySelection,set:(e,t)=>{e.allowEmptySelection=t}},metadata:t},l,u),e(this,null,d,{kind:`setter`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,set:(e,t)=>{e.value=t}},metadata:t},null,s),e(this,null,f,{kind:`accessor`,name:`name`,static:!1,private:!1,access:{has:e=>`name`in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},p,m),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-radio-button-group`}static{this.role=`radiogroup`}static{this.events={didChange:`didChange`,change:`change`,input:`input`}}#e;get allowEmptySelection(){return this.#e}set allowEmptySelection(e){this.#e=e}set value(e){if(this._fallbackValue=e,!this.hasUpdated)return;if(e==null){this.selectionElements.forEach(e=>e.checked=!1);return}let t=this.selectionElements.find(t=>t.value===e);t&&(t.checked=!0)}get value(){return this.selectionElements.find(e=>e.checked&&!e.disabled)?.value??this._fallbackValue}#t;get name(){return this.#t}set name(e){this.#t=e}get radioButtons(){return this.selectionElements}constructor(){super(),this.selectionElementSelectors=(t(this,s),`sbb-radio-button, sbb-radio-button-panel`),this.panelElementSelector=`sbb-radio-button-panel`,this.#e=t(this,l,!1),this._fallbackValue=(t(this,u),null),this.#t=t(this,p,`sbb-radio-button-group-${++a}`),t(this,m),this.addEventListener?.(`change`,e=>this._onRadioChange(e)),this.addEventListener?.(`ɵradiobuttonvaluechange`,()=>this._updateRadioState())}willUpdate(e){super.willUpdate(e),e.has(`name`)&&this._updateRadiosName()}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>this._updateRadioState())}_onRadioChange(e){let t=e.target;t.localName!==`sbb-radio-button`&&t.localName!==`sbb-radio-button-panel`||t.group!==this||(this._fallbackValue=null,this.dispatchEvent(new Event(`didChange`,{bubbles:!0})))}_updateRadiosName(){this.selectionElements.forEach(e=>e.name=this.name)}_updateRadioState(){this._fallbackValue!=null&&(this.value=this.value)}onSlotChange(){super.onSlotChange(),this._updateRadiosName(),this._updateRadioState()}}})();export{o as SbbRadioButtonGroupElement};

package/radio-button-panel.js

@@ -1,6 +1 @@
-import { SbbRadioButtonPanelElement as e } from "./radio-button-panel/radio-button-panel.component.js";
-import "./radio-button-panel.pure.js";
-//#region src/elements/radio-button-panel.ts
-e.define();
-//#endregion
-export { e as SbbRadioButtonPanelElement };
+import{SbbRadioButtonPanelElement as e}from"./radio-button-panel.pure.js";export*from"./radio-button-panel.pure.js";e.define();

package/radio-button-panel.pure.js

@@ -1,2 +1,16 @@
-import { SbbRadioButtonPanelElement as e } from "./radio-button-panel/radio-button-panel.component.js";
-export { e as SbbRadioButtonPanelElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{property as a}from"lit/decorators.js";import{SbbElement as o,SbbFormAssociatedRadioButtonMixin as s,SbbPanelMixin as c,SbbPropertyWatcherController as l,SbbUpdateSchedulerMixin as u,screenReaderOnlyStyles as d}from"./core.js";var f=`:host{--sbb-radio-button-inner-circle-color:var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width:calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align:calc((1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2)}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color:var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width:calc((var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2)}@media (forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color:Highlight;--sbb-radio-button-border-color:Highlight}}:host(:disabled){--sbb-radio-button-label-color:light-dark(var(--sbb-color-granite),var(--sbb-color-aluminium));--sbb-radio-button-background-color:var(--sbb-background-color-3);--sbb-radio-button-border-style:dashed;--sbb-radio-button-inner-circle-color:var(--sbb-radio-button-background-color);--sbb-radio-button-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:disabled){--sbb-radio-button-background-color:Canvas;--sbb-radio-button-inner-circle-color:GrayText;--sbb-radio-button-border-color:GrayText;--sbb-radio-button-border-style:solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color:var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size:var(--sbb-text-font-size-xs);--sbb-radio-button-dimension:var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size:var(--sbb-text-font-size-s);--sbb-radio-button-dimension:var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size:var(--sbb-text-font-size-m);--sbb-radio-button-dimension:var(--sbb-radio-button-dimension-m)}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);cursor:var(--sbb-radio-button-cursor);user-select:none;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent;display:block;position:relative}.sbb-radio-button__label-slot{min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text));align-items:flex-start;display:flex;overflow:hidden}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:"";width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));border-radius:50%;flex-shrink:0;margin-block-start:var(--sbb-radio-button-icon-align);transition-property:background-color,border;transition-timing-function:ease}@media (forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color);position:absolute}
+`;const p=n=>(()=>{let r=s(n),o=[],c;return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;c=[a({attribute:`allow-empty-selection`,type:Boolean})],e(this,null,c,{kind:`setter`,name:`allowEmptySelection`,static:!1,private:!1,access:{has:e=>`allowEmptySelection`in e,set:(e,t)=>{e.allowEmptySelection=t}},metadata:t},null,o),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[i(f)]}static{this.events={change:`change`,input:`input`}}set allowEmptySelection(e){this._allowEmptySelection=!!e}get allowEmptySelection(){return this._allowEmptySelection||(this.group?.allowEmptySelection??!1)}get group(){return this._group}constructor(){super(),this._allowEmptySelection=(t(this,o),!1),this._group=null,this.addEventListener?.(`click`,e=>this._handleClick(e)),this.addEventListener?.(`keydown`,e=>this._handleKeyDown(e)),this.addController(new l(this,()=>this.closest(`sbb-radio-button-group`),[`disabled`,`required`,`size`].reduce((e,t)=>Object.assign(e,{[t]:()=>this.requestUpdate(t)}),{})))}connectedCallback(){super.connectedCallback(),this._group=this.closest(`sbb-radio-button-group`)}select(){this.disabled||this.formDisabled||(this.allowEmptySelection?(this.checked=!this.checked,this.emitChangeEvents()):this.checked||(this.checked=!0,this.emitChangeEvents()))}willUpdate(e){super.willUpdate(e),e.has(`value`)&&this.dispatchEvent(new Event(`ɵradiobuttonvaluechange`,{bubbles:!0}))}isDisabledExternally(){return this.group?.disabled??!1}isRequiredExternally(){return this.group?.required??!1}async _handleClick(e){e.preventDefault(),this.select(),await this.updateComplete,this.focus()}_handleKeyDown(e){e.code===`Space`&&(e.preventDefault(),this.select())}}})();let m=(()=>{let i=c(p(u(o))),s,l=[],f=[];return class extends i{constructor(){super(...arguments),this.#e=t(this,l,null),this._hasSelectionPanelElement=(t(this,f),!1)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;s=[a()],e(this,null,s,{kind:`accessor`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},l,f),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-radio-button-panel`}static{this.styles=[d]}static{this.events={change:`change`,input:`input`}}#e;get value(){return this.#e}set value(e){this.#e=e}connectedCallback(){super.connectedCallback(),this._hasSelectionPanelElement=!!this.closest?.(`sbb-selection-expansion-panel, sbb-selection-action-panel`)}willUpdate(e){super.willUpdate(e),e.has(`checked`)&&this.toggleState(`checked`,this.checked)}updateFocusableRadios(){super.updateFocusableRadios(),Array.from(this.associatedRadioButtons??[]).filter(e=>!e.disabled&&e._hasSelectionPanelElement).forEach(e=>e.tabIndex=0)}async navigateByKeyboard(e){this._hasSelectionPanelElement?e.focus():await super.navigateByKeyboard(e)}render(){return n`
+      <div class="sbb-selection-panel">
+        <div class="sbb-selection-panel__badge">
+          <slot name="badge"></slot>
+        </div>
+        <span class="sbb-radio-button">
+          <span class="sbb-radio-button__label-slot">
+            <slot></slot>
+            <slot name="suffix"></slot>
+          </span>
+          <slot name="subtext"></slot>
+          ${this.expansionState?n`<span class="sbb-screen-reader-only">${this.expansionState}</span>`:r}
+        </span>
+      </div>
+    `}}})();export{m as SbbRadioButtonPanelElement};

package/radio-button.js

@@ -1,7 +1 @@
-import { t as e } from "./radio-button-common-OaxGvaS9.js";
-import { t } from "./radio-button.component-DznnXJCN.js";
-import "./radio-button.pure.js";
-//#region src/elements/radio-button.ts
-t.define();
-//#endregion
-export { e as SbbRadioButtonCommonElementMixin, t as SbbRadioButtonElement };
+import{SbbRadioButtonElement as e}from"./radio-button.pure.js";export*from"./radio-button.pure.js";e.define();

package/radio-button.pure.js

@@ -1,3 +1,9 @@
-import { t as e } from "./radio-button-common-OaxGvaS9.js";
-import { t } from "./radio-button.component-DznnXJCN.js";
-export { e as SbbRadioButtonCommonElementMixin, t as SbbRadioButtonElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,SbbFormAssociatedRadioButtonMixin as o,SbbPropertyWatcherController as s,getOverride as c}from"./core.js";var l=`:host{--sbb-radio-button-inner-circle-color:var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width:calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align:calc((1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2)}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color:var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width:calc((var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2)}@media (forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color:Highlight;--sbb-radio-button-border-color:Highlight}}:host(:disabled){--sbb-radio-button-label-color:light-dark(var(--sbb-color-granite),var(--sbb-color-aluminium));--sbb-radio-button-background-color:var(--sbb-background-color-3);--sbb-radio-button-border-style:dashed;--sbb-radio-button-inner-circle-color:var(--sbb-radio-button-background-color);--sbb-radio-button-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:disabled){--sbb-radio-button-background-color:Canvas;--sbb-radio-button-inner-circle-color:GrayText;--sbb-radio-button-border-color:GrayText;--sbb-radio-button-border-style:solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color:var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size:var(--sbb-text-font-size-xs);--sbb-radio-button-dimension:var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size:var(--sbb-text-font-size-s);--sbb-radio-button-dimension:var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size:var(--sbb-text-font-size-m);--sbb-radio-button-dimension:var(--sbb-radio-button-dimension-m)}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);cursor:var(--sbb-radio-button-cursor);user-select:none;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent;display:block;position:relative}.sbb-radio-button__label-slot{min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text));align-items:flex-start;display:flex;overflow:hidden}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:"";width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));border-radius:50%;flex-shrink:0;margin-block-start:var(--sbb-radio-button-icon-align);transition-property:background-color,border;transition-timing-function:ease}@media (forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color);position:absolute}
+`;const u=n=>(()=>{let a=o(n),c=[],u;return class extends a{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;u=[i({attribute:`allow-empty-selection`,type:Boolean})],e(this,null,u,{kind:`setter`,name:`allowEmptySelection`,static:!1,private:!1,access:{has:e=>`allowEmptySelection`in e,set:(e,t)=>{e.allowEmptySelection=t}},metadata:t},null,c),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[r(l)]}static{this.events={change:`change`,input:`input`}}set allowEmptySelection(e){this._allowEmptySelection=!!e}get allowEmptySelection(){return this._allowEmptySelection||(this.group?.allowEmptySelection??!1)}get group(){return this._group}constructor(){super(),this._allowEmptySelection=(t(this,c),!1),this._group=null,this.addEventListener?.(`click`,e=>this._handleClick(e)),this.addEventListener?.(`keydown`,e=>this._handleKeyDown(e)),this.addController(new s(this,()=>this.closest(`sbb-radio-button-group`),[`disabled`,`required`,`size`].reduce((e,t)=>Object.assign(e,{[t]:()=>this.requestUpdate(t)}),{})))}connectedCallback(){super.connectedCallback(),this._group=this.closest(`sbb-radio-button-group`)}select(){this.disabled||this.formDisabled||(this.allowEmptySelection?(this.checked=!this.checked,this.emitChangeEvents()):this.checked||(this.checked=!0,this.emitChangeEvents()))}willUpdate(e){super.willUpdate(e),e.has(`value`)&&this.dispatchEvent(new Event(`ɵradiobuttonvaluechange`,{bubbles:!0}))}isDisabledExternally(){return this.group?.disabled??!1}isRequiredExternally(){return this.group?.required??!1}async _handleClick(e){e.preventDefault(),this.select(),await this.updateComplete,this.focus()}_handleKeyDown(e){e.code===`Space`&&(e.preventDefault(),this.select())}}})();var d=`:host{display:block;outline:none!important}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))){--sbb-radio-button-label-gap:0}:host(:focus-visible) .sbb-radio-button{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}
+`;let f=(()=>{let o=u(a),s,l=[],f=[],p,m=[],h=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;s=[i({reflect:!0}),c((e,t)=>e.group?.size??t)],p=[i()],e(this,null,s,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},l,f),e(this,null,p,{kind:`accessor`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},m,h),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-radio-button`}static{this.styles=[r(d)]}static{this.events={change:`change`,input:`input`}}#e=t(this,l,null);get size(){return this.#e}set size(e){this.#e=e}#t=(t(this,f),t(this,m,null));get value(){return this.#t}set value(e){this.#t=e}render(){return n`
+      <div class="sbb-radio-button">
+        <span class="sbb-radio-button__label-slot">
+          <slot></slot>
+        </span>
+      </div>
+    `}constructor(){super(...arguments),t(this,h)}}})();export{u as SbbRadioButtonCommonElementMixin,f as SbbRadioButtonElement};

package/safety-theme.css

@@ -1720,7 +1720,15 @@ summary {
   --sbb-stepper-marker-color: var(--sbb-color-3);
   --sbb-table-border-color: var(--sbb-color-cloud);
   --sbb-table-border-color: light-dark(var(--sbb-color-cloud), var(--sbb-color-anthracite));
+  --sbb-table-border-color-hover: var(--sbb-color-aluminium);
+  --sbb-table-border-color-hover: light-dark(
+    var(--sbb-color-aluminium),
+    var(--sbb-table-border-color)
+  );
+  --sbb-table-border-color-selected: var(--sbb-background-color-4-inverted);
+  --sbb-table-border-width: var(--sbb-border-width-1x);
   --sbb-table-background-color: var(--sbb-background-color-1);
+  --sbb-table-background-color-hover: var(--sbb-background-color-4);
   --sbb-table-row-striped-color: var(--sbb-background-color-3);
   --sbb-table-color: var(--sbb-color-1);
   --sbb-table-caption-color: var(--sbb-color-granite);
@@ -2248,6 +2256,10 @@ sbb-card .sbb-action {
   pointer-events: all;
 }
 
+sbb-carousel-item sbb-image {
+  border-radius: unset;
+}
+
 sbb-container > [slot=image]:is(sbb-image, img),
 sbb-container > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   --sbb-image-object-fit: cover;
@@ -2546,7 +2558,7 @@ sbb-sidebar-container:is(:has(> sbb-sidebar:not([position=end]):is(:is(:state(st
 }
 
 :is(.sbb-table, .sbb-table-m, .sbb-table-s, .sbb-table-xs) {
-  --sbb-table-border: var(--sbb-border-width-1x) solid var(--sbb-table-border-color);
+  --sbb-table-border: var(--sbb-table-border-width) solid var(--sbb-table-border-color);
   --sbb-table-sticky-shadow-transition-duration: var(
     --sbb-disable-animation-duration,
     var(--sbb-animation-duration-6x)
@@ -2630,7 +2642,10 @@ sbb-sidebar-container:is(:has(> sbb-sidebar:not([position=end]):is(:is(:state(st
 sbb-table-wrapper[negative] .sbb-table,
 .sbb-table--negative {
   --sbb-table-border-color: var(--sbb-color-anthracite);
+  --sbb-table-border-color-hover: var(--sbb-table-border-color);
+  --sbb-table-border-color-selected: var(--sbb-color-cloud);
   --sbb-table-background-color: var(--sbb-background-color-1-negative);
+  --sbb-table-background-color-hover: var(--sbb-background-color-4-negative);
   --sbb-table-color: var(--sbb-color-1-negative);
   --sbb-table-row-striped-color: var(--sbb-background-color-3-negative);
   --sbb-table-caption-color: var(--sbb-color-cement);
@@ -2644,6 +2659,26 @@ sbb-table-wrapper[negative] .sbb-table,
   background-color: var(--sbb-table-background-color);
 }
 
+.sbb-table--hover tbody tr:hover :is(th, td) {
+  background-color: var(--sbb-table-background-color-hover);
+  border-color: var(--sbb-table-border-color-hover);
+}
+.sbb-table--hover :is(thead:has(+ tbody tr:first-of-type:hover) tr:last-of-type :is(th, td),
+tbody tr:has(+ tr:hover) :is(th, td)) {
+  border-block-end-color: var(--sbb-table-border-color-hover);
+}
+
+tr.sbb-table--selected :is(th, td) {
+  position: relative;
+}
+tr.sbb-table--selected :is(th, td)::after {
+  content: "";
+  position: absolute;
+  inset: 0 0 calc(-1 * var(--sbb-table-border-width));
+  pointer-events: none;
+  border-block-end: var(--sbb-table-border-width) solid var(--sbb-table-border-color-selected);
+}
+
 .sbb-table--theme-iron {
   --sbb-table-cell-color: var(--sbb-color-4);
 }
@@ -2766,6 +2801,9 @@ sbb-tab-nav-bar .sbb-tab-amount {
   filter: brightness(var(--sbb-teaser-image-brightness, 1));
   transition: filter, scale var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
 }
+:is(sbb-teaser, sbb-teaser-hero, sbb-teaser-product) .sbb-figure {
+  max-width: 100%;
+}
 
 sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
   --sbb-image-object-fit: cover;

package/select.js

@@ -1,6 +1 @@
-import { t as e } from "./select.component-Drb7KsP3.js";
-import "./select.pure.js";
-//#region src/elements/select.ts
-e.define();
-//#endregion
-export { e as SbbSelectElement };
+import{SbbSelectElement as e}from"./select.pure.js";export*from"./select.pure.js";e.define();

package/select.pure.js

@@ -1,2 +1,39 @@
-import { t as e } from "./select.component-Drb7KsP3.js";
-export { e as SbbSelectElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{MutationController as n}from"@lit-labs/observers/mutation-controller.js";import{ResizeController as r}from"@lit-labs/observers/resize-controller.js";import{html as i,isServer as a,nothing as o,unsafeCSS as s}from"lit";import{property as c,state as l}from"lit/decorators.js";import{ref as u}from"lit/directives/ref.js";import{until as d}from"lit/directives/until.js";import{SbbDisabledMixin as ee,SbbEscapableOverlayController as f,SbbFormAssociatedMixin as p,SbbLanguageController as te,SbbNegativeMixin as m,SbbOpenCloseBaseElement as h,SbbPropertyWatcherController as g,SbbReadonlyMixin as _,SbbRequiredMixin as v,SbbUpdateSchedulerMixin as y,forceType as b,getNextElementIndex as x,getOverride as S,handleDistinctChange as C,i18nSelectionRequired as w,isEventOnElement as T,isNextjs as E,isSafari as D,isZeroAnimationDuration as O,popoverResetStyles as k,scrollbarStyles as A,setOrRemoveAttribute as j,setOverlayPosition as ne}from"./core.js";import{optionPanelStyles as M}from"./option.pure.js";var re=`:host{--sbb-select-placeholder-fallback-color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke));--sbb-options-panel-internal-z-index:var(--sbb-select-z-index,var(--sbb-overlay-default-z-index));display:block}:host([negative]){--sbb-select-placeholder-fallback-color:var(--sbb-color-5)}.sbb-select__trigger{white-space:nowrap;text-overflow:ellipsis;cursor:var(--sbb-cursor-default);height:calc(1em * var(--sbb-typo-line-height-text));overflow:hidden}:host(:not(:is(:state(has-display-value),[state--has-display-value]))) .sbb-select__trigger{color:var(--sbb-select-placeholder-color,var(--sbb-select-placeholder-fallback-color));-webkit-text-fill-color:var(--sbb-select-placeholder-color,var(--sbb-select-placeholder-fallback-color))}
+`;const N=D;let ie=0,P=(()=>{let D=y(ee(m(v(_(p(h)))))),P=[],F,I=[],L=[],R,z=[],B=[],V,H=[],U=[],W,G=[],K=[],q,J,Y=[],X=[],Z,Q=[],$=[];return class extends D{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(D[Symbol.metadata]??null):void 0;F=[b(),c()],R=[b(),C((e,t)=>e._onMultipleChanged(t)),c({reflect:!0,type:Boolean})],V=[c({attribute:!1})],W=[b(),C((e,t)=>e._closeOnDisabledReadonlyChanged(t)),c({reflect:!0,type:Boolean}),S((e,t)=>t||e.isDisabledExternally())],q=[c()],J=[c({reflect:!0})],Z=[l()],e(this,null,F,{kind:`accessor`,name:`placeholder`,static:!1,private:!1,access:{has:e=>`placeholder`in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:t},I,L),e(this,null,R,{kind:`accessor`,name:`multiple`,static:!1,private:!1,access:{has:e=>`multiple`in e,get:e=>e.multiple,set:(e,t)=>{e.multiple=t}},metadata:t},z,B),e(this,null,V,{kind:`accessor`,name:`compareWith`,static:!1,private:!1,access:{has:e=>`compareWith`in e,get:e=>e.compareWith,set:(e,t)=>{e.compareWith=t}},metadata:t},H,U),e(this,null,W,{kind:`accessor`,name:`disabled`,static:!1,private:!1,access:{has:e=>`disabled`in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:t},G,K),e(this,null,q,{kind:`setter`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,set:(e,t)=>{e.value=t}},metadata:t},null,P),e(this,null,J,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},Y,X),e(this,null,Z,{kind:`accessor`,name:`_displayValue`,static:!1,private:!1,access:{has:e=>`_displayValue`in e,get:e=>e._displayValue,set:(e,t)=>{e._displayValue=t}},metadata:t},Q,$),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-select`}static{this.role=N?`listbox`:null}static{this.styles=[k,A,M,s(re)]}static{this.events={change:`change`,input:`input`,displayvaluechange:`displayvaluechange`,beforeopen:`beforeopen`,open:`open`,beforeclose:`beforeclose`,close:`close`}}#e;get placeholder(){return this.#e}set placeholder(e){this.#e=e}#t;get multiple(){return this.#t}set multiple(e){this.#t=e}#n;get compareWith(){return this.#n}set compareWith(e){this.#n=e}#r;get disabled(){return this.#r}set disabled(e){this.#r=e}set value(e){this._value=e,this._isValueManuallyAssigned=!0,this._updateOptionsFromValue()}get value(){return this._value}#i;get size(){return this.#i}set size(e){this.#i=e}get type(){return this.multiple?`select-multiple`:`select-one`}#a;get _displayValue(){return this.#a}set _displayValue(e){this.#a=e}get inputElement(){return this._triggerElement??null}get options(){let e=[];return this.querySelectorAll?.(`sbb-option`).forEach(t=>{customElements.upgrade(t),e.push(t)}),e}constructor(){super(),this.#e=(t(this,P),t(this,I,``)),this.#t=(t(this,L),t(this,z,!1)),this.#n=(t(this,B),t(this,H,(e,t)=>e===t)),this.#r=(t(this,U),t(this,G,!1)),this._value=(t(this,K),null),this.#i=t(this,Y,null),this.#a=(t(this,X),t(this,Q,null)),this._resizeObserver=(t(this,$),new r(this,{target:null,skipInitial:!0,callback:(()=>{let e;return()=>{clearTimeout(e),e=setTimeout(()=>{this.state!==`closed`&&this._setOverlayPosition()},10)}})()})),this._originElement=null,this._triggerElement=null,this._escapableOverlayController=new f(this),this._overlayId=`sbb-select-${++ie}`,this._activeItemIndex=-1,this._searchString=``,this._didLoad=!1,this._isPointerDownEventOnMenu=!1,this._languageController=new te(this),this._isValueManuallyAssigned=!1,this._pointerDownListener=e=>{this._isPointerDownEventOnMenu=T(this._overlay,e)},this._closeOnBackdropClick=e=>{!this._isPointerDownEventOnMenu&&!T(this._overlay,e)&&!T(this._originElement,e)&&this.close()},this.addEventListener?.(`optionselectionchange`,e=>this._onOptionChanged(e)),this.addEventListener?.(`optionLabelChanged`,e=>this._onOptionLabelChanged(e)),this.addEventListener?.(`ɵoptionvaluechange`,()=>this._updateValueOptionState()),this.addEventListener?.(`ɵoptgroupslotchange`,()=>this._updateValueOptionState(),{capture:!0}),this.addEventListener?.(`click`,e=>{let t=e.target;t.localName===`sbb-option`?!this.multiple&&!t.disabled&&(this.close(),this.focus()):this._toggleOpening()}),this.addController(new n(this,{config:{attributeFilter:[`aria-labelledby`,`aria-label`,`aria-describedby`]},callback:()=>this._syncAriaLabels()})),this.addController(new g(this,()=>this.closest(`sbb-form-field`),{negative:e=>{this.negative=e.negative,this._syncNegative()}}))}_syncAriaLabels(){!this._triggerElement||a||(j(this._triggerElement,`aria-labelledby`,this.getAttribute(`aria-labelledby`)),j(this._triggerElement,`aria-label`,this.getAttribute(`aria-label`)),j(this._triggerElement,`aria-describedby`,this.getAttribute(`aria-describedby`)),!this.getAttribute(`aria-label`)&&!this.getAttribute(`aria-labelledby`)&&this.internals.labels.length&&this._triggerElement?.setAttribute(`aria-label`,Array.from(this.internals.labels,e=>e.textContent).join(`, `)))}open(){this.state===`opening`||this.state===`opened`||!this._overlay||this.options.length===0||this.disabled||this.formDisabled||!this.dispatchBeforeOpenEvent()||(this.shadowRoot?.querySelector(`[popover]`)?.showPopover?.(),this.state=`opening`,this.internals.states.add(`expanded`),this._setOverlayPosition(),this._escapableOverlayController.connect(),this._attachOpenPanelEvents(),this._isZeroAnimationDuration()&&this._handleOpening())}close(){this.state===`closing`||this.state===`closed`||!this.dispatchBeforeCloseEvent()||(this.state=`closing`,this.internals.states.delete(`expanded`),this._openPanelEventsController?.abort(),this._originElement&&this._resizeObserver.unobserve(this._originElement),this._isZeroAnimationDuration()&&this._handleClosing())}_isZeroAnimationDuration(){return O(this,`--sbb-options-panel-animation-duration`)}getDisplayValue(){return this._displayValue??``}_selectableOptions(){return this.options.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`))}_onOptionChanged(e){let t=e.target;t.selected?this._onOptionSelected(t):this._onOptionDeselected(t)}_onOptionLabelChanged(e){let t=e.target,n=this._getSelected();!Array.isArray(n)&&t!==n||Array.isArray(n)&&!n.includes(t)||this._updateDisplayValue()}_updateDisplayValue(){let e=this._getSelected();Array.isArray(e)?this._displayValue=e.map(e=>e.textContent?.trim()).join(`, `)||null:e?this._displayValue=e?.textContent?.trim()||null:this._displayValue=null,this.toggleState(`has-display-value`,!!this._displayValue),this.dispatchEvent(new Event(`displayvaluechange`,{bubbles:!0,composed:!0}))}_onMultipleChanged(e){e?this._value=this._isValueManuallyAssigned||this.value!=null?[this.value]:[]:Array.isArray(this.value)&&(this._value=this.value.length?this.value[0]:null),this._updateDisplayValue()}_closeOnDisabledReadonlyChanged(e){(this.state===`opening`||this.state===`opened`)&&e&&this.close()}firstUpdated(e){super.firstUpdated(e),this._updateValueOptionState(),E()||(this.startUpdate(),this._setupSelect())}focus(){this._triggerElement?.focus()}blur(){this._triggerElement?.blur()}removeAttribute(e){E()&&e===`defer-hydration`&&!this._didLoad&&this.updateComplete.then(()=>this._setupSelect()),super.removeAttribute(e)}connectedCallback(){super.connectedCallback(),N&&(this.id||=this._overlayId),this._syncNegative(),this._syncAriaLabels(),this._didLoad&&(this._setupOrigin(),this._setupTrigger())}requestUpdate(e,t,n){super.requestUpdate(e,t,n),!e&&this.hasUpdated&&setTimeout(()=>this._syncAriaLabels())}willUpdate(e){super.willUpdate(e),e.has(`negative`)&&this._syncNegative(),e.has(`readOnly`)&&this._closeOnDisabledReadonlyChanged(this.readOnly)}disconnectedCallback(){this._triggerElement&&this.prepend(this._triggerElement),super.disconnectedCallback(),this._openPanelEventsController?.abort()}formResetCallback(){this.value=this.hasAttribute(`value`)?this.getAttribute(`value`):null}formStateRestoreCallback(e,t){try{let{value:t,manuallyAssigned:n}=JSON.parse(e);this._isValueManuallyAssigned=n,this._value=t,this._updateOptionsFromValue()}catch{console.warn(`Failed to restore sbb-select with state ${e}`)}}formState(){return JSON.stringify({value:this.value,manuallyAssigned:this._isValueManuallyAssigned})}_syncNegative(){this.querySelectorAll?.(`sbb-divider, sbb-option-hint`).forEach(e=>e.negative=this.negative)}shouldValidate(e){return super.shouldValidate(e)||e===`value`||e===`required`}validate(){super.validate();let e=Array.isArray(this.value)?this.value:this.value===null?[]:[this.value];this.required&&(this.options.every(t=>e.every(e=>!this.compareWith(e,t.value)))||!this._isValueManuallyAssigned&&this.value==null)?this.setValidityFlag(`valueMissing`,w[this._languageController.current]):this.removeValidityFlag(`valueMissing`)}_setupSelect(){this._setupOrigin(),this._setupTrigger(),this._didLoad=!0,this.completeUpdate()}_setupOrigin(){let e=this.closest?.(`sbb-form-field`);this._originElement&&this._resizeObserver.unobserve(this._originElement),this._originElement=e?.shadowRoot?.querySelector?.(`#overlay-anchor`)??this.parentElement,this._originElement&&(this.toggleState(`option-panel-origin-borderless`,e?.hasAttribute?.(`borderless`)),this.isOpen&&this._resizeObserver.observe(this._originElement))}_setupTrigger(){this.parentElement&&this._triggerElement&&this.parentElement.insertBefore?.(this._triggerElement,this)}_setOverlayPosition(){this._originElement&&ne(this._overlay,this._originElement,this._overlay,this.shadowRoot.querySelector(`.sbb-option-panel__overlay-container`),this)}_onAnimationEnd(e){e.animationName===`open`&&this.state===`opening`?this._handleOpening():e.animationName===`close`&&this.state===`closing`&&this._handleClosing()}_handleOpening(){this.state=`opened`,this._triggerElement?.setAttribute(`aria-expanded`,`true`),this._originElement&&this._resizeObserver.observe(this._originElement),this.dispatchOpenEvent()}_handleClosing(){this.state=`closed`,this.shadowRoot?.querySelector(`[popover]`)?.hidePopover?.(),this._triggerElement?.setAttribute(`aria-expanded`,`false`),this._resetActiveElement(),this._overlay.scrollTop=0,this._escapableOverlayController.disconnect(),this.dispatchCloseEvent()}_onOptionSelected(e){this.multiple?this.value?Array.isArray(this.value)&&!this.value.some(t=>this.compareWith(t,e.value))&&(this._value=[...this.value,e.value]):this._value=[e.value]:this._value=e.value,this._updateOptionsFromValue(),this._dispatchInputEvents()}_onOptionDeselected(e){this.multiple&&Array.isArray(this.value)&&(this._value=this.value.filter(t=>!this.compareWith(t,e.value)),this._updateOptionsFromValue(),this._dispatchInputEvents())}_dispatchInputEvents(){this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`change`,{bubbles:!0}))}_attachOpenPanelEvents(){this._openPanelEventsController=new AbortController,document.addEventListener(`scroll`,()=>this._setOverlayPosition(),{passive:!0,signal:this._openPanelEventsController.signal,capture:!0}),window.addEventListener(`resize`,()=>this._setOverlayPosition(),{passive:!0,signal:this._openPanelEventsController.signal}),window.addEventListener(`pointerdown`,e=>this._pointerDownListener(e),{signal:this._openPanelEventsController.signal}),window.addEventListener(`pointerup`,e=>this._closeOnBackdropClick(e),{signal:this._openPanelEventsController.signal})}_onKeyDown(e){this.readOnly||(this.state===`opening`||this.state===`opened`?this._openedPanelKeyboardInteraction(e):(this.state===`closed`||this.state===`closing`)&&this._closedPanelKeyboardInteraction(e))}_closedPanelKeyboardInteraction(e){if(this._checkForLetterSelection(e))return this._setNextActiveOptionByText(e);switch(e.key){case`Enter`:case` `:case`ArrowDown`:case`ArrowUp`:e.preventDefault(),this.open();break}}_openedPanelKeyboardInteraction(e){if(!this.readOnly){if(this._checkForLetterSelection(e))return this._setNextActiveOptionByText(e);switch(e.key){case`Tab`:this.close();break;case`Enter`:case` `:e.preventDefault(),this._selectByKeyboard();break;case`ArrowDown`:case`ArrowUp`:e.preventDefault(),this._setNextActiveOption(e);break;case`Home`:case`PageUp`:e.preventDefault(),this._setNextActiveOption(e,0);break;case`End`:case`PageDown`:e.preventDefault(),this._setNextActiveOption(e,this._selectableOptions().length-1);break}}}_checkForLetterSelection(e){return e.key===`Backspace`||e.key===`Clear`||e.key.length===1&&e.key!==` `&&!e.altKey&&!e.ctrlKey&&!e.metaKey}_setNextActiveOptionByText(e){typeof this._searchTimeout==typeof setTimeout&&clearTimeout(this._searchTimeout),this._searchTimeout=setTimeout(()=>this._searchString=``,1e3),this._searchString+=e.key;let t=this._activeItemIndex+1,n=this._selectableOptions(),r=[...n.slice(t),...n.slice(0,t)],i=r.find(e=>e.textContent?.toLowerCase().indexOf(this._searchString.toLowerCase())===0);if(i)this._setNextActiveOption(e,n.indexOf(i));else if(this._searchString.length>1&&RegExp(`^${this._searchString.charAt(0)}*$`).test(this._searchString)){let t=r.find(e=>e.textContent?.toLowerCase().indexOf(this._searchString[0].toLowerCase())===0);t&&this._setNextActiveOption(e,n.indexOf(t))}else clearTimeout(this._searchTimeout),this._searchString=``}_selectByKeyboard(){let e=this._selectableOptions()[this._activeItemIndex];this.multiple?e?.selectViaUserInteraction(!e.selected):this.close()}_setNextActiveOption(e,t){let n=this._selectableOptions();if(n.length===0)return;let r=t??x(e,this._activeItemIndex,n.length),i=n[r],a=n[this._activeItemIndex];this._setActiveElement(i,a),this.multiple?e?.shiftKey&&i.selectViaUserInteraction(!i.selected):this._setSelectedElement(i,a),this._activeItemIndex=r}_setActiveElement(e,t=null,n=!0){e.setActive(!0),e.scrollIntoView({block:`nearest`}),n&&(this._triggerElement.ariaActiveDescendantElement=e),t&&!this.compareWith(t.value,e.value)&&t.setActive(!1)}_setSelectedElement(e,t){e.selectViaUserInteraction(!0),t&&!this.compareWith(t.value,e.value)&&t.selectViaUserInteraction(!1)}_resetActiveElement(){let e=this._selectableOptions()[this._activeItemIndex];e&&e.setActive(!1),this._activeItemIndex=-1,this._triggerElement&&(this._triggerElement.ariaActiveDescendantElement=null)}_updateOptionsFromValue(){let e=Array.isArray(this.value)?this.value:[this.value],t=[];for(let n of this.options)n.selected=e.some(e=>this.compareWith(e,n.value)),n.selected&&t.push(n);if(this._updateDisplayValue(),!Array.isArray(this.value)){let e=this.value;this._activeItemIndex=this._selectableOptions().findIndex(t=>this.compareWith(t.value,e))}}_updateValueFromOptions(){let e=this._getSelected();if(Array.isArray(e)){if(e&&e.length>0){let t=[];for(let n of e)t.push(n.value);this._value=t}}else e&&(this._activeItemIndex=this._selectableOptions().findIndex(t=>t===e),this._value=e.value);this._updateDisplayValue()}_updateValueOptionState(){this._isValueManuallyAssigned?this._updateOptionsFromValue():this._updateValueFromOptions()}_getSelected(){return this.multiple?this.options.filter(e=>e.selected):this.options.find(e=>e.selected)??null}_toggleOpening(){if(!(this.disabled||this.formDisabled||this.readOnly))switch(this._triggerElement?.focus(),this.state){case`opening`:case`opened`:this.close();break;case`closing`:case`closed`:this.open();break;default:break}}_spreadDeferredDisplayValue(e){return[this._deferredDisplayValue(e),e]}async _deferredDisplayValue(e){return this.hydrationRequired&&await this.hydrationComplete,this._displayValue?i`${this._displayValue}`:e}render(){return i`
+      <!-- This element is visually hidden and will be appended to the light DOM to allow screen
+      readers to work properly -->
+      <div
+        class="sbb-screen-reader-only sbb-select-trigger"
+        tabindex=${this.disabled||this.formDisabled?o:`0`}
+        role="combobox"
+        aria-haspopup="listbox"
+        aria-expanded="false"
+        aria-required=${this.required.toString()}
+        aria-controls=${this._overlayId}
+        aria-owns=${this._overlayId}
+        @keydown=${this._onKeyDown}
+        @click=${this._toggleOpening}
+        ${u(e=>this._triggerElement=e)}
+      >
+        ${d(...this._spreadDeferredDisplayValue(i`${this.placeholder}`))}
+      </div>
+
+      <!-- Visually display the value -->
+      <div class="sbb-select__trigger" aria-hidden="true">
+        ${d(...this._spreadDeferredDisplayValue(i`${this.placeholder}`))}
+      </div>
+
+      <div class="sbb-option-panel__overlay-container sbb-popover-reset" popover="manual">
+        <div
+          class="sbb-option-panel__overlay ${this.negative?`sbb-scrollbar-negative`:`sbb-scrollbar`}"
+          id=${N?o:this._overlayId}
+          role=${N?o:`listbox`}
+          ?aria-multiselectable=${this.multiple}
+          tabindex="-1"
+          @animationend=${this._onAnimationEnd}
+          ${u(e=>this._overlay=e)}
+        >
+          <slot @slotchange=${this._updateValueOptionState}></slot>
+        </div>
+      </div>
+    `}}})();export{P as SbbSelectElement};

package/selection-action-panel.js

@@ -1,6 +1 @@
-import { t as e } from "./selection-action-panel.component-m13MKp44.js";
-import "./selection-action-panel.pure.js";
-//#region src/elements/selection-action-panel.ts
-e.define();
-//#endregion
-export { e as SbbSelectionActionPanelElement };
+import{SbbSelectionActionPanelElement as e}from"./selection-action-panel.pure.js";export*from"./selection-action-panel.pure.js";e.define();

package/selection-action-panel.pure.js

@@ -1,2 +1,9 @@
-import { t as e } from "./selection-action-panel.component-m13MKp44.js";
-export { e as SbbSelectionActionPanelElement };
+import{html as e,unsafeCSS as t}from"lit";import{SbbElement as n,SbbSelectionPanelMixin as r}from"./core.js";var i=`:host{--sbb-selection-panel-inner-background:transparent;--sbb-selection-panel-inner-border-width:0px;--sbb-focus-outline-color:light-dark(var(--sbb-focus-outline-color-default),var(--sbb-focus-outline-color-dark));width:var(--sbb-selection-group-elements-width,100%);flex:auto;display:block;position:relative}: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:"";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);display:block;position:absolute;inset:0}}::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)){margin-inline:var(--sbb-selection-action-panel-action-margin-inline);align-self:center}.sbb-selection-action-panel{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);display:flex}.sbb-selection-action-panel__badge{user-select:none;pointer-events:none;border-radius:var(--sbb-selection-panel-border-radius);position:absolute;inset:0;overflow:hidden}
+`,a=class extends r(n){static{this.elementName=`sbb-selection-action-panel`}static{this.styles=[t(i)]}connectedCallback(){super.connectedCallback(),this.toggleState(`with-expansion-panel`,this.parentElement?.localName===`sbb-selection-expansion-panel`)}_handleSlotchange(){let e=this.shadowRoot.querySelector(`slot[name="badge"]`)?.assignedElements()??[],t=this.shadowRoot.querySelector(`slot:not([name])`)?.assignedElements({flatten:!0})??[];if(e.length>0){let n=t.find(e=>e.localName===`sbb-radio-button-panel`||e.localName===`sbb-checkbox-panel`);n&&!n.ariaDescription&&(n.ariaDescribedByElements=e)}}render(){return e`
+      <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>
+    `}};export{a as SbbSelectionActionPanelElement};

package/selection-expansion-panel.js

@@ -1,6 +1 @@
-import { t as e } from "./selection-expansion-panel.component-BMI-n5Xc.js";
-import "./selection-expansion-panel.pure.js";
-//#region src/elements/selection-expansion-panel.ts
-e.define();
-//#endregion
-export { e as SbbSelectionExpansionPanelElement };
+import{SbbSelectionExpansionPanelElement as e}from"./selection-expansion-panel.pure.js";export*from"./selection-expansion-panel.pure.js";e.define();

package/selection-expansion-panel.pure.js

@@ -1,2 +1,16 @@
-import { t as e } from "./selection-expansion-panel.component-BMI-n5Xc.js";
-export { e as SbbSelectionExpansionPanelElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i,state as a}from"lit/decorators.js";import{SbbElement as o,SbbLanguageController as s,SbbSelectionPanelMixin as c,forceType as l,i18nCollapsed as u,i18nExpanded as d,isZeroAnimationDuration as f}from"./core.js";import{SbbDividerElement as p}from"./divider.pure.js";var m=`:host{--sbb-selection-panel-inner-background:transparent;--sbb-selection-panel-inner-border-width:0px;--sbb-selection-expansion-panel-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-focus-outline-color:light-dark(var(--sbb-focus-outline-color-default),var(--sbb-focus-outline-color-dark));width:var(--sbb-selection-group-elements-width,100%);background-color:var(--sbb-selection-expansion-panel-background);border-radius:var(--sbb-selection-panel-border-radius);box-shadow:inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);transition-duration:var(--sbb-selection-expansion-panel-animation-duration);transition-timing-function:var(--sbb-animation-easing);flex:auto;transition-property:box-shadow;display:block;position:relative}@media (forced-colors:active){:host:after{content:"";pointer-events:none;border:var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);border-radius:var(--sbb-selection-panel-border-radius);display:block;position:absolute;inset:0}}:host(:is(:state(size-xs),[state--size-xs])){--sbb-selection-expansion-panel-content-padding-inline:var(--sbb-selection-panel-input-padding-inline-xs)}:host(:is(:state(size-s),[state--size-s])){--sbb-selection-expansion-panel-content-padding-inline:var(--sbb-selection-panel-input-padding-inline-s)}:host(:is(:state(size-m),[state--size-m])){--sbb-selection-expansion-panel-content-padding-inline:var(--sbb-selection-panel-input-padding-inline-m)}:host(:is(:state(color-milk),[state--color-milk])){--sbb-selection-expansion-panel-background:var(--sbb-selection-panel-background-milk)}:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))){--sbb-selection-expansion-panel-border-color:var(--sbb-selection-panel-border-color-checked);--sbb-selection-expansion-panel-border-width:var(--sbb-selection-panel-border-width-checked)}:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))){--sbb-selection-expansion-panel-border-color:var(--sbb-selection-panel-border-color-default)}:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))){--sbb-selection-expansion-panel-border-color:transparent}:host(:not(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened])))){--sbb-selection-expansion-panel-content-padding-block-end:0px;--sbb-selection-expansion-panel-content-visibility:hidden}.sbb-selection-expansion-panel__content--wrapper{visibility:var(--sbb-selection-expansion-panel-content-visibility);opacity:0;grid-template-rows:0fr;display:grid}:host(:is(:state(state-opened),[state--state-opened])) .sbb-selection-expansion-panel__content--wrapper{opacity:1;grid-template-rows:1fr}:host(:is(:state(state-opening),[state--state-opening])) .sbb-selection-expansion-panel__content--wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s, var(--sbb-selection-expansion-panel-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-selection-expansion-panel__content--wrapper{animation-name:close;animation-duration:var(--sbb-selection-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper{display:none}.sbb-selection-expansion-panel__content{padding-inline:var(--sbb-selection-expansion-panel-content-padding-inline);transition:padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing);padding-block-end:var(--sbb-selection-expansion-panel-content-padding-block-end);overflow:hidden}sbb-divider{margin-block-end:var(--sbb-selection-expansion-panel-content-padding-block-start)}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}
+`;let h=(()=>{let h=c(o),g=[],_,v=[],y=[],b;return class extends h{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;_=[l(),i({attribute:`force-open`,type:Boolean})],b=[a()],e(this,null,_,{kind:`accessor`,name:`forceOpen`,static:!1,private:!1,access:{has:e=>`forceOpen`in e,get:e=>e.forceOpen,set:(e,t)=>{e.forceOpen=t}},metadata:t},v,y),e(this,null,b,{kind:`setter`,name:`_state`,static:!1,private:!1,access:{has:e=>`_state`in e,set:(e,t)=>{e._state=t}},metadata:t},null,g),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-selection-expansion-panel`}static{this.elementDependencies=[p]}static{this.styles=[r(m)]}static{this.events={beforeopen:`beforeopen`,open:`open`,beforeclose:`beforeclose`,close:`close`}}#e;get forceOpen(){return this.#e}set forceOpen(e){this.#e=e}set _state(e){this._stateInternal&&this.internals.states.delete(`state-${this._stateInternal}`),this._stateInternal=e,this._stateInternal&&this.internals.states.add(`state-${this._stateInternal}`)}get _state(){return this._stateInternal}get _hasContent(){return this.querySelectorAll?.(`[slot="content"]`).length>0}constructor(){super(),this.#e=(t(this,g),t(this,v,!1)),this._stateInternal=t(this,y),this._language=new s(this),this._state=`closed`}willUpdate(e){super.willUpdate(e),e.has(`forceOpen`)&&this._updateState()}onInputStateChange(){this._updateState()}_updateState(){this._hasContent&&(this.forceOpen||this.matches(`:is(:state(checked),[state--checked])`)?this._open():this._close(),this._updateExpandedLabel(this.forceOpen||this.matches(`:is(:state(checked),[state--checked])`)))}_open(){this._state!==`closed`&&this._state!==`closing`||(this._state=`opening`,this.dispatchEvent(new Event(`beforeopen`,{cancelable:!0})),(!this.hasUpdated||this._isZeroAnimationDuration())&&this._handleOpening())}_close(){this._state!==`opened`&&this._state!==`opening`||(this._state=`closing`,this.dispatchEvent(new Event(`beforeclose`,{cancelable:!0})),this._isZeroAnimationDuration()&&this._handleClosing())}_isZeroAnimationDuration(){return f(this,`--sbb-selection-expansion-panel-animation-duration`)}_handleClosing(){this._state=`closed`,this.dispatchEvent(new Event(`close`))}_handleOpening(){this._state=`opened`,this.dispatchEvent(new Event(`open`))}_onAnimationEnd(e){e.animationName===`open-opacity`&&this._state===`opening`?this._handleOpening():e.animationName===`close`&&this._state===`closing`&&this._handleClosing()}async _updateExpandedLabel(e){await this.hydrationComplete;let t=this.panel;if(t){if(!this._hasContent){t.expansionState=``;return}t.expansionState=e?`, `+d[this._language.current]:`, `+u[this._language.current]}}render(){return n`
+      <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>
+    `}}})();export{h as SbbSelectionExpansionPanelElement};

package/sidebar.js

@@ -1,9 +1 @@
-import { t as e } from "./sidebar-close-button.component-BoOFzuBn.js";
-import { t } from "./sidebar-container.component-BFm6HnIu.js";
-import { t as n } from "./sidebar-content.component-DFLqVK-O.js";
-import { t as r } from "./sidebar-title.component-4B18yGLO.js";
-import { t as i } from "./sidebar.component-VL6TFd9H.js";
-import "./sidebar.pure.js";
-i.define(), e.define(), t.define(), n.define(), r.define();
-//#endregion
-export { e as SbbSidebarCloseButtonElement, t as SbbSidebarContainerElement, n as SbbSidebarContentElement, i as SbbSidebarElement, r as SbbSidebarTitleElement };
+import{SbbSidebarCloseButtonElement as e,SbbSidebarContainerElement as t,SbbSidebarContentElement as n,SbbSidebarElement as r,SbbSidebarTitleElement as i}from"./sidebar.pure.js";export*from"./sidebar.pure.js";r.define(),e.define(),t.define(),n.define(),i.define();