@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/accordion.js

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

package/accordion.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./accordion.component-ClJHZh_N.js";
-export { e as SbbAccordionElement };
+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,forceType as o,handleDistinctChange as s,isEventPrevented as c,ɵstateController as l}from"./core.js";var u=`:host{display:block}
+`;let d=(()=>{let d=a,f,p=[],m=[],h,g=[],_=[],v,y=[],b=[];return class extends d{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;f=[i()],h=[s(e=>e._setTitleLevelOnChildren()),i({attribute:`title-level`})],v=[o(),s((e,t,n)=>e._resetExpansionPanels(t,!!n)),i({type:Boolean})],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},p,m),e(this,null,h,{kind:`accessor`,name:`titleLevel`,static:!1,private:!1,access:{has:e=>`titleLevel`in e,get:e=>e.titleLevel,set:(e,t)=>{e.titleLevel=t}},metadata:t},g,_),e(this,null,v,{kind:`accessor`,name:`multi`,static:!1,private:!1,access:{has:e=>`multi`in e,get:e=>e.multi,set:(e,t)=>{e.multi=t}},metadata:t},y,b),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-accordion`}static{this.styles=[r(u)]}#e=t(this,p,null);get size(){return this.#e}set size(e){this.#e=e}#t=(t(this,m),t(this,g,null));get titleLevel(){return this.#t}set titleLevel(e){this.#t=e}#n=(t(this,_),t(this,y,!1));get multi(){return this.#n}set multi(e){this.#n=e}constructor(){super(),t(this,b),this.addEventListener?.(`beforeopen`,async e=>{await c(e)||this._closePanels(e)},{capture:!0})}_expansionPanels(){return Array.from(this.querySelectorAll?.(`sbb-expansion-panel`)??[]).filter(e=>e.closest(`sbb-accordion`)===this)}_closePanels(e){let t=e.target;t?.localName!==`sbb-expansion-panel`||this.multi||t?.closest(`sbb-accordion`)!==this||this._expansionPanels().filter(t=>t!==e.target).forEach(e=>e.expanded=!1)}willUpdate(e){super.willUpdate(e),e.has(`size`)&&this._expansionPanels().forEach(e=>e.size=this.size)}_resetExpansionPanels(e,t){let n=this._expansionPanels();n.length>1&&t&&!e&&(n[0].expanded=!0,n.filter((e,t)=>t>0).forEach(e=>e.expanded=!1))}_setTitleLevelOnChildren(){this._expansionPanels().forEach(e=>e.titleLevel=this.titleLevel)}_handleSlotchange(){this._expansionPanels().forEach((e,t,n)=>{e.titleLevel=this.titleLevel,e.size=this.size;let r=l(e);r.toggle(`accordion-first`,t===0),r.toggle(`accordion-last`,t===n.length-1)})}render(){return n`<slot @slotchange=${this._handleSlotchange}></slot>`}}})();export{d as SbbAccordionElement};

package/action-group.js

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

package/action-group.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./action-group.component-DBfkhMYG.js";
-export { e as SbbActionGroupElement };
+import{html as e,unsafeCSS as t}from"lit";import{SbbElement as n}from"./core.js";var r=`:host{justify-content:start;align-items:center;gap:var(--sbb-action-group-gap);display:flex}:host(.sbb-orientation-vertical-full-width){flex-direction:column;align-items:stretch}:host(:where(.sbb-orientation-vertical,.sbb-orientation-horizontal-from-small,.sbb-orientation-horizontal-from-large,.sbb-orientation-horizontal-from-ultra)){align-items:start}@media (width>=37.5rem){:host(.sbb-orientation-horizontal-from-small){align-items:center}}@media (width>=64rem){:host(.sbb-orientation-horizontal-from-large){align-items:center}}@media (width>=90rem){:host(.sbb-orientation-horizontal-from-ultra){align-items:center}}
+`,i=class extends n{static{this.elementName=`sbb-action-group`}static{this.styles=[t(r)]}render(){return e`<slot></slot>`}};export{i as SbbActionGroupElement};

package/alert.js

@@ -1,6 +1 @@
-import { t as e } from "./alert-group.component-Ck1kYZb4.js";
-import { t } from "./alert.component-B8EGWmcc.js";
-import "./alert.pure.js";
-t.define(), e.define();
-//#endregion
-export { t as SbbAlertElement, e as SbbAlertGroupElement };
+import{SbbAlertElement as e,SbbAlertGroupElement as t}from"./alert.pure.js";export*from"./alert.pure.js";e.define(),t.define();

package/alert.pure.js

@@ -1,3 +1,36 @@
-import { t as e } from "./alert-group.component-Ck1kYZb4.js";
-import { t } from "./alert.component-B8EGWmcc.js";
-export { t as SbbAlertElement, e as SbbAlertGroupElement };
+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,state as o}from"lit/decorators.js";import{html as s,unsafeStatic as c}from"lit/static-html.js";import{SbbDarkModeController as l,SbbElement as u,SbbLanguageController as d,SbbOpenCloseBaseElement as f,SbbReadonlyMixin as p,forceType as m,i18nCloseAlert as h,isEventPrevented as g,isZeroAnimationDuration as _,screenReaderOnlyStyles as v}from"./core.js";import{SbbTransparentButtonElement as y}from"./button.pure.js";import{SbbDividerElement as b}from"./divider.pure.js";import{SbbIconNameMixin as x}from"./icon.pure.js";var S=`:host{gap:var(--sbb-alert-group-gap);flex-direction:column;display:flex}:host(:focus-visible:not(:is(:state(empty),[state--empty]))){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:var(--sbb-alert-group-border-radius)}
+`;let C=(()=>{let n=u,l,d=[],f=[],p,h=[],_=[],y,b=[],x=[],C,w=[],T=[];return class extends n{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;l=[a({reflect:!0})],p=[m(),a({attribute:`accessibility-title`})],y=[a({attribute:`accessibility-title-level`})],C=[o()],e(this,null,l,{kind:`accessor`,name:`role`,static:!1,private:!1,access:{has:e=>`role`in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:t},d,f),e(this,null,p,{kind:`accessor`,name:`accessibilityTitle`,static:!1,private:!1,access:{has:e=>`accessibilityTitle`in e,get:e=>e.accessibilityTitle,set:(e,t)=>{e.accessibilityTitle=t}},metadata:t},h,_),e(this,null,y,{kind:`accessor`,name:`accessibilityTitleLevel`,static:!1,private:!1,access:{has:e=>`accessibilityTitleLevel`in e,get:e=>e.accessibilityTitleLevel,set:(e,t)=>{e.accessibilityTitleLevel=t}},metadata:t},b,x),e(this,null,C,{kind:`accessor`,name:`_hasAlerts`,static:!1,private:!1,access:{has:e=>`_hasAlerts`in e,get:e=>e._hasAlerts,set:(e,t)=>{e._hasAlerts=t}},metadata:t},w,T),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-alert-group`}static{this.styles=[v,i(S)]}static{this.events={empty:`empty`}}#e=t(this,d,`status`);get role(){return this.#e}set role(e){this.#e=e}#t=(t(this,f),t(this,h,``));get accessibilityTitle(){return this.#t}set accessibilityTitle(e){this.#t=e}#n=(t(this,_),t(this,b,`2`));get accessibilityTitleLevel(){return this.#n}set accessibilityTitleLevel(e){this.#n=e}#r=(t(this,x),t(this,w,!1));get _hasAlerts(){return this.#r}set _hasAlerts(e){this.#r=e}constructor(){super(),t(this,T),this.addEventListener?.(`close`,async e=>{await g(e)||this._alertClosed(e)},{capture:!0})}_alertClosed(e){let t=e.target;document.activeElement===t&&(this.tabIndex=0,this.focus(),this.addEventListener(`blur`,()=>this.removeAttribute(`tabindex`),{once:!0}))}_slotChanged(e){let t=this._hasAlerts;this._hasAlerts=e.target.assignedElements().filter(e=>e instanceof Element&&e.localName===`sbb-alert`).length>0,!this._hasAlerts&&t&&this.dispatchEvent(new Event(`empty`,{composed:!0,bubbles:!0})),this.toggleState(`empty`,!this._hasAlerts)}render(){let e=`h${this.accessibilityTitleLevel}`;return s`
+      ${this._hasAlerts?s`<${c(e)} class="sbb-screen-reader-only">
+            <slot name="accessibility-title">${this.accessibilityTitle}</slot>
+          </${c(e)}>`:r}
+      <slot @slotchange=${e=>this._slotChanged(e)}></slot>
+    `}}})();var w=`:host{--sbb-alert-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));opacity:0;border-radius:var(--sbb-alert-forced-color-border-radius);outline:var(--sbb-alert-outline);grid-template-rows:0fr;display:grid}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])),:host(:is(:state(state-closing),[state--state-closing]):not([animation=close],[animation=all])){--sbb-disable-animation-duration:0s}:host([size=s]){--sbb-alert-gap:var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin:var(--sbb-spacing-responsive-xxxs)}:host([size=m]){--sbb-alert-gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-close-icon-margin:var(--sbb-spacing-responsive-xxs)}:host([size=l]){--sbb-alert-icon-size:var(--sbb-alert-icon-size-l);--sbb-alert-title-margin-block:0 var(--sbb-spacing-fixed-1x)}:host(:not(:is(:state(dark),[state--dark]))){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){opacity:1;grid-template-rows:1fr}:host(:is(:state(state-opening),[state--state-opening])){animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s, var(--sbb-alert-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])){animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s, var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x))}.sbb-alert__transition-wrapper{overflow:hidden}.sbb-alert{align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius);font-size:var(--sbb-alert-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);grid-template-columns:1fr auto;display:grid;overflow:hidden}@media (width>=37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width:var(--sbb-alert-icon-size);--sbb-icon-svg-height:var(--sbb-alert-icon-size);align-items:start;display:flex}.sbb-alert__content{color-scheme:light only;order:3;grid-column:1/3}@media (width>=37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{margin:0;padding:0;display:inline}.sbb-alert__close-button-wrapper{color-scheme:light only;justify-content:flex-end;align-items:center;height:100%;display:flex}@media (width>=37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:var(--sbb-alert-close-button-divider-display,none);height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}::slotted(sbb-title){margin-block:var(--sbb-alert-title-margin-block)}
+`;let T=(()=>{let o=x(p(f)),s,c=[],u=[],m,g=[],v=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;s=[a({reflect:!0})],m=[a({reflect:!0})],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},c,u),e(this,null,m,{kind:`accessor`,name:`animation`,static:!1,private:!1,access:{has:e=>`animation`in e,get:e=>e.animation,set:(e,t)=>{e.animation=t}},metadata:t},g,v),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-alert`}static{this.elementDependencies=[y,b]}static{this.styles=[i(w)]}static{this.events={beforeopen:`beforeopen`,open:`open`,beforeclose:`beforeclose`,close:`close`}}#e;get size(){return this.#e}set size(e){this.#e=e}#t;get animation(){return this.#t}set animation(e){this.#t=e}constructor(){super(),this.#e=t(this,c,null),this.#t=(t(this,u),t(this,g,`all`)),this._language=(t(this,v),new d(this)),this._darkModeController=new l(this,()=>{this._syncLinks(),this._configureTitle(),this.requestUpdate()}),this.addEventListener(`animationend`,e=>this._onAnimationEnd(e))}open(){this.state=`opening`,this.dispatchBeforeOpenEvent()&&this._isZeroAnimationDuration()&&this._handleOpening()}close(){this.state===`opened`&&this.dispatchBeforeCloseEvent()&&(this.state=`closing`,this._isZeroAnimationDuration()&&this._handleClosing())}firstUpdated(e){super.firstUpdated(e),this.open()}willUpdate(e){super.willUpdate(e),e.has(`size`)&&this._configureTitle()}_isZeroAnimationDuration(){return _(this,`--sbb-alert-animation-duration`)}_onAnimationEnd(e){this.state===`opening`&&e.animationName===`open-opacity`?this._handleOpening():this.state===`closing`&&e.animationName===`close`&&this._handleClosing()}_handleOpening(){this.state=`opened`,this.dispatchOpenEvent()}_handleClosing(){this.state=`closed`,this.dispatchCloseEvent(),setTimeout(()=>this.remove())}_handleSlotchange(){this._syncLinks();let e=Array.from(this.children).find(e=>e.localName===`sbb-title`);e&&(e.slot=`title`)}_syncLinks(){Array.from(this.querySelectorAll?.(`sbb-link`)??[]).forEach(e=>{customElements.upgrade(e),e.negative=this._isLightMode()})}_configureTitle(){let e=this.querySelector?.(`sbb-title`);e&&(customElements.upgrade(e),e.negative=this._isLightMode(),e.visualLevel=this.size===`l`?`3`:`5`)}_isLightMode(){return!this._darkModeController.matches()}renderIconName(){return super.renderIconName()||`info`}render(){return n`
+      <!-- wrapper needed to properly support fade in animation -->
+      <div class="sbb-alert__transition-wrapper">
+        <div class="sbb-alert">
+          <span class="sbb-alert__icon"> ${this.renderIconSlot()} </span>
+          <span class="sbb-alert__content">
+            <slot name="title" @slotchange=${this._configureTitle}></slot>
+            <p class="sbb-alert__content-slot">
+              <slot @slotchange=${this._handleSlotchange}></slot>
+            </p>
+          </span>
+          ${this.readOnly?r:n`<span class="sbb-alert__close-button-wrapper">
+                <sbb-divider
+                  orientation="vertical"
+                  ?negative=${this._isLightMode()}
+                  class="sbb-alert__close-button-divider"
+                ></sbb-divider>
+                <sbb-transparent-button
+                  ?negative=${this._isLightMode()}
+                  size=${this.size===`l`?`m`:this.size||r}
+                  icon-name="cross-small"
+                  @click=${()=>this.close()}
+                  aria-label=${h[this._language.current]}
+                  class="sbb-alert__close-button"
+                ></sbb-transparent-button>
+              </span>`}
+        </div>
+      </div>
+    `}}})();export{T as SbbAlertElement,C as SbbAlertGroupElement};

package/autocomplete.js

@@ -1,7 +1 @@
-import { n as e, t } from "./autocomplete-base-element-CLMoJtJb.js";
-import { SbbAutocompleteElement as n } from "./autocomplete/autocomplete.component.js";
-import "./autocomplete.pure.js";
-//#region src/elements/autocomplete.ts
-n.define();
-//#endregion
-export { t as SbbAutocompleteBaseElement, n as SbbAutocompleteElement, e as SbbInputAutocompleteEvent };
+import{SbbAutocompleteElement as e}from"./autocomplete.pure.js";export*from"./autocomplete.pure.js";e.define();

package/autocomplete.pure.js

@@ -1,3 +1,15 @@
-import { n as e, t } from "./autocomplete-base-element-CLMoJtJb.js";
-import { SbbAutocompleteElement as n } from "./autocomplete/autocomplete.component.js";
-export { t as SbbAutocompleteBaseElement, n as SbbAutocompleteElement, e as SbbInputAutocompleteEvent };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{ResizeController as n}from"@lit-labs/observers/resize-controller.js";import{html as ee,isServer as r,nothing as i,unsafeCSS as a}from"lit";import{property as o}from"lit/decorators.js";import{ref as te}from"lit/directives/ref.js";import{SbbEscapableOverlayController as s,SbbNegativeMixin as c,SbbOpenCloseBaseElement as l,SbbPropertyWatcherController as u,forceType as d,getNextElementIndex as f,idReference as p,isEventOnElement as m,isSafari as h,isZeroAnimationDuration as g,popoverResetStyles as _,removeAriaComboBoxAttributes as v,scrollbarStyles as y,setAriaComboBoxAttributes as b,setOverlayPosition as x}from"./core.js";import{optionPanelStyles as S}from"./option.pure.js";var C=`:host{display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}
+`;const w=h;var T=class extends Event{get option(){return this._option}constructor(e){super(`inputAutocomplete`,{bubbles:!0,composed:!0}),this._option=e}};let E=(()=>{let f=c(l),h,b=[],E=[],D,O=[],k=[],A,j=[],M=[],N,P=[],F=[],I,L=[],R=[],z,B=[],V=[],H,U=[],W=[],G,K=[],q=[],J,Y=[],X=[],Z,Q=[],$=[];return class extends f{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;h=[p(),o()],D=[p(),o()],A=[d(),o({attribute:`preserve-icon-space`,reflect:!0,type:Boolean})],N=[d(),o({attribute:`auto-active-first-option`,type:Boolean})],I=[o({attribute:!1})],z=[o({reflect:!0})],H=[d(),o({attribute:`auto-select-active-option`,type:Boolean})],G=[d(),o({attribute:`auto-select-active-option-on-blur`,type:Boolean})],J=[d(),o({attribute:`require-selection`,type:Boolean})],Z=[o()],e(this,null,h,{kind:`accessor`,name:`origin`,static:!1,private:!1,access:{has:e=>`origin`in e,get:e=>e.origin,set:(e,t)=>{e.origin=t}},metadata:t},b,E),e(this,null,D,{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},O,k),e(this,null,A,{kind:`accessor`,name:`preserveIconSpace`,static:!1,private:!1,access:{has:e=>`preserveIconSpace`in e,get:e=>e.preserveIconSpace,set:(e,t)=>{e.preserveIconSpace=t}},metadata:t},j,M),e(this,null,N,{kind:`accessor`,name:`autoActiveFirstOption`,static:!1,private:!1,access:{has:e=>`autoActiveFirstOption`in e,get:e=>e.autoActiveFirstOption,set:(e,t)=>{e.autoActiveFirstOption=t}},metadata:t},P,F),e(this,null,I,{kind:`accessor`,name:`displayWith`,static:!1,private:!1,access:{has:e=>`displayWith`in e,get:e=>e.displayWith,set:(e,t)=>{e.displayWith=t}},metadata:t},L,R),e(this,null,z,{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},B,V),e(this,null,H,{kind:`accessor`,name:`autoSelectActiveOption`,static:!1,private:!1,access:{has:e=>`autoSelectActiveOption`in e,get:e=>e.autoSelectActiveOption,set:(e,t)=>{e.autoSelectActiveOption=t}},metadata:t},U,W),e(this,null,G,{kind:`accessor`,name:`autoSelectActiveOptionOnBlur`,static:!1,private:!1,access:{has:e=>`autoSelectActiveOptionOnBlur`in e,get:e=>e.autoSelectActiveOptionOnBlur,set:(e,t)=>{e.autoSelectActiveOptionOnBlur=t}},metadata:t},K,q),e(this,null,J,{kind:`accessor`,name:`requireSelection`,static:!1,private:!1,access:{has:e=>`requireSelection`in e,get:e=>e.requireSelection,set:(e,t)=>{e.requireSelection=t}},metadata:t},Y,X),e(this,null,Z,{kind:`accessor`,name:`position`,static:!1,private:!1,access:{has:e=>`position`in e,get:e=>e.position,set:(e,t)=>{e.position=t}},metadata:t},Q,$),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[_,y,S,a(C)]}#e;get origin(){return this.#e}set origin(e){this.#e=e}#t;get trigger(){return this.#t}set trigger(e){this.#t=e}#n;get preserveIconSpace(){return this.#n}set preserveIconSpace(e){this.#n=e}#r;get autoActiveFirstOption(){return this.#r}set autoActiveFirstOption(e){this.#r=e}#i;get displayWith(){return this.#i}set displayWith(e){this.#i=e}#a;get size(){return this.#a}set size(e){this.#a=e}#o;get autoSelectActiveOption(){return this.#o}set autoSelectActiveOption(e){this.#o=e}#s;get autoSelectActiveOptionOnBlur(){return this.#s}set autoSelectActiveOptionOnBlur(e){this.#s=e}#c;get requireSelection(){return this.#c}set requireSelection(e){this.#c=e}#l;get position(){return this.#l}set position(e){this.#l=e}get originElement(){return this.origin??this.closest?.(`sbb-form-field`)?.shadowRoot?.querySelector?.(`#overlay-anchor`)??this.trigger??null}get triggerElement(){return this._triggerElement??null}constructor(){super(),this.#e=t(this,b,null),this.#t=(t(this,E),t(this,O,null)),this.#n=(t(this,k),t(this,j,!1)),this.#r=(t(this,M),t(this,P,!1)),this.#i=(t(this,F),t(this,L,null)),this.#a=(t(this,R),t(this,B,null)),this.#o=(t(this,V),t(this,U,!1)),this.#s=(t(this,W),t(this,K,!1)),this.#c=(t(this,q),t(this,Y,!1)),this.#l=(t(this,X),t(this,Q,`auto`)),this._triggerElement=t(this,$),this.activeOption=null,this.pendingAutoSelectedOption=null,this._resizeObserver=new n(this,{target:null,skipInitial:!0,callback:(()=>{let e;return()=>{clearTimeout(e),e=setTimeout(()=>{this.state!==`closed`&&this._setOverlayPosition()},10)}})()}),this._triggerAttributeObserver=r?null:new MutationObserver(e=>{let t=e[0].target;(t.hasAttribute(`disabled`)||t.hasAttribute(`readonly`))&&this.close()}),this._isPointerDownEventOnMenu=!1,this._escapableOverlayController=new s(this),this._optionsCount=0,this._lastUserInput=null,this._isCustomChangeEvent=!1,this._pointerDownListener=e=>{this._isPointerDownEventOnMenu=m(this._overlay,e)},this._closeOnBackdropClick=e=>{!this._isPointerDownEventOnMenu&&!m(this._overlay,e)&&!m(this.originElement,e)&&this.close()},this.addEventListener?.(`optionselected`,e=>this.onOptionSelected(e)),this.addEventListener?.(`ɵoptgroupslotchange`,()=>this._handleSlotchange(),{capture:!0}),this.addController(new u(this,()=>this.closest(`sbb-form-field`),{negative:e=>{this.negative=e.negative,this.syncNegative()},borderless:e=>this.toggleState(`option-panel-origin-borderless`,e.borderless)}))}open(){if(this.state===`opening`||this.state===`opened`||!this._overlay||this.options.length===0||this._readonly()||!this.dispatchBeforeOpenEvent())return;this.showPopover?.(),this.state=`opening`,this.triggerElement?.toggleAttribute(`data-expanded`,!0);let e=this.originElement;if(!e)throw Error(`Cannot find the origin element. Please specify a valid element or check the usage of the "origin" property from the documentation`);this._setOverlayPosition(e),this._setNextActiveOptionIfAutoActiveFirstOption(),this._attachOpenPanelEvents(),this._escapableOverlayController.connect(),this._isZeroAnimationDuration()&&this._handleOpening()}close(){this.state===`closing`||this.state===`closed`||!this.dispatchBeforeCloseEvent()||(this.pendingAutoSelectedOption&&(this.pendingAutoSelectedOption.selected=!0,this._setValueAndDispatchEvents(this.pendingAutoSelectedOption,!0)),this.state=`closing`,this.triggerElement?.removeAttribute(`data-expanded`),this._openPanelEventsController.abort(),this.originElement&&this._resizeObserver.unobserve(this.originElement),this._isZeroAnimationDuration()&&this._handleClosing())}_isZeroAnimationDuration(){return g(this,`--sbb-options-panel-animation-duration`)}connectedCallback(){this.popover=`manual`,super.connectedCallback(),w&&(this.id||=this.overlayId),this.hasUpdated&&this._componentSetup(),this.syncNegative()}willUpdate(e){super.willUpdate(e),e.has(`negative`)&&this.syncNegative(),e.has(`autoActiveFirstOption`)&&this.isOpen&&this._setNextActiveOptionIfAutoActiveFirstOption()}firstUpdated(e){super.firstUpdated(e),this._componentSetup()}disconnectedCallback(){super.disconnectedCallback(),this._triggerElement=null,this._triggerAbortController?.abort(),this._openPanelEventsController?.abort()}requestUpdate(e,t,n){super.requestUpdate(e,t,n),!(r||!this.hasUpdated)&&(!e||e===`trigger`?this._configureTrigger():(!e||e===`origin`)&&this.isOpen&&this._setOverlayPosition())}onOptionSelected(e){let t=e.target;this._setValueAndDispatchEvents(t),this.close()}setPendingSelection(e){this.pendingAutoSelectedOption=e,this._setInputValue(e)}_setValueAndDispatchEvents(e,t=!1){this.options.filter(t=>t!==e&&t.selected).forEach(e=>e.selected=!1),this.pendingAutoSelectedOption=null,this.triggerElement&&(this._setInputValue(e),this._isCustomChangeEvent=!0,this.triggerElement.dispatchEvent(new Event(`change`,{bubbles:!0})),this.triggerElement.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this._lastUserInput=null,this.triggerElement.dispatchEvent(new T(e)),t||this.triggerElement.focus())}_setInputValue(e){if(!this.triggerElement)return;let t=this.displayWith?.(e.value)??e.value;Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`).set.call(this.triggerElement,t)}_handleSlotchange(){this._highlightOptions(this.triggerElement?.value);let e=Array.from(this.querySelectorAll(`*`));this._previousElements?.forEach(e=>this._resizeObserver.unobserve(e)),this._previousElements=e,this._previousElements.forEach(e=>this._resizeObserver.observe(e)),this.isOpen?(this._setOverlayPosition(),this._setNextActiveOptionIfAutoActiveFirstOption(),this._optionsCount>0&&this.options.length===0&&this.close()):document?.activeElement===this.triggerElement&&this._optionsCount===0&&this.options.length>0&&this.open(),this._optionsCount=this.options.length}_setNextActiveOptionIfAutoActiveFirstOption(){this.autoActiveFirstOption&&(this.resetActiveElement(),this.setNextActiveOption())}_readonly(){return this.triggerElement?.hasAttribute(`readonly`)??!1}_componentSetup(){r||this._configureTrigger()}_configureTrigger(){let e=this.trigger??this.closest?.(`sbb-form-field`)?.querySelector(`input`);if(e===this.triggerElement||(this._triggerAbortController?.abort(),v(this.triggerElement),this.triggerElement?.removeAttribute(`data-expanded`),this._triggerElement=e,!this.triggerElement))return;let t=this.originElement;this.triggerElement===t&&this.isOpen&&this._setOverlayPosition(t),this._triggerAttributeObserver?.observe(this.triggerElement,{attributes:!0,attributeFilter:[`disabled`,`readonly`]}),this.setTriggerAttributes(this.triggerElement),this._triggerAbortController=new AbortController,this.triggerElement.addEventListener(`focus`,()=>this.open(),{signal:this._triggerAbortController.signal}),this.triggerElement.addEventListener(`click`,()=>this.open(),{signal:this._triggerAbortController.signal}),this.triggerElement.addEventListener(`input`,e=>{let t=e.target.value;t&&e.isTrusted&&this.open(),this._highlightOptions(t),this._lastUserInput=t,this.pendingAutoSelectedOption=null},{signal:this._triggerAbortController.signal}),this.triggerElement.addEventListener(`change`,e=>{this.requireSelection&&!this._isCustomChangeEvent&&e.stopImmediatePropagation(),this._isCustomChangeEvent=!1},{signal:this._triggerAbortController.signal,capture:!0}),this.triggerElement.addEventListener(`keydown`,e=>this._closedPanelKeyboardInteraction(e),{signal:this._triggerAbortController.signal,capture:!0}),this.triggerElement.addEventListener(`blur`,e=>{this.contains(e.relatedTarget)||(this.autoSelectActiveOptionOnBlur&&this.activeOption&&this._lastUserInput&&this.triggerElement?.value&&(this.activeOption.selected=!0,this._setValueAndDispatchEvents(this.activeOption,!0)),this.requireSelection&&this.triggerElement&&this._lastUserInput!=null&&!this.pendingAutoSelectedOption&&(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`).set.call(this.triggerElement,``),this._highlightOptions(``),this._isCustomChangeEvent=!0,this.triggerElement.dispatchEvent(new Event(`change`,{bubbles:!0})),this.triggerElement.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))),this.close())},{signal:this._triggerAbortController.signal,capture:!0})}_setOverlayPosition(e=this.originElement){e&&x(this._overlay,e,this._overlay,this.shadowRoot.querySelector(`.sbb-option-panel__overlay-container`),this,this.position)}_onAnimationEnd(e){e.animationName===`open`&&this.state===`opening`?this._handleOpening():e.animationName===`close`&&this.state===`closing`&&this._handleClosing()}_handleOpening(){this.state=`opened`,this.originElement&&this._resizeObserver.observe(this.originElement),this.triggerElement?.setAttribute(`aria-expanded`,`true`),this.dispatchOpenEvent()}_handleClosing(){this.state=`closed`,this.hidePopover?.(),this.triggerElement?.setAttribute(`aria-expanded`,`false`),this.resetActiveElement(),this._overlay.scrollTop=0,this._escapableOverlayController.disconnect(),this.dispatchCloseEvent()}_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}),this.addEventListener(`ɵdisabledchange`,()=>{this.activeOption?.disabled&&this.resetActiveElement(),this._setNextActiveOptionIfAutoActiveFirstOption()},{signal:this._openPanelEventsController.signal}),this.triggerElement?.addEventListener(`keydown`,e=>this.openedPanelKeyboardInteraction(e),{signal:this._openPanelEventsController.signal,capture:!0})}_closedPanelKeyboardInteraction(e){if(!(this.state===`opening`||this.state===`opened`))switch(e.key){case`ArrowDown`:case`ArrowUp`:this.open();break}}_highlightOptions(e){e!=null&&this.options.forEach(t=>t.highlight(e))}render(){return ee`
+      <div class="sbb-option-panel__overlay-container">
+        <div
+          class="sbb-option-panel__overlay ${this.negative?`sbb-scrollbar-negative`:`sbb-scrollbar`}"
+          role=${w?i:this.panelRole}
+          id=${w?i:this.overlayId}
+          tabindex="-1"
+          @animationend=${this._onAnimationEnd}
+          ${te(e=>this._overlay=e)}
+        >
+          <slot @slotchange=${this._handleSlotchange}></slot>
+        </div>
+      </div>
+    `}}})(),D=0;const O=h;var k=class extends E{constructor(){super(...arguments),this.overlayId=`sbb-autocomplete-${++D}`,this.panelRole=`listbox`}static{this.elementName=`sbb-autocomplete`}static{this.role=O?`listbox`:null}get options(){return Array.from(this.querySelectorAll?.(`sbb-option`)??[])}syncNegative(){this.querySelectorAll?.(`sbb-divider, sbb-option-hint`).forEach(e=>e.negative=this.negative)}openedPanelKeyboardInteraction(e){if(this.isOpen)switch(e.key){case`Enter`:this.selectByKeyboard(e);break;case`ArrowDown`:case`ArrowUp`:this.setNextActiveOption(e);break}}selectByKeyboard(e){this.activeOption&&(e.preventDefault(),this.activeOption.selectViaUserInteraction(!0))}setNextActiveOption(e){let t=this.options.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(this.activeOption?.setActive(!1),this.triggerElement.ariaActiveDescendantElement=null,!t.length){this.activeOption=null;return}let n=f(e,this.activeOption?t.indexOf(this.activeOption):-1,t.length);this.activeOption=t[n],this.activeOption.setActive(!0),this.triggerElement.ariaActiveDescendantElement=this.activeOption,this.activeOption.scrollIntoView({block:`nearest`}),e&&e.preventDefault(),this.autoSelectActiveOption&&e&&this.setPendingSelection(this.activeOption)}resetActiveElement(){this.activeOption?.setActive(!1),this.activeOption=null,this.triggerElement&&(this.triggerElement.ariaActiveDescendantElement=null)}setTriggerAttributes(e){b(e,O?this.id:this.overlayId,!1)}};export{E as SbbAutocompleteBaseElement,k as SbbAutocompleteElement,T as SbbInputAutocompleteEvent};

package/breadcrumb.js

@@ -1,6 +1 @@
-import { t as e } from "./breadcrumb-group.component-FLbOLqwi.js";
-import { t } from "./breadcrumb.component-CC8MxtJj.js";
-import "./breadcrumb.pure.js";
-t.define(), e.define();
-//#endregion
-export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };
+import{SbbBreadcrumbElement as e,SbbBreadcrumbGroupElement as t}from"./breadcrumb.pure.js";export*from"./breadcrumb.pure.js";e.define(),t.define();

package/breadcrumb.pure.js

@@ -1,3 +1,47 @@
-import { t as e } from "./breadcrumb-group.component-FLbOLqwi.js";
-import { t } from "./breadcrumb.component-CC8MxtJj.js";
-export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{ResizeController as n}from"@lit-labs/observers/resize-controller.js";import{html as r,nothing as i,unsafeCSS as a}from"lit";import{state as o}from"lit/decorators.js";import{SbbElement as s,SbbLanguageController as c,SbbLinkBaseElement as l,SbbNamedSlotListMixin as u,buttonResetStyles as d,getNextElementIndex as f,i18nBreadcrumbEllipsisButtonLabel as p,isArrowKeyPressed as m,listResetStyles as h,sbbInputModalityDetector as g}from"./core.js";import{SbbIconElement as _,SbbIconNameMixin as v}from"./icon.pure.js";import{html as y}from"lit/static-html.js";var b=`:host{min-width:0;line-height:var(--sbb-typo-line-height-text);display:block}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility:visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--sbb-breadcrumb-group-wrap:wrap}.sbb-breadcrumb-group{flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility);display:flex}.sbb-breadcrumb-group__item{column-gap:var(--sbb-spacing-fixed-1x);flex:none;display:flex}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{font-family:var(--sbb-typo-font-family);font-weight:400;font-size:var(--sbb-text-font-size-xxs);letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);border-radius:50%;padding-block-end:.5em;line-height:0;overflow:hidden}@media (forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width:var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color:CanvasText}}@media (any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color:var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color:var(--sbb-background-color-3)}}@media (any-hover:hover) and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color:Highlight}}#sbb-breadcrumb-ellipsis:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}
+`;let x=(()=>{let l=u(s),v=[],y;return class extends l{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;y=[o()],e(this,null,y,{kind:`setter`,name:`_state`,static:!1,private:!1,access:{has:e=>`_state`in e,set:(e,t)=>{e._state=t}},metadata:t},null,v),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-breadcrumb-group`}static{this.elementDependencies=[_]}static{this.role=`navigation`}static{this.styles=[h,d,a(b)]}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}constructor(){super(),this.listChildLocalNames=(t(this,v),[`sbb-breadcrumb`]),this._stateInternal=null,this._resizeObserver=new n(this,{target:null,skipInitial:!0,callback:()=>this._evaluateCollapsedState()}),this._language=new c(this),this._markForFocus=!1,this.addEventListener?.(`keydown`,e=>this._handleKeyDown(e))}_handleKeyDown(e){if(!(!this.listChildren.length||e.target!==this&&e.target.parentElement!==this)&&m(e)){if(this._state===`collapsed`)return this._focusNextCollapsed(e);this._focusNext(e)}}firstUpdated(e){super.firstUpdated(e),this._resizeObserver.observe(this),this.internals.states.add(`loaded`)}willUpdate(e){super.willUpdate(e),e.has(`listChildren`)&&this._syncBreadcrumbs()}updated(e){super.updated(e),e.has(`listChildren`)&&Promise.resolve().then(()=>this._evaluateCollapsedState()),this._markForFocus&&g.mostRecentModality===`keyboard`&&(this.listChildren[1]?.focus(),this._markForFocus=!1)}_syncBreadcrumbs(){this.listChildren.slice(0,-1).filter(e=>e.hasAttribute(`accessibility-current`)).forEach(e=>e.removeAttribute(`accessibility-current`)),this.listChildren[this.listChildren.length-1]?.setAttribute(`accessibility-current`,`page`),this.listChildren.length<3&&(this._state=null)}_focusNextCollapsed(e){let t=[this.listChildren[0],this.shadowRoot.querySelector(`#sbb-breadcrumb-ellipsis`),this.listChildren[this.listChildren.length-1]];this._focusNext(e,t)}_focusNext(e,t=this.listChildren){t[f(e,t.findIndex(e=>e===document.activeElement||e===this.shadowRoot.activeElement),t.length)]?.focus(),e.preventDefault()}_expandBreadcrumbs(){this._state=`manually-expanded`,this._markForFocus=!0}_evaluateCollapsedState(){!this._state&&this.scrollWidth>this.offsetWidth&&this.listChildren.length>=3&&(this._state=`collapsed`,this._resizeObserver.hostDisconnected(),this.removeController(this._resizeObserver))}_renderCollapsed(){return r`
+      <li class="sbb-breadcrumb-group__item">
+        <slot name="li-0"></slot>
+      </li>
+      <li class="sbb-breadcrumb-group__item" id="sbb-breadcrumb-group-ellipsis">
+        <sbb-icon
+          name="chevron-small-right-small"
+          class="sbb-breadcrumb-group__divider-icon"
+        ></sbb-icon>
+        <button
+          type="button"
+          id="sbb-breadcrumb-ellipsis"
+          aria-label=${p[this._language.current]}
+          aria-expanded="false"
+          @click=${()=>this._expandBreadcrumbs()}
+        >
+          ...
+        </button>
+      </li>
+      <li class="sbb-breadcrumb-group__item">
+        <sbb-icon
+          name="chevron-small-right-small"
+          class="sbb-breadcrumb-group__divider-icon"
+        ></sbb-icon>
+        <slot name=${`li-${this.listChildren.length-1}`}></slot>
+      </li>
+    `}_renderExpanded(){return this.listSlotEntries().map((e,t,n)=>r`
+        <li class="sbb-breadcrumb-group__item">
+          <slot name=${e.name}></slot>
+          ${t===n.length-1?i:r`<sbb-icon
+                name="chevron-small-right-small"
+                class="sbb-breadcrumb-group__divider-icon"
+              ></sbb-icon>`}
+        </li>
+      `)}render(){return r`
+      <ol class="sbb-breadcrumb-group">
+        ${this._state===`collapsed`?this._renderCollapsed():this._renderExpanded()}
+      </ol>
+      ${this.renderHiddenSlot()}
+    `}}})();var S=`:host{display:flex}@media (any-hover:hover){:host(:hover){--sbb-breadcrumb-color:var(--sbb-breadcrumb-color-hover)}}:host(:is(:active,:is(:state(active),[state--active]))){--sbb-breadcrumb-color:var(--sbb-breadcrumb-color-active)}.sbb-breadcrumb{--sbb-link-text-decoration-line:none;color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-underline-offset:.3125em;text-decoration-thickness:.0625rem}@media (forced-colors:active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{cursor:var(--sbb-cursor-pointer);gap:var(--sbb-breadcrumb-gap);color:var(--sbb-breadcrumb-color);font-size:var(--sbb-breadcrumb-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);outline:none;align-items:center;display:flex;overflow:hidden}.sbb-breadcrumb:focus-visible{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:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-breadcrumb__label{display:none}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}
+`,C=class extends v(l){static{this.elementName=`sbb-breadcrumb`}static{this.styles=[a(S)]}renderTemplate(){return y`
+      ${this.renderIconSlot(`sbb-breadcrumb__icon`)}
+      <span class="sbb-breadcrumb__label">
+        <slot></slot>
+      </span>
+    `}};export{C as SbbBreadcrumbElement,x as SbbBreadcrumbGroupElement};

package/button.js

@@ -1,20 +1 @@
-import { SbbButtonElement as e } from "./button/button/button.component.js";
-import { SbbSecondaryButtonElement as t } from "./button/secondary-button/secondary-button.component.js";
-import { SbbAccentButtonElement as n } from "./button/accent-button/accent-button.component.js";
-import { SbbTransparentButtonElement as r } from "./button/transparent-button/transparent-button.component.js";
-import { SbbMiniButtonElement as i } from "./button/mini-button/mini-button.component.js";
-import { t as a } from "./mini-button-link.component-MBesHG--.js";
-import { t as o } from "./mini-button-group.component-C-pJ_J-1.js";
-import { SbbButtonLinkElement as s } from "./button/button-link/button-link.component.js";
-import { SbbSecondaryButtonLinkElement as c } from "./button/secondary-button-link/secondary-button-link.component.js";
-import { SbbAccentButtonLinkElement as l } from "./button/accent-button-link/accent-button-link.component.js";
-import { SbbTransparentButtonLinkElement as u } from "./button/transparent-button-link/transparent-button-link.component.js";
-import { SbbButtonStaticElement as d } from "./button/button-static/button-static.component.js";
-import { SbbSecondaryButtonStaticElement as f } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbAccentButtonStaticElement as p } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbTransparentButtonStaticElement as m } from "./button/transparent-button-static/transparent-button-static.component.js";
-import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./button-common-Br6zOEgv.js";
-import "./button.pure.js";
-n.define(), l.define(), p.define(), e.define(), s.define(), d.define(), i.define(), o.define(), a.define(), t.define(), c.define(), f.define(), r.define(), u.define(), m.define();
-//#endregion
-export { n as SbbAccentButtonElement, l as SbbAccentButtonLinkElement, p as SbbAccentButtonStaticElement, x as SbbButtonCommonElementMixin, e as SbbButtonElement, s as SbbButtonLinkElement, d as SbbButtonStaticElement, i as SbbMiniButtonElement, o as SbbMiniButtonGroupElement, a as SbbMiniButtonLinkElement, t as SbbSecondaryButtonElement, c as SbbSecondaryButtonLinkElement, f as SbbSecondaryButtonStaticElement, r as SbbTransparentButtonElement, u as SbbTransparentButtonLinkElement, m as SbbTransparentButtonStaticElement, _ as buttonAccentStyle, y as buttonPrimaryStyle, g as buttonSecondaryStyle, h as buttonTransparentStyle, v as miniButtonLabelStyle, b as miniButtonStyle };
+import{SbbAccentButtonElement as e,SbbAccentButtonLinkElement as t,SbbAccentButtonStaticElement as n,SbbButtonElement as r,SbbButtonLinkElement as i,SbbButtonStaticElement as a,SbbMiniButtonElement as o,SbbMiniButtonGroupElement as s,SbbMiniButtonLinkElement as c,SbbSecondaryButtonElement as l,SbbSecondaryButtonLinkElement as u,SbbSecondaryButtonStaticElement as d,SbbTransparentButtonElement as f,SbbTransparentButtonLinkElement as p,SbbTransparentButtonStaticElement as m}from"./button.pure.js";export*from"./button.pure.js";e.define(),t.define(),n.define(),r.define(),i.define(),a.define(),o.define(),s.define(),c.define(),l.define(),u.define(),d.define(),f.define(),p.define(),m.define();

package/button.pure.js

@@ -1,17 +1,28 @@
-import { SbbButtonElement as e } from "./button/button/button.component.js";
-import { SbbSecondaryButtonElement as t } from "./button/secondary-button/secondary-button.component.js";
-import { SbbAccentButtonElement as n } from "./button/accent-button/accent-button.component.js";
-import { SbbTransparentButtonElement as r } from "./button/transparent-button/transparent-button.component.js";
-import { SbbMiniButtonElement as i } from "./button/mini-button/mini-button.component.js";
-import { t as a } from "./mini-button-link.component-MBesHG--.js";
-import { t as o } from "./mini-button-group.component-C-pJ_J-1.js";
-import { SbbButtonLinkElement as s } from "./button/button-link/button-link.component.js";
-import { SbbSecondaryButtonLinkElement as c } from "./button/secondary-button-link/secondary-button-link.component.js";
-import { SbbAccentButtonLinkElement as l } from "./button/accent-button-link/accent-button-link.component.js";
-import { SbbTransparentButtonLinkElement as u } from "./button/transparent-button-link/transparent-button-link.component.js";
-import { SbbButtonStaticElement as d } from "./button/button-static/button-static.component.js";
-import { SbbSecondaryButtonStaticElement as f } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbAccentButtonStaticElement as p } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbTransparentButtonStaticElement as m } from "./button/transparent-button-static/transparent-button-static.component.js";
-import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./button-common-Br6zOEgv.js";
-export { n as SbbAccentButtonElement, l as SbbAccentButtonLinkElement, p as SbbAccentButtonStaticElement, x as SbbButtonCommonElementMixin, e as SbbButtonElement, s as SbbButtonLinkElement, d as SbbButtonStaticElement, i as SbbMiniButtonElement, o as SbbMiniButtonGroupElement, a as SbbMiniButtonLinkElement, t as SbbSecondaryButtonElement, c as SbbSecondaryButtonLinkElement, f as SbbSecondaryButtonStaticElement, r as SbbTransparentButtonElement, u as SbbTransparentButtonLinkElement, m as SbbTransparentButtonStaticElement, _ as buttonAccentStyle, y as buttonPrimaryStyle, g as buttonSecondaryStyle, h as buttonTransparentStyle, v as miniButtonLabelStyle, b as miniButtonStyle };
+import{SbbActionBaseElement as e,SbbButtonBaseElement as t,SbbDisabledInteractiveMixin as n,SbbDisabledMixin as r,SbbDisabledTabIndexActionMixin as i,SbbElement as a,SbbLinkBaseElement as o,SbbNamedSlotListMixin as s,SbbNegativeMixin as c,forceType as l}from"./core.js";import{__esDecorate as u,__runInitializers as d}from"tslib";import{html as f,nothing as p,unsafeCSS as m}from"lit";import{property as h}from"lit/decorators.js";import{html as g}from"lit/static-html.js";import{SbbIconNameMixin as _}from"./icon.pure.js";var v=`:host{--sbb-button-color-active-background:var(--sbb-background-color-1-inverted);--sbb-button-color-active-border:var(--sbb-border-color-1);--sbb-button-color-active-text:light-dark(var(--sbb-color-cloud),var(--sbb-color-anthracite));--sbb-button-color-default-background:var(--sbb-background-color-3-inverted);--sbb-button-color-default-border:var(--sbb-border-color-3);--sbb-button-color-default-text:var(--sbb-color-1-inverted);--sbb-button-color-hover-background:var(--sbb-background-color-3-inverted);--sbb-button-color-hover-border:var(--sbb-border-color-3);--sbb-button-color-hover-text:var(--sbb-color-3-inverted);--sbb-button-color-loading-border:light-dark(var(--sbb-color-iron),var(--sbb-color-silver));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-cement) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-1-negative-inverted);--sbb-button-color-active-border:var(--sbb-border-color-1-negative);--sbb-button-color-active-text:var(--sbb-color-anthracite);--sbb-button-color-default-background:var(--sbb-background-color-3-negative-inverted);--sbb-button-color-default-border:var(--sbb-border-color-3-negative);--sbb-button-color-default-text:var(--sbb-color-1-negative-inverted);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative-inverted);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative);--sbb-button-color-hover-text:var(--sbb-color-4-negative-inverted);--sbb-button-color-loading-border:var(--sbb-color-silver);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`,y=`:host{--sbb-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-button-box-shadow-definition:var(--sbb-shadow-elevation-level-3-shadow-2-offset-x) var(--sbb-button-shadow-2-offset-y) var(--sbb-button-shadow-2-blur) var(--sbb-shadow-elevation-level-3-shadow-2-spread) var(--sbb-button-shadow-2-color), var(--sbb-shadow-elevation-level-3-shadow-1-offset-x) var(--sbb-button-shadow-1-offset-y) var(--sbb-button-shadow-1-blur) var(--sbb-shadow-elevation-level-3-shadow-1-spread) var(--sbb-button-shadow-1-color);--_width:unset;--_min-height-modifier:0rem;--_border-color:var(--sbb-button-color-default-border);--_background-color:var(--sbb-button-color-default-background);--_color:var(--sbb-button-color-default-text);--_button-inset:0;--_border:calc(var(--sbb-button-border-width) + var(--sbb-button-border-overlap-fix,1px)) solid var(--_border-color);display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-button-border-overlap-fix:0rem;--sbb-button-color-default-border:CanvasText!important;--sbb-button-color-active-border:Highlight!important;--sbb-button-color-default-background:Canvas!important;--sbb-button-color-hover-background:Canvas!important;--sbb-button-color-active-background:Canvas!important;--sbb-button-color-disabled-background:Canvas!important;--sbb-button-color-disabled-text:GrayText!important;--sbb-button-color-loading-border:Highlight!important;--sbb-button-color-default-text:CanvasText!important;--sbb-button-color-hover-text:CanvasText!important;--sbb-button-color-active-text:CanvasText!important}:host(:is(:state(button),[state--button])){--sbb-button-color-default-text:ButtonText!important;--sbb-button-color-hover-text:ButtonText!important;--sbb-button-color-active-text:ButtonText!important}:host(:is(:state(link),[state--link])){--sbb-button-color-default-text:LinkText!important;--sbb-button-color-hover-text:LinkText!important;--sbb-button-color-active-text:LinkText!important}}:host([negative]){--sbb-button-color-disabled-background:var(--sbb-background-color-3-negative);--sbb-button-color-disabled-text:var(--sbb-color-aluminium)}:host([size=l]){--sbb-button-min-height:var(--sbb-button-min-height-size-l);--sbb-button-padding-inline:var(--sbb-button-padding-inline-size-l)}:host([size=m]){--sbb-button-min-height:var(--sbb-button-min-height-size-m);--sbb-button-padding-inline:var(--sbb-button-padding-inline-size-m)}:host([size=s]){--sbb-button-min-height:var(--sbb-button-min-height-size-s);--sbb-button-padding-inline:var(--sbb-button-padding-inline-size-s);--sbb-button-gap:var(--sbb-spacing-fixed-1x)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-button-padding-inline:0;--_width:calc(var(--sbb-button-min-height) + var(--_min-height-modifier))}@media (any-hover:hover){:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading]):is(:hover,:is(:state(force-hover),[state--force-hover]))){--sbb-button-translate-y-content-hover:-.0625rem;--sbb-button-shadow-1-offset-y:calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-offset-y));--sbb-button-shadow-1-blur:calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-1-blur));--sbb-button-shadow-2-blur:calc(.5 * var(--sbb-shadow-elevation-level-3-shadow-2-blur));--sbb-button-cursor:var(--sbb-cursor-pointer);--_border-color:var(--sbb-button-color-hover-border);--_color:var(--sbb-button-color-hover-text);--_background-color:var(--sbb-button-color-hover-background);--_button-inset:calc(var(--sbb-button-border-width) * -1)}}@media (forced-colors:active){:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading]):is(:hover,:is(:state(force-hover),[state--force-hover]))){--sbb-button-color-hover-border:Highlight!important}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-button-cursor:var(--sbb-cursor-default);--_color:var(--sbb-button-color-disabled-text);--_background-color:var(--sbb-button-color-disabled-background);--_border-color:var(--sbb-button-color-disabled-border);--_border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--_border-color)}:host(:not([disabled],:disabled,[disabled-interactive]):is(:active,:is(:state(active),[state--active]),[loading])){--_color:var(--sbb-button-color-active-text);--_background-color:var(--sbb-button-color-active-background);--_border-color:var(--sbb-button-color-active-border)}:host([loading]:not([disabled],:disabled,[disabled-interactive])){--_min-height-modifier:calc(-2 * var(--sbb-button-loading-border-width));--sbb-button-focus-outline-offset-override:calc(var(--sbb-focus-outline-offset) + var(--sbb-button-loading-border-width));--_border:none;--_transform-style:preserve-3d}.sbb-action-base{gap:var(--sbb-button-gap);font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);font-weight:700;line-height:var(--sbb-typo-line-height-text);text-align:left;white-space:nowrap;min-height:calc(var(--sbb-button-min-height) + var(--_min-height-modifier));width:var(--_width);border-radius:var(--sbb-button-border-radius);color:var(--_color);cursor:var(--sbb-button-cursor);user-select:none;background-color:var(--_background-color);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transform-style:var(--_transform-style,flat);padding-block:var(--sbb-button-padding-block-min);padding-inline:var(--sbb-button-padding-inline);outline:none;justify-content:center;align-items:center;text-decoration:none;transition-property:color,background-color;display:flex;position:relative}.sbb-action-base:before{content:"";inset:var(--_button-inset);border:var(--_border);border-radius:var(--sbb-button-border-radius);pointer-events:none;box-shadow:var(--sbb-button-box-shadow);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,border,box-shadow;position:absolute}:host([loading]:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{margin:var(--sbb-button-loading-border-width);padding-inline:calc(var(--sbb-button-padding-inline) - var(--sbb-button-loading-border-width));transition-property:none}:host(:is(:state(focus-visible),[state--focus-visible])) .sbb-action-base:before,:host(:focus-visible) .sbb-action-base:before,.sbb-action-base: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-button-focus-outline-offset-override,var(--sbb-focus-outline-offset))}.sbb-button__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-button__label{display:none}.sbb-button__label,::slotted([slot=icon]),sbb-icon{transition:translate var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);translate:0 var(--sbb-button-translate-y-content-hover,0)}.sbb-button-loading-border{inset:calc(-1 * var(--sbb-button-loading-border-width));clip-path:border-box;border-radius:var(--sbb-button-border-radius);background:var(--_background-color);z-index:-1;contain:paint;animation:background-fade-in var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x)) var(--sbb-disable-animation-duration,var(--sbb-button-loading-delay)) linear;animation-fill-mode:forwards;position:absolute;transform:translateZ(-1px);container-type:inline-size}.sbb-button-loading-border:before{content:"";width:64cqmin;max-height:var(--sbb-button-min-height);aspect-ratio:2;background:radial-gradient(100% 100% at right, var(--sbb-button-color-active-text), transparent 50%);offset-path:border-box;offset-anchor:100% 50%;opacity:0;animation:snake-fade-in var(--sbb-disable-animation-duration,calc(var(--sbb-animation-duration-12x) * 2)) var(--sbb-disable-animation-duration,calc(var(--sbb-button-loading-delay) + var(--sbb-animation-duration-5x))) var(--sbb-animation-easing), snake-position var(--sbb-disable-animation-duration,calc(max(tan(atan2(var(--sbb-button-width), 1px)) / 136, .5) * 3s)) infinite linear;transform-style:preserve-3d;animation-fill-mode:forwards;display:block;position:absolute}@keyframes snake-position{to{offset-distance:100%}}@keyframes snake-fade-in{to{opacity:1}}@keyframes background-fade-in{to{background:var(--sbb-button-color-loading-border)}}
+`,b=`:host{-webkit-tap-highlight-color:transparent;--sbb-mini-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-mini-button-color-background:var(--sbb-mini-button-color-default-background);--sbb-mini-button-color:var(--sbb-mini-button-color-text);height:fit-content;display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-mini-button-color-text:ButtonText!important;--sbb-mini-button-color-hover-background:Highlight!important;--sbb-mini-button-color-active-background:Highlight!important;--sbb-mini-button-color-disabled-background:Canvas!important;--sbb-mini-button-color-disabled-border:GrayText!important;--sbb-mini-button-color-disabled-text:GrayText!important}}:host([negative]){--sbb-mini-button-color-text:var(--sbb-color-3-negative);--sbb-mini-button-color-default-background:transparent;--sbb-mini-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-mini-button-color-disabled-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-disabled-border:var(--sbb-border-color-5);--sbb-mini-button-color-disabled-text:var(--sbb-color-5)}@media (any-hover:hover){:host(:is(:hover,:is(:state(force-hover),[state--force-hover])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]),:active,:is(:state(active),[state--active]))){--sbb-mini-button-translate-y-content-hover:-.0625rem;--sbb-mini-button-color-background:var(--sbb-mini-button-color-hover-background)}}:host(:is(:active,:is(:state(active),[state--active])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-active-background)}:host(:is([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-disabled-background);--sbb-mini-button-border:var(--sbb-border-width-1x) dashed var(--sbb-mini-button-color-disabled-border);--sbb-mini-button-color:var(--sbb-mini-button-color-disabled-text);--sbb-mini-button-pointer-events:none;--sbb-mini-button-cursor:var(--sbb-cursor-default)}:host(:is(:state(focus-visible),[state--focus-visible])){--sbb-focus-outline-style:initial}.sbb-action-base{color:var(--sbb-mini-button-color);border-radius:var(--sbb-mini-button-border-radius);user-select:none;pointer-events:var(--sbb-mini-button-pointer-events,auto);cursor:var(--sbb-mini-button-cursor,var(--sbb-cursor-pointer));transition:color var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);outline:none;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{content:"";border-radius:var(--sbb-mini-button-border-radius);background-color:var(--sbb-mini-button-color-background);transition-duration:var(--sbb-mini-button-transition-duration);transition-timing-function:var(--sbb-mini-button-transition-easing-function);border:var(--sbb-mini-button-border);transition-property:inset,background-color;position:absolute;inset:0}.sbb-action-base:focus-visible:before,:host(:is(:is(:state(focus-visible),[state--focus-visible]),:focus-visible)) .sbb-action-base: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)}::slotted(sbb-icon),sbb-icon{transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);min-width:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));min-height:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));justify-content:center;align-items:center;display:flex}
+`,x=`:host{--sbb-mini-button-gap:.125rem;--sbb-mini-button-padding-inline:var(--sbb-spacing-fixed-2x);--sbb-mini-button-label-display:block;--sbb-mini-button-label-height:var(--sbb-size-icon-ui-small)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-mini-button-padding-inline:0;--sbb-mini-button-label-display:none;--sbb-mini-button-label-height:unset}.sbb-action-base{height:var(--sbb-mini-button-label-height);gap:var(--sbb-mini-button-gap);padding-inline:var(--sbb-mini-button-padding-inline);justify-content:center;align-items:center}.sbb-mini-button__label{white-space:nowrap;text-overflow:ellipsis;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:var(--sbb-mini-button-label-display);transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);overflow:hidden}
+`,S=`:host{--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:light-dark(color-mix(in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-button-color-default-text)),color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text)));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-primary) 20%, transparent),color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-primary125) 20%, transparent),color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-primary) 60%, transparent),color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-primary125) 60%, transparent),color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`,C=`:host{--sbb-button-color-active-background:var(--sbb-background-color-3);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite));--sbb-button-color-default-background:var(--sbb-background-color-1);--sbb-button-color-default-border:var(--sbb-border-color-4-inverted);--sbb-button-color-default-text:var(--sbb-color-3);--sbb-button-color-hover-background:var(--sbb-background-color-1);--sbb-button-color-hover-border:var(--sbb-border-color-4-inverted);--sbb-button-color-hover-text:var(--sbb-color-4);--sbb-button-color-loading-border:var(--sbb-border-color-4-inverted);--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-cement) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-border-overlap-fix:0rem}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-2-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-graphite);--sbb-button-color-default-background:var(--sbb-background-color-1-negative);--sbb-button-color-default-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-default-text:var(--sbb-color-3-negative);--sbb-button-color-hover-background:var(--sbb-background-color-1-negative);--sbb-button-color-hover-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-4-negative);--sbb-button-color-loading-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`,w=`:host{--sbb-button-color-active-background:var(--sbb-background-color-4);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:var(--sbb-color-1);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1);--sbb-button-color-hover-background:var(--sbb-background-color-3);--sbb-button-color-hover-border:var(--sbb-border-color-3-inverted);--sbb-button-color-hover-text:var(--sbb-color-1);--sbb-button-color-loading-border:light-dark(var(--sbb-color-silver),var(--sbb-color-granite))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-1-negative);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-1-negative);--sbb-button-color-loading-border:var(--sbb-color-granite)}
+`;const T=m(S),E=m(C),D=m(v),O=m(w),k=m(b),A=m(x),j=e=>(()=>{let t=c(_(e)),n,r=[],i=[],a,o=[],s=[];return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;n=[h({reflect:!0})],a=[l(),h({reflect:!0,type:Boolean})],u(this,null,n,{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:e},r,i),u(this,null,a,{kind:`accessor`,name:`loading`,static:!1,private:!1,access:{has:e=>`loading`in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:e},o,s),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.styles=[m(y)]}#e=d(this,r,null);get size(){return this.#e}set size(e){this.#e=e}#t=(d(this,i),d(this,o,!1));get loading(){return this.#t}set loading(e){this.#t=e}constructor(...e){super(...e),d(this,s),this.internals.states.add(`sbb-button`)}willUpdate(e){if(super.willUpdate(e),e.has(`loading`))if(this.loading){this.internals.ariaBusy=`true`,this.internals.ariaDisabled=`true`;let e=this.offsetWidth;this.style?.setProperty(`--sbb-button-width`,`${e||136}px`)}else this.internals.ariaBusy=null,this.style?.removeProperty(`--sbb-button-width`),this.maybeDisabledInteractive||(this.internals.ariaDisabled=null)}renderTemplate(){return g`
+        ${super.renderIconSlot()}
+        <span class="sbb-button__label">
+          <slot></slot>
+        </span>
+        ${this.loading&&!this.maybeDisabled?g`<div class="sbb-button-loading-border"></div>`:p}
+      `}}})();var M=class extends j(i(t)){static{this.elementName=`sbb-button`}static{this.styles=[T]}},N=class extends j(i(t)){static{this.elementName=`sbb-secondary-button`}static{this.styles=[E]}},P=class extends j(i(t)){static{this.elementName=`sbb-accent-button`}static{this.styles=[D]}},F=class extends j(i(t)){static{this.elementName=`sbb-transparent-button`}static{this.styles=[O]}},I=class extends i(c(_(t))){static{this.elementName=`sbb-mini-button`}static{this.styles=[k,A]}renderTemplate(){return g`
+      ${super.renderIconSlot()}
+      <span class="sbb-mini-button__label">
+        <slot></slot>
+      </span>
+    `}},L=`@media (forced-colors:active){:host{--sbb-mini-button-color:LinkText!important}}
+`,R=class extends c(_(n(r(o)))){static{this.elementName=`sbb-mini-button-link`}static{this.styles=[k,A,m(L)]}renderTemplate(){return f`
+      ${super.renderIconSlot()}
+      <span class="sbb-mini-button__label">
+        <slot></slot>
+      </span>
+    `}},z=`:host{display:block}:host([negative]){--sbb-mini-button-group-background:var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color:var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height:var(--sbb-mini-button-group-min-height-s);--sbb-mini-button-group-padding-inline:var(--sbb-mini-button-group-padding-inline-s)}:host([size=m]){--sbb-mini-button-group-min-height:var(--sbb-mini-button-group-min-height-m);--sbb-mini-button-group-padding-inline:var(--sbb-mini-button-group-padding-inline-m)}:host([size=l]){--sbb-mini-button-group-min-height:var(--sbb-mini-button-group-min-height-l);--sbb-mini-button-group-padding-inline:var(--sbb-mini-button-group-padding-inline-l)}:host([size=xl]){--sbb-mini-button-group-min-height:var(--sbb-mini-button-group-min-height-xl);--sbb-mini-button-group-padding-inline:var(--sbb-mini-button-group-padding-inline-xl)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width:var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width));flex-wrap:nowrap;display:flex}
+`;let B=(()=>{let e=c(s(a)),t,n=[],r=[],i,o=[],p=[];return class extends e{static{let a=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;t=[l(),h({attribute:`accessibility-label`})],i=[h({reflect:!0})],u(this,null,t,{kind:`accessor`,name:`accessibilityLabel`,static:!1,private:!1,access:{has:e=>`accessibilityLabel`in e,get:e=>e.accessibilityLabel,set:(e,t)=>{e.accessibilityLabel=t}},metadata:a},n,r),u(this,null,i,{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:a},o,p),a&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})}static{this.elementName=`sbb-mini-button-group`}static{this.styles=[m(z)]}#e;get accessibilityLabel(){return this.#e}set accessibilityLabel(e){this.#e=e}#t;get size(){return this.#t}set size(e){this.#t=e}willUpdate(e){super.willUpdate(e),e.has(`negative`)&&this._proxyNegative()}_proxyNegative(){this.querySelectorAll?.(`sbb-divider, sbb-mini-button, sbb-mini-button-link`).forEach(e=>e.negative=this.negative)}render(){return f`
+      ${this.renderList({ariaLabel:this.accessibilityLabel},{localNameVisualOnly:[`sbb-divider`]})}
+    `}constructor(){super(...arguments),this.listChildLocalNames=[`sbb-mini-button`,`sbb-mini-button-link`,`sbb-divider`],this.#e=d(this,n,``),this.#t=(d(this,r),d(this,o,null)),d(this,p)}}})();var V=class extends j(n(r(o))){static{this.elementName=`sbb-button-link`}static{this.styles=[T]}},H=class extends j(n(r(o))){static{this.elementName=`sbb-secondary-button-link`}static{this.styles=[E]}},U=class extends j(n(r(o))){static{this.elementName=`sbb-accent-button-link`}static{this.styles=[D]}},W=class extends j(n(r(o))){static{this.elementName=`sbb-transparent-button-link`}static{this.styles=[O]}},G=class extends j(r(e)){static{this.elementName=`sbb-button-static`}static{this.styles=[T]}},K=class extends j(r(e)){static{this.elementName=`sbb-secondary-button-static`}static{this.styles=[E]}},q=class extends j(r(e)){static{this.elementName=`sbb-accent-button-static`}static{this.styles=[D]}},J=class extends j(r(e)){static{this.elementName=`sbb-transparent-button-static`}static{this.styles=[O]}};export{P as SbbAccentButtonElement,U as SbbAccentButtonLinkElement,q as SbbAccentButtonStaticElement,j as SbbButtonCommonElementMixin,M as SbbButtonElement,V as SbbButtonLinkElement,G as SbbButtonStaticElement,I as SbbMiniButtonElement,B as SbbMiniButtonGroupElement,R as SbbMiniButtonLinkElement,N as SbbSecondaryButtonElement,H as SbbSecondaryButtonLinkElement,K as SbbSecondaryButtonStaticElement,F as SbbTransparentButtonElement,W as SbbTransparentButtonLinkElement,J as SbbTransparentButtonStaticElement,D as buttonAccentStyle,T as buttonPrimaryStyle,E as buttonSecondaryStyle,O as buttonTransparentStyle,A as miniButtonLabelStyle,k as miniButtonStyle};

package/calendar.js

@@ -1,11 +1 @@
-import { t as e } from "./calendar-day.component-3tlW6Ba5.js";
-import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
-import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
-import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
-import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, r as o, t as s } from "./calendar.component-RVAHcJf6.js";
-import { t as c } from "./calendar-cell-base-element-DHCKK3bU.js";
-import "./calendar.pure.js";
-s.define(), e.define(), t.define(), n.define(), r.define(), i.define();
-//#endregion
-export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, s as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbDateSelectedEvent, o as SbbMonthChangeEvent };
+import{SbbCalendarDayElement as e,SbbCalendarElement as t,SbbCalendarMonthElement as n,SbbCalendarWeekdayElement as r,SbbCalendarWeeknumberElement as i,SbbCalendarYearElement as a}from"./calendar.pure.js";export*from"./calendar.pure.js";t.define(),e.define(),n.define(),a.define(),r.define(),i.define();