@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/form-field.pure.js

@@ -1,6 +1,55 @@
-import { t as e } from "./error.component-D0rmgyFk.js";
-import { n as t, t as n } from "./form-field.component-eH2C_qPG.js";
-import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
-import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
-import { t as a } from "./hint.component-BZZJXuHG.js";
-export { e as SbbErrorElement, r as SbbFormFieldClearElement, n as SbbFormFieldControlEvent, t as SbbFormFieldElement, i as SbbFormFieldTextCounterElement, a as SbbHintElement };
+import{html as e,isServer as t,unsafeCSS as n}from"lit";import{SbbButtonBaseElement as r,SbbElement as i,SbbLanguageController as a,SbbNegativeMixin as o,appendAriaElements as s,forceType as c,i18nClearInput as l,i18nRemainingCharacters as u,removeAriaElements as d,sbbInputModalityDetector as f,sbbLiveAnnouncer as p}from"./core.js";import{__esDecorate as m,__runInitializers as h}from"tslib";import{property as g,state as _}from"lit/decorators.js";import{SbbIconElement as v}from"./icon.pure.js";import{miniButtonStyle as y}from"./button.pure.js";var b=`:host{--_sbb-error-height:calc(var(--sbb-typo-line-height-text) * 1em);--sbb-icon-svg-width:var(--sbb-error-icon-size);--sbb-icon-svg-height:var(--sbb-error-icon-size);color:var(--sbb-error-color);min-height:var(--_sbb-error-height);font-size:var(--sbb-error-font-size);line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);align-items:flex-start;display:flex}@media (forced-colors:active){:host{--sbb-error-color:LinkText!important}}:host([negative]){--sbb-error-color:var(--sbb-color-red85)}.error__icon{height:var(--_sbb-error-height);align-items:center;margin-inline-end:var(--sbb-spacing-fixed-1x);display:flex}.error-content{line-height:var(--sbb-typo-line-height-text);vertical-align:text-top}.error__icon-svg{stroke:currentColor;height:var(--_sbb-error-height)}
+`,x=class extends o(i){static{this.elementName=`sbb-error`}static{this.styles=[n(b)]}connectedCallback(){super.connectedCallback();let e=this.closest?.(`sbb-form-field`);e&&(this.negative=e.hasAttribute(`negative`))}render(){return e`
+      <span class="error__icon">
+        <slot name="icon">
+          <svg
+            class="error__icon-svg"
+            aria-hidden="true"
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <line x1="7" y1="3" x2="7" y2="8.5" />
+            <line x1="7" y1="10" x2="7" y2="11" />
+            <circle cx="7" cy="7" r="6.5" />
+          </svg>
+        </slot>
+      </span>
+      <span class="error-content">
+        <slot></slot>
+      </span>
+    `}},S=`:host{--sbb-form-field-hint-divider-width:var(--sbb-spacing-fixed-1x);--sbb-form-field-hint-padding-block-start:var(--sbb-form-field-hint-divider-width);--sbb-form-field-select-inline-padding-end:calc(var(--sbb-icon-svg-width) + var(--sbb-form-field-gap));--sbb-form-field-label-size:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));--sbb-form-field-text-line-height:calc(var(--sbb-form-field-input-text-size) * var(--sbb-typo-line-height-text));--sbb-form-field-margin-block-start:calc(( var(--sbb-form-field-min-height) - var(--sbb-form-field-label-size) - var(--sbb-form-field-text-line-height) + var(--_sbb-form-field-label-to-input-overlapping) ) / 2);--sbb-icon-svg-width:var(--sbb-form-field-icon-size);--sbb-icon-svg-height:var(--sbb-form-field-icon-size);--sbb-focus-outline-color:light-dark(var(--sbb-focus-outline-color-default),var(--sbb-focus-outline-color-dark));color:var(--sbb-form-field-color);font-weight:400;line-height:var(--sbb-typo-line-height-text);display:inline-block}:host(:where(:not([width=collapse]))){width:min(18.75rem,100%);min-width:9.375rem}:host([negative]){color:var(--sbb-color-3-negative);--sbb-form-field-background-color:var(--sbb-background-color-1-negative);--sbb-form-field-border-color:var(--sbb-border-color-5);--sbb-form-field-label-color:var(--sbb-color-5);--sbb-form-field-prefix-color:var(--sbb-color-5);--sbb-form-field-text-color:var(--sbb-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-form-field-arrow-color:var(--sbb-color-3-negative)}@media (forced-colors:active){:host([negative]){--sbb-form-field-border-color:ButtonBorder}}:host([size=s]){--sbb-form-field-min-height:var(--sbb-size-element-xs);--sbb-form-field-padding-inline:var(--sbb-spacing-fixed-2x);--sbb-form-field-input-text-size:var(--sbb-text-font-size-s);--sbb-form-field-label-text-size:var(--sbb-text-font-size-xxs);--_sbb-form-field-input-margin-block-end:-.125rem;--_sbb-form-field-label-to-input-overlapping:.625rem;--_sbb-form-field-floating-label-transform:.34375rem;--_sbb-form-field-spacer-margin-block-end:-.53125rem}@media (width>=64rem){:host([size=s]){--_sbb-form-field-label-to-input-overlapping:.6875rem;--_sbb-form-field-floating-label-transform:.3125rem;--_sbb-form-field-spacer-margin-block-end:-.5rem}}:host([size=m]){--sbb-form-field-min-height:var(--sbb-size-element-m);--sbb-form-field-padding-inline:var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-form-field-min-height:var(--sbb-size-element-l);--sbb-form-field-padding-inline:var(--sbb-spacing-responsive-xxxs)}:host(:is([size=m],[size=l])){--sbb-form-field-input-text-size:var(--sbb-text-font-size-m);--sbb-form-field-label-text-size:var(--sbb-text-font-size-xs);--_sbb-form-field-input-margin-block-end:0;--_sbb-form-field-label-to-input-overlapping:var(--sbb-spacing-fixed-1x);--_sbb-form-field-floating-label-transform:.53125rem;--_sbb-form-field-spacer-margin-block-end:calc(-1 * var(--_sbb-form-field-label-to-input-overlapping))}@media (width>=64rem){:host(:is([size=m],[size=l])){--_sbb-form-field-floating-label-transform:.65625rem}}:host([error-space=reserve]){--sbb-form-field-hint-min-height:calc(var(--sbb-typo-line-height-text) * var(--sbb-text-font-size-xs));--sbb-form-field-hint-padding-block-start-override:var(--sbb-form-field-hint-divider-width)}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-background-color:var(--sbb-background-color-3);--sbb-form-field-border-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-smoke));--sbb-form-field-arrow-color:light-dark(var(--sbb-color-granite),var(--sbb-color-storm))}@media (forced-colors:active){:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))){--sbb-form-field-border-color:ButtonBorder}}:host(:where(:is(:state(readonly),[state--readonly]),:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-background-color:var(--sbb-background-color-3-negative);--sbb-form-field-border-color:var(--sbb-border-color-5);--sbb-form-field-arrow-color:var(--sbb-border-color-5)}:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color:light-dark(var(--sbb-color-granite),var(--sbb-color-smoke));--sbb-form-field-prefix-color:light-dark(var(--sbb-color-granite),var(--sbb-color-storm));--sbb-form-field-border-style:dashed}@media (forced-colors:active){:host(:where(:is(:state(disabled),[state--disabled]))){--sbb-form-field-label-color:GrayText!important;--sbb-form-field-prefix-color:GrayText!important;--sbb-form-field-text-color:GrayText!important;--sbb-form-field-border-color:GrayText!important}}:host(:where(:is(:state(disabled),[state--disabled]))[negative]){--sbb-form-field-text-color:var(--sbb-color-5);--sbb-form-field-label-color:var(--sbb-color-5);--sbb-form-field-prefix-color:var(--sbb-color-5)}:host(:where(:is(:state(readonly),[state--readonly])):not([negative])){--sbb-form-field-label-color:light-dark(var(--sbb-color-granite),var(--sbb-color-smoke));--sbb-form-field-prefix-color:light-dark(var(--sbb-color-granite),var(--sbb-color-storm))}:host(:where(:is(:state(focus),[state--focus]))){--sbb-form-field-border-color:var(--sbb-border-color-3);--sbb-form-field-prefix-color:var(--sbb-color-3);--sbb-form-field-border-width:var(--sbb-border-width-2x)}:host(:where(:is(:state(focus),[state--focus]))[negative]){--sbb-form-field-border-color:var(--sbb-border-color-3-negative);--sbb-form-field-prefix-color:var(--sbb-color-3-negative)}@media (forced-colors:active){:host(:is(:state(focus),[state--focus])){--sbb-form-field-border-color:Highlight;--sbb-form-field-prefix-color:Highlight}}:host(:not(:where(:is(:state(has-error),[state--has-error]),:is(:state(has-hint),[state--has-hint])))){--sbb-form-field-hint-padding-block-start:0}:host([floating-label]){--sbb-select-placeholder-color:transparent}@media (forced-colors:active){:host([floating-label]){--sbb-select-placeholder-color:Canvas}}:host(:is(:not(:is(:state(slotted-label),[state--slotted-label])),[hidden-label])){--sbb-form-field-label-size:0rem;--_sbb-form-field-label-to-input-overlapping:0rem}:host(:where(:is(:state(input-element-sbb-slider),[state--input-element-sbb-slider]))){--sbb-form-field-overflow:visible}.sbb-form-field__space-wrapper{flex-direction:column;height:100%;display:flex}.sbb-form-field__space-wrapper:before{content:"​";user-select:none;width:0;height:0}.sbb-form-field__wrapper{gap:var(--sbb-form-field-gap);padding-inline:var(--sbb-form-field-padding-inline);border-radius:var(--sbb-form-field-border-radius);min-height:var(--sbb-form-field-min-height);max-height:var(--sbb-form-field-max-height);background-color:var(--sbb-form-field-background-color);flex:1;display:flex;position:relative}.sbb-form-field__wrapper:before{content:"";border:var(--sbb-form-field-border-width) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);border-radius:var(--sbb-form-field-border-radius);pointer-events:none;display:block;position:absolute;inset:0}:host(:where(:is(:state(focus),[state--focus]):is(:state(focus-origin-keyboard),[state--focus-origin-keyboard]))) .sbb-form-field__wrapper{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-form-field-outline-offset,var(--sbb-focus-outline-offset))}@media (forced-colors:none){:host(:is([borderless],:is(:state(input-element-sbb-slider),[state--input-element-sbb-slider]))) .sbb-form-field__wrapper:before{border-color:#0000}:host(:where(:is(:state(focus),[state--focus]),:is(:state(disabled),[state--disabled]))[borderless]) .sbb-form-field__wrapper:after{content:"";border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-form-field-border-color);inset-inline:var(--sbb-form-field-padding-inline);z-index:var(--sbb-form-field-focus-underline-z-index,initial);position:absolute;inset-block-end:0}}::slotted([slot=prefix]){color:var(--sbb-form-field-prefix-color)}::slotted([slot=prefix]),::slotted([slot=suffix]){min-width:var(--sbb-icon-svg-width);margin-block-start:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2);display:flex}:host(:where(:is(:state(empty),[state--empty]),:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-clear),:host(:is(:state(has-error),[state--has-error])) slot[name=hint],:host(:where(:is(:state(disabled),[state--disabled]),:is(:state(readonly),[state--readonly]))) ::slotted(sbb-form-field-text-counter){display:none}::slotted(sbb-datepicker-toggle){padding-block-end:calc((var(--sbb-form-field-min-height) - var(--sbb-size-icon-ui-small)) / 2)}@media (forced-colors:active){::slotted([slot=suffix]){color:var(--sbb-form-field-prefix-color)}}.sbb-form-field__select-input-icon{top:50%;pointer-events:none;color:var(--sbb-form-field-arrow-color);margin-block-start:calc(-1 * var(--sbb-form-field-margin-block-start) / 2);display:none;position:absolute;inset-inline-end:0;translate:0 -50%}:host(:is(:is(:state(input-element-select),[state--input-element-select]),:is(:state(input-element-sbb-select),[state--input-element-sbb-select]),:is(:state(explicit-input-element-select),[state--explicit-input-element-select]))) .sbb-form-field__select-input-icon{display:inline-block}.sbb-form-field__input-container{flex-direction:column;flex:auto;min-width:0;margin-block-start:var(--sbb-form-field-margin-block-start);display:flex;position:relative}.sbb-form-field__label-spacer{height:calc(var(--sbb-form-field-label-text-size) * var(--sbb-typo-line-height-text));margin-block-end:var(--_sbb-form-field-spacer-margin-block-end);display:flex}:host(:not(:is(:state(slotted-label),[state--slotted-label]))) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){display:none}:host([hidden-label]) :is(.sbb-form-field__label,.sbb-form-field__label-spacer){clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-form-field__label{max-width:100%;cursor:var(--sbb-cursor-default);color:var(--sbb-form-field-label-color);font-size:var(--sbb-form-field-label-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text);display:flex;position:absolute;inset-block-start:0}:host(:where(:is(:state(input-element-select),[state--input-element-select]),:is(:state(input-element-sbb-select),[state--input-element-sbb-select]))) .sbb-form-field__label{padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}:host([floating-label]) .sbb-form-field__label{transform-origin:0 0;pointer-events:none;backface-visibility:hidden;will-change:transform, font-size;transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));transition-timing-function:var(--sbb-animation-easing);transition-property:transform,font-size}:host([floating-label]:is(:not(:where(:is(:state(focus),[state--focus])):not(:where(:is(:state(input-element-sbb-select),[state--input-element-sbb-select]))),:where(:is(:state(has-popup-open),[state--has-popup-open]))),:where(:is(:state(readonly),[state--readonly]))):where(:is(:state(empty),[state--empty]))) .sbb-form-field__label{font-size:var(--sbb-form-field-input-text-size);transform:translateY(var(--_sbb-form-field-floating-label-transform))}@media (forced-colors:active){:host(:where(:is(:state(input-element-textarea),[state--input-element-textarea]))) .sbb-form-field__label{z-index:1}}.sbb-form-field__label-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-form-field__input{flex:1;align-items:start;display:flex}:host(:is(:is(:state(input-element-input),[state--input-element-input]),:is(:state(input-element-select),[state--input-element-select]),:is(:state(input-element-sbb-select),[state--input-element-sbb-select]),:is(:state(input-element-sbb-date-input),[state--input-element-sbb-date-input]),:is(:state(input-element-sbb-time-input),[state--input-element-sbb-time-input]))) .sbb-form-field__input{margin-block-end:var(--_sbb-form-field-input-margin-block-end)}.sbb-form-field__hint{min-height:var(--sbb-form-field-hint-min-height);flex-direction:column;margin-block-start:var(--sbb-form-field-hint-padding-block-start-override,var(--sbb-form-field-hint-padding-block-start));margin-inline-start:var(--sbb-form-field-padding-inline);display:flex}
+`;let C=0;const w=new WeakMap,T=[`input`,`textarea`,`select`];var E=class extends Event{get control(){return this._control}constructor(e){super(`formfieldcontrol`),this._control=e}};let D=(()=>{let r=o(i),a,l=[],u=[],p,y=[],b=[],x,E=[],D=[],O,k=[],A=[],j,M=[],N=[],P,F=[],I=[],L,R=[],z=[],B,V=[],H=[],U,W=[],G=[],K,q=[],J=[];return class extends r{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;a=[g({attribute:`error-space`,reflect:!0})],p=[g({reflect:!0})],x=[c(),g({reflect:!0,type:Boolean})],O=[g({reflect:!0})],j=[c(),g({attribute:`hidden-label`,reflect:!0,type:Boolean})],P=[c(),g({attribute:`floating-label`,reflect:!0,type:Boolean})],L=[_()],B=[_()],U=[_()],K=[_()],m(this,null,a,{kind:`accessor`,name:`errorSpace`,static:!1,private:!1,access:{has:e=>`errorSpace`in e,get:e=>e.errorSpace,set:(e,t)=>{e.errorSpace=t}},metadata:e},l,u),m(this,null,p,{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},y,b),m(this,null,x,{kind:`accessor`,name:`borderless`,static:!1,private:!1,access:{has:e=>`borderless`in e,get:e=>e.borderless,set:(e,t)=>{e.borderless=t}},metadata:e},E,D),m(this,null,O,{kind:`accessor`,name:`width`,static:!1,private:!1,access:{has:e=>`width`in e,get:e=>e.width,set:(e,t)=>{e.width=t}},metadata:e},k,A),m(this,null,j,{kind:`accessor`,name:`hiddenLabel`,static:!1,private:!1,access:{has:e=>`hiddenLabel`in e,get:e=>e.hiddenLabel,set:(e,t)=>{e.hiddenLabel=t}},metadata:e},M,N),m(this,null,P,{kind:`accessor`,name:`floatingLabel`,static:!1,private:!1,access:{has:e=>`floatingLabel`in e,get:e=>e.floatingLabel,set:(e,t)=>{e.floatingLabel=t}},metadata:e},F,I),m(this,null,L,{kind:`accessor`,name:`_errorElements`,static:!1,private:!1,access:{has:e=>`_errorElements`in e,get:e=>e._errorElements,set:(e,t)=>{e._errorElements=t}},metadata:e},R,z),m(this,null,B,{kind:`accessor`,name:`_hintElements`,static:!1,private:!1,access:{has:e=>`_hintElements`in e,get:e=>e._hintElements,set:(e,t)=>{e._hintElements=t}},metadata:e},V,H),m(this,null,U,{kind:`accessor`,name:`_input`,static:!1,private:!1,access:{has:e=>`_input`in e,get:e=>e._input,set:(e,t)=>{e._input=t}},metadata:e},W,G),m(this,null,K,{kind:`accessor`,name:`_label`,static:!1,private:!1,access:{has:e=>`_label`in e,get:e=>e._label,set:(e,t)=>{e._label=t}},metadata:e},q,J),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.elementName=`sbb-form-field`}static{this.elementDependencies=[v]}static{this.styles=[n(S)]}#e;get errorSpace(){return this.#e}set errorSpace(e){this.#e=e}#t;get size(){return this.#t}set size(e){this.#t=e}#n;get borderless(){return this.#n}set borderless(e){this.#n=e}#r;get width(){return this.#r}set width(e){this.#r=e}#i;get hiddenLabel(){return this.#i}set hiddenLabel(e){this.#i=e}#a;get floatingLabel(){return this.#a}set floatingLabel(e){this.#a=e}#o;get _errorElements(){return this.#o}set _errorElements(e){this.#o=e}#s;get _hintElements(){return this.#s}set _hintElements(e){this.#s=e}#c;get _input(){return this.#c}set _input(e){this.#c=e}#l;get _label(){return this.#l}set _label(e){this.#l=e}get inputElement(){return this._input}get label(){return this._label}constructor(){super(),this._excludedFocusElements=[`button`,`sbb-popover`,`sbb-option`,`sbb-chip`],this._floatingLabelSupportedInputElements=[`input`,`select`,`textarea`,`sbb-select`],this._floatingLabelSupportedInputTypes=[`email`,`number`,`password`,`search`,`tel`,`text`,`url`],this.#e=h(this,l,`none`),this.#t=(h(this,u),h(this,y,null)),this.#n=(h(this,b),h(this,E,!1)),this.#r=(h(this,D),h(this,k,`default`)),this.#i=(h(this,A),h(this,M,!1)),this.#a=(h(this,N),h(this,F,!1)),this.#o=(h(this,I),h(this,R,[])),this.#s=(h(this,z),h(this,V,[])),this.#c=(h(this,H),h(this,W,null)),this.#l=(h(this,G),h(this,q,void 0)),this._formFieldAttributeObserver=(h(this,J),t?null:new MutationObserver(e=>{e.some(e=>e.type===`attributes`)&&this._input&&(this._readInputState(),this._registerInputFormListener(),this._checkAndUpdateInputEmpty(),this.dispatchEvent(new Event(`ɵinputattributechange`)))})),this._inputFormAbortController=new AbortController,this._control=null,this._previousType=null,this.addEventListener?.(`focusin`,e=>{(e.target===this.inputElement||e.target===this.inputElement?.inputElement)&&(this.internals.states.add(`focus`),this.internals.states.add(`focus-origin-${f.mostRecentModality}`))},{passive:!0}),this.addEventListener?.(`focusout`,e=>{if(e.target===this.inputElement||e.target===this.inputElement?.inputElement){this._checkAndUpdateInputEmpty(),this.internals.states.delete(`focus`);for(let e of this.internals.states)e.startsWith(`focus-origin-`)&&this.internals.states.delete(e)}},{passive:!0}),this.addEventListener(`input`,()=>this._checkAndUpdateInputEmpty()),this.addEventListener(`displayvaluechange`,()=>this._checkAndUpdateInputEmpty()),this.addEventListener(`invalid`,e=>e.preventDefault(),{capture:!0}),this.addEventListener(`formfieldcontrol`,e=>{this._control=e.control,this._connectInputElement()===`unchanged`&&(this._assignAriaDescribedByElements(),this._readInputState(),this._checkAndUpdateInputEmpty())})}connectedCallback(){super.connectedCallback(),this._assignSlots(),this._connectInputElement(),this._syncNegative(),this._syncSize()}willUpdate(e){super.willUpdate(e),e.has(`negative`)&&this._syncNegative(),e.has(`size`)&&this._syncSize()}disconnectedCallback(){super.disconnectedCallback(),this._formFieldAttributeObserver?.disconnect(),this._inputFormAbortController.abort(),(this._input?.localName===`input`||this._input?.localName===`textarea`)&&this._unpatchInputValue()}_handleWrapperClick(e){this._isElementFocusExcluded(e)||(this._control?.onContainerClick?this._control?.onContainerClick(e):e.target.localName!==`label`&&(this._input?.localName===`sbb-select`&&e.target.localName!==`sbb-select`&&this._input.click(),this._input?.focus()))}_isElementFocusExcluded(e){return e.composedPath().some(e=>e instanceof window.HTMLElement&&(e.getAttribute(`tabindex`)===`0`||e.hasAttribute(`contenteditable`))||this._excludedFocusElements.includes(e.localName))}_onSlotLabelChange(){let e=Array.from(this.querySelectorAll(`label`));this._label=e[0],this._syncLabelInputReferences()}_onSlotInputChange(){this._assignSlots(),this._connectInputElement()}_assignSlots(){this.querySelectorAll(`label:not([slot])`).forEach(e=>e.setAttribute(`slot`,`label`)),this.querySelectorAll(`sbb-error:not([slot])`).forEach(e=>e.setAttribute(`slot`,`error`))}_connectInputElement(){let e;if(this._control?.id)e=this.getRootNode().getElementById(this._control.id);else{let t=Array.from(this.querySelectorAll(`*:not([slot],sbb-chip-group)`));e=(t.find(e=>this._isInputElement(e))||t[0])??null}return e===this._input?`unchanged`:(this._input&&(this.internals.states.delete(`input-element-${this._input.localName}`),(this._input.localName===`input`||this._input.localName===`textarea`)&&this._unpatchInputValue()),e?(this._input=e,this._registerInputFormListener(),this._assignAriaDescribedByElements(),this._readInputState(),this._checkAndUpdateInputEmpty(),this._input.localName===`textarea`?(this._input.setAttribute(`rows`,this._input.getAttribute(`rows`)||`3`),this._patchInputValue()):this._input.localName===`input`?this._patchInputValue():(this._input.localName===`select`||this._input.localName===`sbb-select`)&&!this.hasUpdated&&this.hydrationComplete.then(()=>this.requestUpdate()),this._formFieldAttributeObserver?.disconnect(),this._formFieldAttributeObserver?.observe(this._input,{attributes:!0,attributeFilter:[`readonly`,`disabled`,`form`,`class`,`data-expanded`,`maxlength`]}),this.internals.states.add(`input-element-${this._input.localName}`),this._syncLabelInputReferences(),`changed`):(this._input=null,`no-input`))}_syncLabelInputReferences(){if(!(!this._input||!this._label))if(T.includes(this._input.localName)||customElements.get(this._input.localName)?.formAssociated)this._input.id||=`sbb-form-field-input-${C++}`,this._label.htmlFor=this._input.id;else{this._label.id||=`sbb-form-field-label-${C++}`;let e=this._input.getAttribute(`aria-labelledby`)?.split(` `).filter(e=>!!e&&e!==this._label.id)??[];this._input.setAttribute(`aria-labelledby`,[...e,this._label.id].join(` `))}}_isInputElement(e){return T.includes(e.localName)||!!customElements.get(e.localName)?.formAssociated}_readInputState(){this.toggleState(`readonly`,this._control?.readOnly??this._input.hasAttribute(`readonly`)),this.toggleState(`disabled`,this._control?.disabled??this._input.hasAttribute(`disabled`)),this.toggleState(`has-popup-open`,this._input.hasAttribute(`data-expanded`)),this._previousType&&this.internals.states.delete(`input-type-${this._previousType}`),this._previousType=this._control?.type??this._input.type??`text`,this.internals.states.add(`input-type-${this._previousType}`)}_registerInputFormListener(){this._inputFormAbortController.abort();let{signal:e}=this._inputFormAbortController=new AbortController;(this._input?.form??this._input?.closest(`form`))?.addEventListener(`reset`,()=>setTimeout(()=>this.reset()),{signal:e})}_patchInputValue(){let e=this._input;if(!e||w.has(e))return;let t=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),`value`);if(!t||!t.set||!t.get)return;w.set(e,t);let{get:n,set:r}=t,i=()=>{this._checkAndUpdateInputEmpty(),this.dispatchEvent(new Event(`ɵinput`))};Object.defineProperty(e,"value",{...t,get(){return n.call(this)},set(e){r.call(this,e),i()}})}_unpatchInputValue(){let e=this._input,t=w.get(e);t&&(Object.defineProperty(e,"value",t),w.delete(e))}_checkAndUpdateInputEmpty(){this.toggleState(`empty`,this._control?.empty??(((this._floatingLabelSupportedInputElements.includes(this._input?.localName)||this._input?.constructor?.formFieldAssociated)??!1)&&this._isInputEmpty()))}_isInputEmpty(){let e=this.querySelector(`sbb-chip-group`);return e?this._isInputValueEmpty()&&(Array.isArray(e.value)?e.value.length===0:!e.querySelector(`sbb-chip`)):this._input instanceof HTMLInputElement?this._floatingLabelSupportedInputTypes.includes(this._input.type)&&this._isInputValueEmpty():this._input instanceof HTMLSelectElement?this._input.selectedOptions?.item(0)?.label?.trim()===``:this._input?.localName===`sbb-select`?this._input.getDisplayValue?.()?.trim()===``:this._isInputValueEmpty()}_isInputValueEmpty(){let e=this._input.value;return[``,void 0,null].includes(e)||Array.isArray(e)&&e.length===0}_onSlotErrorChange(e){let t=e.target.assignedElements();this._input&&this._input.ariaDescribedByElements?.length&&(this._input.ariaDescribedByElements=d(this._input.ariaDescribedByElements,...this._errorElements??[],...this._hintElements??[])),this._errorElements=t;for(let e of this._errorElements)e.role||=`status`;this._assignAriaDescribedByElements(),this.toggleState(`has-error`,!!this._errorElements.length),this._syncNegative()}_onSlotHintChange(e){let t=e.target.assignedElements();this._input?.ariaDescribedByElements?.length&&this._hintElements?.length&&(this._input.ariaDescribedByElements=d(this._input.ariaDescribedByElements,...this._hintElements)),this._hintElements=t,this._assignAriaDescribedByElements(),this.toggleState(`has-hint`,!!this._hintElements.length),this._syncNegative()}_assignAriaDescribedByElements(){if(this._input){let e=this._errorElements.length?this._errorElements:this._hintElements;this._input.ariaDescribedByElements=s(this._input.ariaDescribedByElements,...e)}}reset(){this._checkAndUpdateInputEmpty()}clear(){this._input?.localName===`input`&&(this._input.value=``,this._checkAndUpdateInputEmpty())}_syncNegative(){this.querySelectorAll?.(`sbb-error,sbb-mini-button,sbb-mini-button-link,sbb-form-field-clear,sbb-datepicker-next-day,sbb-datepicker-previous-day,sbb-datepicker-toggle,sbb-select,sbb-autocomplete,sbb-autocomplete-grid,sbb-chip-group,sbb-hint,sbb-form-field-text-counter`).forEach(e=>e.toggleAttribute(`negative`,this.negative))}_syncSize(){this.querySelectorAll?.(`sbb-autocomplete,sbb-autocomplete-grid,sbb-select`).forEach(e=>e.size=this.size===`l`?`m`:this.size)}render(){return e`
+      <div class="sbb-form-field__space-wrapper">
+        ${``}
+        <div @click=${this._handleWrapperClick} class="sbb-form-field__wrapper" id="overlay-anchor">
+          <slot name="prefix" @slotchange=${this._syncNegative}></slot>
+          <div class="sbb-form-field__input-container">
+            <span class="sbb-form-field__label-spacer" aria-hidden="true"></span>
+            <span class="sbb-form-field__label">
+              <span class="sbb-form-field__label-ellipsis">
+                <slot name="label" @slotchange=${this._onSlotLabelChange}></slot>
+              </span>
+            </span>
+            <div class="sbb-form-field__input">
+              <slot @slotchange=${this._onSlotInputChange}></slot>
+            </div>
+            <sbb-icon
+              name="chevron-small-down-small"
+              class="sbb-form-field__select-input-icon"
+            ></sbb-icon>
+          </div>
+          <slot name="suffix" @slotchange=${this._syncNegative}></slot>
+        </div>
+
+        <div class="sbb-form-field__hint">
+          <slot name="hint" @slotchange=${this._onSlotHintChange}></slot>
+          <slot name="error" @slotchange=${this._onSlotErrorChange}></slot>
+        </div>
+      </div>
+    `}}})();var O=class extends o(r){static{this.elementName=`sbb-form-field-clear`}static{this.elementDependencies=[v]}static{this.styles=[y]}constructor(){super(),this._language=new a(this),this.addEventListener?.(`click`,()=>this._handleClick())}connectedCallback(){super.connectedCallback(),this._formField=this.closest(`sbb-form-field`),this._formField&&(this.slot||=`suffix`,this.negative=this._formField.hasAttribute(`negative`))}async _handleClick(){let e=this._formField?.inputElement;!e||e.localName!==`input`||(this._formField?.clear(),e.focus(),e.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),e.dispatchEvent(new Event(`change`,{bubbles:!0})))}willUpdate(e){super.willUpdate(e),this.internals.ariaLabel=l[this._language.current]}renderTemplate(){return e`<sbb-icon name="cross-small"></sbb-icon>`}},k=`:host{--sbb-form-field-hint-font-size:var(--sbb-text-font-size-xxs);color:var(--sbb-form-field-label-color);font-size:var(--sbb-form-field-hint-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-texts);display:inline-block}:host([negative]){--sbb-form-field-label-color:var(--sbb-color-5)}
+`,A=class extends o(i){constructor(){super(...arguments),this.formField=null}static{this.elementName=`sbb-hint`}static{this.styles=[n(k)]}connectedCallback(){super.connectedCallback(),this.slot||=`hint`,this.formField=this.closest?.(`sbb-form-field`),this.negative=this.formField?.hasAttribute(`negative`)??!1}render(){return e`<slot></slot>`}};const j=[100,50,25,10,0];let M=(()=>{let t=A,n,r=[],i=[];return class extends t{constructor(){super(...arguments),this.#e=h(this,r,0),this._language=(h(this,i),new a(this)),this._abortController=null}static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;n=[_()],m(this,null,n,{kind:`accessor`,name:`_remainingCharacters`,static:!1,private:!1,access:{has:e=>`_remainingCharacters`in e,get:e=>e._remainingCharacters,set:(e,t)=>{e._remainingCharacters=t}},metadata:e},r,i),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.elementName=`sbb-form-field-text-counter`}#e;get _remainingCharacters(){return this.#e}set _remainingCharacters(e){this.#e=e}connectedCallback(){super.connectedCallback(),this.internals.ariaHidden=`true`,this._abortController?.abort(),this._abortController=new AbortController,this.formField&&(this.formField.addEventListener(`ɵinput`,()=>this._onInputUpdate(),{signal:this._abortController.signal}),this.formField.addEventListener(`input`,()=>this._onInputUpdate(),{signal:this._abortController.signal}),this.formField.addEventListener(`ɵinputattributechange`,()=>this._onInputUpdate(),{signal:this._abortController.signal}),this.formField.addEventListener(`focusin`,e=>{e.target===this.formField?.inputElement&&(this.internals.ariaLabel=this._infoText())},{signal:this._abortController.signal}),this._onInputUpdate())}disconnectedCallback(){super.disconnectedCallback(),this._abortController?.abort()}_onInputUpdate(){let e=this.formField?.inputElement;if(!e)return;let t=e.maxLength??0,n=e.value?.length??0;this._remainingCharacters=Math.max(t-n,0),[...j.map(e=>Math.round(e/100*t))].includes(this._remainingCharacters)&&p.announce(this._infoText())}_infoText(){return`${this._remainingCharacters} ${u[this._language.current]}`}render(){return e`${this._remainingCharacters}<slot>
+        ${u[this._language.current]}</slot
+      >`}}})();export{x as SbbErrorElement,O as SbbFormFieldClearElement,E as SbbFormFieldControlEvent,D as SbbFormFieldElement,M as SbbFormFieldTextCounterElement,A as SbbHintElement};

package/header.js

@@ -1,9 +1 @@
-import { t as e } from "./header-action-common-B5M7_3Q1.js";
-import { SbbHeaderButtonElement as t } from "./header/header-button/header-button.component.js";
-import { t as n } from "./header-environment.component-Diy44YpD.js";
-import { SbbHeaderLinkElement as r } from "./header/header-link/header-link.component.js";
-import { t as i } from "./header.component-BbdHh5fF.js";
-import "./header.pure.js";
-i.define(), t.define(), n.define(), r.define();
-//#endregion
-export { e as SbbHeaderActionCommonElementMixin, t as SbbHeaderButtonElement, i as SbbHeaderElement, n as SbbHeaderEnvironmentElement, r as SbbHeaderLinkElement };
+import{SbbHeaderButtonElement as e,SbbHeaderElement as t,SbbHeaderEnvironmentElement as n,SbbHeaderLinkElement as r}from"./header.pure.js";export*from"./header.pure.js";t.define(),e.define(),n.define(),r.define();

package/header.pure.js

@@ -1,6 +1,21 @@
-import { t as e } from "./header-action-common-B5M7_3Q1.js";
-import { SbbHeaderButtonElement as t } from "./header/header-button/header-button.component.js";
-import { t as n } from "./header-environment.component-Diy44YpD.js";
-import { SbbHeaderLinkElement as r } from "./header/header-link/header-link.component.js";
-import { t as i } from "./header.component-BbdHh5fF.js";
-export { e as SbbHeaderActionCommonElementMixin, t as SbbHeaderButtonElement, i as SbbHeaderElement, n as SbbHeaderEnvironmentElement, r as SbbHeaderLinkElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isServer as r,unsafeCSS as i}from"lit";import{property as a,state as o}from"lit/decorators.js";import{html as s}from"lit/static-html.js";import{SbbButtonBaseElement as c,SbbElement as l,SbbFocusVisibleWithinController as u,SbbLinkBaseElement as d,SbbPropertyWatcherController as f,forceType as p,idReference as m,queueDomContentLoaded as h}from"./core.js";import{SbbIconNameMixin as g}from"./icon.pure.js";import{MutationController as _}from"@lit-labs/observers/mutation-controller.js";var v=`:host{--sbb-header-action-active-border-margin-inline:var(--sbb-header-action-padding-inline);--sbb-header-action-min-width:var(--sbb-header-action-min-height);--sbb-header-action-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--_sbb-header-first-item-padding-shift:calc(-1 * var(--sbb-header-action-padding-inline));--sbb-header-first-item-margin-inline-start:calc(var(--_sbb-header-first-item-padding-shift) - var(--sbb-header-first-item-icon-shift));display:inline-block;outline:none!important}@media (any-hover:hover){:host(:hover:not(:active,:is(:state(active),[state--active]))){--sbb-header-action-background-color:var(--sbb-background-color-3);--sbb-header-action-translate-y:-.0625rem;--sbb-header-action-background-inset:calc(var(--sbb-border-width-2x) * -1)}}@media (any-hover:hover) and (forced-colors:active){:host(:hover:not(:active,:is(:state(active),[state--active]))){--sbb-header-action-border-color:Highlight}}:host(:is(:state(size-s),[state--size-s])){--sbb-header-action-min-height:var(--sbb-header-action-min-height-s);--sbb-header-action-padding-inline:var(--sbb-header-action-padding-inline-s)}:host(:is(:state(size-m),[state--size-m])){--sbb-header-action-min-height:var(--sbb-header-action-min-height-m);--sbb-header-action-padding-inline:var(--sbb-header-action-padding-inline-m)}:host(:is(:active,:is(:state(active),[state--active]))){--sbb-header-action-background-color:var(--sbb-background-color-4)}@media (forced-colors:active){:host(:is(:active,:is(:state(active),[state--active]))){--sbb-header-action-border-color:Highlight}}:host(.sbb-active){--sbb-header-action-active-border-scale:1}@media (forced-colors:active){:host(.sbb-active){--sbb-header-action-border-color:Highlight}:host(:is(:state(button),[state--button])){--sbb-header-action-color:ButtonText}}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))){--sbb-header-first-item-margin-inline-start:var(--_sbb-header-first-item-padding-shift)}.sbb-action-base{color:var(--sbb-header-action-color);min-height:var(--sbb-header-action-min-height);min-width:var(--sbb-header-action-min-width);padding-inline:var(--sbb-header-action-padding-inline-zero,var(--sbb-header-action-padding-inline));cursor:var(--sbb-cursor-pointer);user-select:none;outline:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{content:"";inset:var(--sbb-header-action-background-inset,0);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-header-action-background-color);transition-duration:var(--sbb-header-action-transition-duration);transition-timing-function:var(--sbb-header-action-transition-easing);border:var(--sbb-border-width-1x) solid var(--sbb-header-action-border-color);transition-property:inset,background-color;position:absolute}@media (forced-colors:active){.sbb-action-base:before{border-width:var(--sbb-border-width-2x)}}: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)}.sbb-action-base:after{content:"";border-block-end:var(--sbb-header-action-active-border-width) solid var(--sbb-header-action-active-border-color);inset:auto 0 calc(-1 * var(--sbb-header-action-active-border-width));margin-inline:var(--sbb-header-action-active-border-margin-inline);scale:var(--sbb-header-action-active-border-scale,0);transition:scale var(--sbb-header-action-transition-easing) var(--sbb-header-action-transition-duration);position:absolute}.sbb-header-action__wrapper{align-items:center;gap:var(--sbb-header-action-gap);white-space:nowrap;transform:translateY(var(--sbb-header-action-translate-y,0));transition:transform var(--sbb-header-action-transition-duration) var(--sbb-header-action-transition-easing);will-change:transform;max-width:100%;display:flex}.sbb-header-action__icon{--sbb-icon-svg-stroke-color:currentcolor;--sbb-icon-svg-stroke-width:1px;min-width:var(--sbb-header-action-icon-dimension);min-height:var(--sbb-header-action-icon-dimension);line-height:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-header-action__icon{display:none}.sbb-header-action__text{white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size-xs);display:block;overflow:hidden}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text{display:none}:host(:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host(:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}@media (width<=37.4375rem){:host([hide-label-below=small]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([hide-label-below=small]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (width<=63.9375rem){:host([hide-label-below=large]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([hide-label-below=large]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (width<=89.9375rem){:host([hide-label-below=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([hide-label-below=ultra]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}@media (width<=98.9375rem){:host([hide-label-below=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])){--_sbb-header-first-item-padding-shift:calc(-.5 * (var(--sbb-header-action-min-width) - var(--sbb-header-action-icon-dimension)));--sbb-header-action-padding-inline-zero:0;--sbb-header-action-active-border-margin-inline:calc(.5 * (100% - var(--sbb-size-icon-ui-small)))}:host([hide-label-below=ultra--max-content]:is(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):is(:state(slotted),[state--slotted])) .sbb-header-action__text{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:flex;position:absolute;overflow:hidden}}::slotted([slot=icon]:is(sbb-image,img)){width:var(--sbb-header-action-icon-dimension);height:var(--sbb-header-action-icon-dimension);border-radius:var(--sbb-border-radius-infinity)}
+`;const y=n=>(()=>{let r=g(n),o,c=[],l=[];return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[a({attribute:`hide-label-below`,reflect:!0})],e(this,null,o,{kind:`accessor`,name:`hideLabelBelow`,static:!1,private:!1,access:{has:e=>`hideLabelBelow`in e,get:e=>e.hideLabelBelow,set:(e,t)=>{e.hideLabelBelow=t}},metadata:t},c,l),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[i(v)]}#e;get hideLabelBelow(){return this.#e}set hideLabelBelow(e){this.#e=e}constructor(){super(),this.#e=t(this,c,null),this._previousSize=(t(this,l),null),this.addController(new f(this,()=>this.closest(`sbb-header`),{size:e=>{this._previousSize&&this.internals.states.delete(`size-${this._previousSize}`),this._previousSize=e.size??null,this._previousSize&&this.internals.states.add(`size-${this._previousSize}`)}}))}renderTemplate(){return s`
+        <span class="sbb-header-action__wrapper">
+          <span class="sbb-header-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-header-action__text">
+            <slot></slot>
+          </span>
+        </span>
+      `}}})();var b=class extends y(c){static{this.elementName=`sbb-header-button`}},x=`:host{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}:host(:dir(rtl)){--sbb-header-environment-rotate:-45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color:var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color:var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color:var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color:var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color:var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x);position:absolute}
+`,S=class extends l{static{this.elementName=`sbb-header-environment`}static{this.styles=[i(x)]}constructor(){super(),this._env=null,this.addController(new _(this,{config:{characterData:!0,subtree:!0},callback:()=>{this._slottedTextChange()}}))}_slottedTextChange(){this._env&&this.internals.states.delete(`env-${this._env}`),this._env=this.textContent?.trim()??``,this._env&&this.internals.states.add(`env-${this._env}`)}render(){return n`
+      <span class="sbb-header-environment__text">
+        <slot></slot>
+      </span>
+    `}},C=class extends y(d){static{this.elementName=`sbb-header-link`}},w=`:host{--sbb-logo-height:1rem;--sbb-signet-height:1rem;--sbb-header-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x))}@media (width>=64rem){:host{--sbb-logo-height:1.25rem;--sbb-signet-height:1.25rem}}:host{height:var(--sbb-header-height);line-height:var(--sbb-typo-line-height-text);padding-block-start:calc(var(--sbb-header-height) + var(--sbb-header-padding-block-start));display:block}:host([size=s]){--sbb-header-height:var(--sbb-header-height-s)}:host([size=m]){--sbb-header-height:var(--sbb-header-height-m)}:host([hide-on-scroll]){--sbb-header-position:absolute}:host([hide-on-scroll]:is(:state(fixed),[state--fixed])){--sbb-header-position:fixed;--sbb-header-animation-name:hide;--sbb-header-transform:translate3d(0, -100%, 0);--sbb-header-inset-inline-end:var(--sbb-scrollbar-width,0)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(animated),[state--animated])){--sbb-header-transition-timing:cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(visible),[state--visible])){--sbb-header-animation-name:show;--sbb-header-transform:translate3d(0, 0, 0);--sbb-header-transition-timing:cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(has-visible-focus-within),[state--has-visible-focus-within])){--sbb-header-transition-duration:0;--sbb-header-transform:translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-header-background);z-index:var(--sbb-header-z-index,10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing);padding-block-start:var(--sbb-header-padding-block-start)}:host(:is(:is(:state(shadow),[state--shadow]),:is(:state(has-visible-focus-within),[state--has-visible-focus-within]):is(:state(fixed),[state--fixed]))) .sbb-header{box-shadow:var(--sbb-header-box-shadow)}@media (forced-colors:active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{height:var(--sbb-header-height);justify-content:flex-start;align-items:center;display:flex}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}::slotted(*){flex:none}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){padding-block:var(--sbb-spacing-fixed-3x);display:block;position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";inset:var(--sbb-spacing-fixed-3x) 0;display:block;position:absolute}::slotted(a.sbb-header-logo: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-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translateY(-100%)}to{transform:translate(0,0)}}@keyframes hide{0%{transform:translate(0,0)}to{transform:translateY(-100%)}}
+`;let T=(()=>{let s=l,c,d=[],f=[],g,_=[],v=[],y,b=[],x=[],S,C=[],T=[],E,D=[],O=[];return class l extends s{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;c=[p(),a({reflect:!0,type:Boolean})],g=[m(),a({attribute:`scroll-origin`})],y=[p(),a({attribute:`hide-on-scroll`,reflect:!0,type:Boolean})],S=[a({reflect:!0})],E=[o()],e(this,null,c,{kind:`accessor`,name:`expanded`,static:!1,private:!1,access:{has:e=>`expanded`in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:t},d,f),e(this,null,g,{kind:`accessor`,name:`scrollOrigin`,static:!1,private:!1,access:{has:e=>`scrollOrigin`in e,get:e=>e.scrollOrigin,set:(e,t)=>{e.scrollOrigin=t}},metadata:t},_,v),e(this,null,y,{kind:`accessor`,name:`hideOnScroll`,static:!1,private:!1,access:{has:e=>`hideOnScroll`in e,get:e=>e.hideOnScroll,set:(e,t)=>{e.hideOnScroll=t}},metadata:t},b,x),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,T),e(this,null,E,{kind:`accessor`,name:`_headerOnTop`,static:!1,private:!1,access:{has:e=>`_headerOnTop`in e,get:e=>e._headerOnTop,set:(e,t)=>{e._headerOnTop=t}},metadata:t},D,O),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-header`}static{this.styles=[i(w)]}static{this._headerScrollOrigins=new Set}static{this._headerElements=new Set}static{r||h(()=>this._initializeScrollOriginObserver())}#e;get expanded(){return this.#e}set expanded(e){this.#e=e}#t;get scrollOrigin(){return this.#t}set scrollOrigin(e){this.#t=e}#n;get hideOnScroll(){return this.#n}set hideOnScroll(e){this.#n=e}#r;get size(){return this.#r}set size(e){this.#r=e}#i;get _headerOnTop(){return this.#i}set _headerOnTop(e){this.#i=e}constructor(){super(),this.#e=t(this,d,!1),this.#t=(t(this,f),t(this,_,null)),this.#n=(t(this,v),t(this,b,!1)),this.#r=(t(this,x),t(this,C,null)),this.#i=(t(this,T),t(this,D,!0)),this._scrollElement=t(this,O),this._lastScroll=0,this._scrollOriginFromObserver=null,this.addController(new u(this))}static _initializeScrollOriginObserver(){new MutationObserver(e=>{for(let t of e)if(t.type===`attributes`)this._handleScrollOriginElement(t.target);else if(t.type===`childList`)for(let e of[...t.addedNodes,...t.removedNodes].filter(e=>e.nodeType===e.ELEMENT_NODE))this._handleScrollOriginElement(e),this._findAndHandleScrollOrigins(e);this._updateHeaderElements()}).observe(document.documentElement,{attributeFilter:[`sbb-header-scroll-origin`],childList:!0,subtree:!0}),this._findAndHandleScrollOrigins(document.body),this._updateHeaderElements()}static _findAndHandleScrollOrigins(e){e.querySelectorAll(`[sbb-header-scroll-origin]`).forEach(e=>this._handleScrollOriginElement(e))}static _handleScrollOriginElement(e){e.isConnected&&e.hasAttribute(`sbb-header-scroll-origin`)?this._headerScrollOrigins.add(e):this._headerScrollOrigins.delete(e)}static _updateHeaderElements(){for(let e of this._headerElements)this._headerScrollOrigins.size===0?e._scrollOriginFromObserver=null:this._headerScrollOrigins.size===1?e._scrollOriginFromObserver=this._headerScrollOrigins.values().next().value??null:e._scrollOriginFromObserver=Array.from(this._headerScrollOrigins).sort((e,t)=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINS).at(-1)??null,e._updateScrollListener()}connectedCallback(){super.connectedCallback(),l._headerElements.add(this),this.hasUpdated&&this._updateScrollListener()}disconnectedCallback(){super.disconnectedCallback(),this._scrollElement=null,this._scrollEventsController?.abort(),l._headerElements.delete(this)}requestUpdate(e,t,n){super.requestUpdate(e,t,n),!r&&(!e||e===`scrollOrigin`)&&this.hasUpdated&&this._updateScrollListener()}firstUpdated(e){super.firstUpdated(e),this._updateScrollListener()}_updateScrollListener(){let e=this.scrollOrigin??this._scrollOriginFromObserver??document;if(e===this._scrollElement||(this._scrollEventsController?.abort(),this._scrollElement=e,!this._scrollElement))return;this._scrollEventsController=new AbortController,this._scrollFunction=this._getScrollFunction.bind(this),this._scrollElement.addEventListener(`scroll`,this._scrollFunction,{passive:!0,signal:this._scrollEventsController.signal});let t=this._getCurrentScrollProperty(`scrollTop`);this._lastScroll=t<=0?0:t}_getScrollFunction(){return this.hideOnScroll?this._scrollListener():this._scrollShadowListener()}_getCurrentScrollProperty(e){return this._scrollElement instanceof Document?this._scrollElement.documentElement[e]||this._scrollElement.body[e]:this._scrollElement?.[e]||0}_scrollListener(){let e=this._getCurrentScrollProperty(`scrollTop`);this._getCurrentScrollProperty(`scrollHeight`)-window.innerHeight-e<=0||(this.toggleState(`shadow`,e!==0),e>this.offsetHeight&&e>0&&this._lastScroll<e&&this._closeOpenOverlays(),e>this.offsetHeight*2?(this._headerOnTop=!1,e>0&&this._lastScroll<e?[`shadow`,`visible`].forEach(e=>this.internals.states.delete(e)):[`fixed`,`shadow`,`animated`,`visible`].forEach(e=>this.internals.states.add(e))):(e===0&&(this._headerOnTop=!0),this._headerOnTop&&[`shadow`,`animated`,`fixed`,`visible`].forEach(e=>this.internals.states.delete(e))),this._lastScroll=e<=0?0:e)}_scrollShadowListener(){this.toggleState(`shadow`,this._getCurrentScrollProperty(`scrollTop`)!==0)}_closeOpenOverlays(){if(this.matches(`:is(:state(has-visible-focus-within),[state--has-visible-focus-within])`))return;let e=Array.from(this.querySelectorAll(`[aria-controls][aria-expanded='true']`));for(let t of e){let e=t.ariaControlsElements[0];typeof e?.close==`function`&&e.close()}}render(){return n`
+      <header class="sbb-header">
+        <div class="sbb-header__wrapper">
+          <slot></slot>
+        </div>
+      </header>
+    `}}})();export{y as SbbHeaderActionCommonElementMixin,b as SbbHeaderButtonElement,T as SbbHeaderElement,S as SbbHeaderEnvironmentElement,C as SbbHeaderLinkElement};

package/icon-sidebar.js

@@ -1,9 +1 @@
-import { SbbIconSidebarButtonElement as e } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { t } from "./icon-sidebar-container.component-CYVyqKnZ.js";
-import { t as n } from "./icon-sidebar-content.component-C5ZspZQk.js";
-import { SbbIconSidebarLinkElement as r } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-import { t as i } from "./icon-sidebar.component-BkqYbGHz.js";
-import "./icon-sidebar.pure.js";
-i.define(), e.define(), t.define(), n.define(), r.define();
-//#endregion
-export { e as SbbIconSidebarButtonElement, t as SbbIconSidebarContainerElement, n as SbbIconSidebarContentElement, i as SbbIconSidebarElement, r as SbbIconSidebarLinkElement };
+import{SbbIconSidebarButtonElement as e,SbbIconSidebarContainerElement as t,SbbIconSidebarContentElement as n,SbbIconSidebarElement as r,SbbIconSidebarLinkElement as i}from"./icon-sidebar.pure.js";export*from"./icon-sidebar.pure.js";r.define(),e.define(),t.define(),n.define(),i.define();

package/icon-sidebar.pure.js

@@ -1,6 +1,7 @@
-import { SbbIconSidebarButtonElement as e } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { t } from "./icon-sidebar-container.component-CYVyqKnZ.js";
-import { t as n } from "./icon-sidebar-content.component-C5ZspZQk.js";
-import { SbbIconSidebarLinkElement as r } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-import { t as i } from "./icon-sidebar.component-BkqYbGHz.js";
-export { e as SbbIconSidebarButtonElement, t as SbbIconSidebarContainerElement, n as SbbIconSidebarContentElement, i as SbbIconSidebarElement, r as SbbIconSidebarLinkElement };
+import{SbbButtonBaseElement as e,SbbElement as t,SbbLinkBaseElement as n,hostScrollbarStyles as r}from"./core.js";import{SbbIconNameMixin as i}from"./icon.pure.js";import{html as a,unsafeCSS as o}from"lit";import{__esDecorate as s,__runInitializers as c}from"tslib";import{property as l}from"lit/decorators.js";var u=`:host{--sbb-icon-sidebar-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-icon-sidebar-button-transition-easing-function:var(--sbb-animation-easing);--sbb-icon-sidebar-button-dimension:var(--sbb-size-element-m);--sbb-icon-sidebar-button-border-radius:var(--sbb-border-radius-4x);--sbb-icon-sidebar-button-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));--sbb-icon-sidebar-button-current-color:var(--sbb-color-3);--sbb-icon-sidebar-button-current-border-width:var(--sbb-border-width-3x);--sbb-icon-sidebar-button-current-border-inset-block:var(--sbb-spacing-fixed-2x);--sbb-icon-sidebar-button__current-border-inset-inline-start:0;--sbb-icon-sidebar-button__color:var(--sbb-icon-sidebar-button-color);display:block;outline:none!important}@media (forced-colors:active){:host{--sbb-icon-sidebar-button-current-color:Highlight!important}:host(:is(:state(button),[state--button])){--sbb-icon-sidebar-button-color:ButtonText!important}:host(:is(:state(link),[state--link])){--sbb-icon-sidebar-button-color:LinkText!important}}@media (any-hover:hover){:host(:not(:active,:is(:state(active),[state--active])):hover){--sbb-icon-sidebar-button__hover-shift:.0625rem;--sbb-icon-sidebar-button__cursor:var(--sbb-cursor-pointer)}}.sbb-action-base{width:100%;height:var(--sbb-icon-sidebar-button-dimension);padding-block:0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift,0rem));color:var(--sbb-icon-sidebar-button__color);border-radius:var(--sbb-icon-sidebar-button-border-radius);cursor:var(--sbb-icon-sidebar-button__cursor);user-select:none;transition-duration:var(--sbb-icon-sidebar-button-transition-duration);transition-timing-function:var(--sbb-icon-sidebar-button-transition-easing-function);justify-content:center;align-items:center;transition-property:color,padding;display:flex;position:relative}:host(.sbb-active) .sbb-action-base{color:var(--sbb-icon-sidebar-button-current-color)}:host(.sbb-active) .sbb-action-base:before{content:"";inset-block:var(--sbb-icon-sidebar-button-current-border-inset-block);inset-inline:var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;border-inline-start:var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor;display:block;position:absolute}:host(:focus-visible) .sbb-action-base,.sbb-action-base: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);outline-offset:calc(-1 * var(--sbb-focus-outline-width) - .3125rem)}
+`,d=`:host{position:absolute;inset:0}
+`,f=`:host{outline-color:var(--sbb-focus-outline-color);height:100%;display:block;position:relative;overflow:auto}
+`;const p=o(d),m=o(f),h=o(u);var g=class extends i(e){constructor(){super(...arguments),this.tooltipPositions=[`inline-end`,`inline-start`]}static{this.elementName=`sbb-icon-sidebar-button`}static{this.styles=[h]}renderTemplate(){return super.renderIconSlot()}},_=`:host{display:flex}
+`,v=class extends t{static{this.elementName=`sbb-icon-sidebar-container`}static{this.styles=[p,o(_)]}get sidebars(){return Array.from(this.querySelectorAll?.(`:scope > sbb-icon-sidebar`)??[])}get start(){return this.firstElementChild?.localName===`sbb-icon-sidebar`?this.firstElementChild:null}get end(){return this.lastElementChild?.localName===`sbb-icon-sidebar`?this.lastElementChild:null}render(){return a`<slot></slot>`}},y=`:host{flex-grow:1}
+`,b=class extends t{static{this.elementName=`sbb-icon-sidebar-content`}static{this.styles=[r,m,o(y)]}connectedCallback(){super.connectedCallback(),this.classList.add(`sbb-scrollbar`)}render(){return a`<slot></slot>`}},x=class extends i(n){constructor(){super(...arguments),this.tooltipPositions=[`inline-end`,`inline-start`]}static{this.elementName=`sbb-icon-sidebar-link`}static{this.styles=[h]}renderTemplate(){return super.renderIconSlot()}},S=`:host{width:var(--sbb-size-element-m);background-color:var(--sbb-icon-sidebar-background-color);border-start-start-radius:0;border-start-end-radius:var(--sbb-icon-sidebar-border-radius);flex-direction:column;flex-shrink:0;margin-block-start:var(--sbb-spacing-fixed-3x);padding-block-start:var(--sbb-spacing-fixed-1x);display:flex;overflow-y:auto}:host([color=white]){--sbb-icon-sidebar-background-color:var(--sbb-background-color-1)}:host([color=milk]){--sbb-icon-sidebar-background-color:var(--sbb-background-color-3)}
+`;let C=(()=>{let e=t,n,i=[],u=[];return class extends e{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;n=[l({reflect:!0})],s(this,null,n,{kind:`accessor`,name:`color`,static:!1,private:!1,access:{has:e=>`color`in e,get:e=>e.color,set:(e,t)=>{e.color=t}},metadata:t},i,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-icon-sidebar`}static{this.role=`navigation`}static{this.styles=[r,o(S)]}#e=c(this,i,`white`);get color(){return this.#e}set color(e){this.#e=e}get container(){return this.closest(`sbb-icon-sidebar-container`)}connectedCallback(){super.connectedCallback(),this.classList.add(`sbb-scrollbar`)}render(){return a`<slot></slot>`}constructor(){super(...arguments),c(this,u)}}})();export{g as SbbIconSidebarButtonElement,v as SbbIconSidebarContainerElement,b as SbbIconSidebarContentElement,C as SbbIconSidebarElement,x as SbbIconSidebarLinkElement};

package/icon.js

@@ -1,10 +1 @@
-import { isValid as e, validateContent as t } from "./icon/icon-validate.js";
-import { getSvgContent as n } from "./icon/icon-request.js";
-import { t as r } from "./icon-base-TSCmR5QC.js";
-import { SbbIconElement as i } from "./icon/icon.component.js";
-import { SbbIconNameMixin as a } from "./icon/icon-name-mixin.js";
-import "./icon.pure.js";
-//#region src/elements/icon.ts
-i.define();
-//#endregion
-export { r as SbbIconBase, i as SbbIconElement, a as SbbIconNameMixin, n as getSvgContent, e as isValid, t as validateContent };
+import{SbbIconElement as e}from"./icon.pure.js";export*from"./icon.pure.js";e.define();

package/icon.pure.js

@@ -1,6 +1,8 @@
-import { isValid as e, validateContent as t } from "./icon/icon-validate.js";
-import { getSvgContent as n } from "./icon/icon-request.js";
-import { t as r } from "./icon-base-TSCmR5QC.js";
-import { SbbIconElement as i } from "./icon/icon.component.js";
-import { SbbIconNameMixin as a } from "./icon/icon-name-mixin.js";
-export { r as SbbIconBase, i as SbbIconElement, a as SbbIconNameMixin, n as getSvgContent, e as isValid, t as validateContent };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isServer as r,nothing as i,unsafeCSS as a}from"lit";import{property as o,state as s}from"lit/decorators.js";import{unsafeHTML as c}from"lit/directives/unsafe-html.js";import{until as l}from"lit/directives/until.js";import{SbbElement as u,forceType as d,omitEmptyConverter as f,readConfig as p}from"./core.js";const m=e=>typeof e==`string`,h=e=>{if(e.nodeType===1){if(e.nodeName.toLowerCase()===`script`)return!1;for(let t=0;t<e.attributes.length;t++){let n=e.attributes[t].name;if(m(n)&&n.toLowerCase().indexOf(`on`)===0)return!1}for(let t=0;t<e.childNodes.length;t++)if(!h(e.childNodes[t]))return!1}return!0},g=(e,t=!0,n=!1)=>{let r=document.createElement(`div`);r.innerHTML=e;for(let e=r.childNodes.length-1;e>=0;e--)r.childNodes[e].nodeName.toLowerCase()!==`svg`&&r.removeChild(r.childNodes[e]);let i=r.firstElementChild;return i&&i.nodeName.toLowerCase()===`svg`&&(n&&!i.classList.contains(`color-immutable`)&&i.classList.add(`color-immutable`),!t||h(i))?r.innerHTML:``},_=`https://icons.app.sbb.ch/`,v=new Map().set(`default`,`${_}icons/`).set(`picto`,`${_}picto/`),y=new Map,b=(e,t,n)=>{let i=p().icon??{},a=i.namespaces?.get(e)??v.get(e);if(a==null)throw Error(`Unable to find the namespace "${e}". Please register your custom namespace.`);let o=`${a}${t}.svg`,s=y.get(o);if(!s)if(typeof fetch<`u`&&!r)s=(i.interceptor??(e=>e.request()))({namespace:e,name:t,url:o,request:()=>fetch(o).then(async r=>{if(!r.ok)throw Error(`Failed to load icon ${e}:${t}`);return g(await r.text(),n)}).catch(e=>(console.warn(e),``))}),y.set(o,s);else return Promise.resolve(``);return s};var x=`:host{-webkit-tap-highlight-color:transparent;line-height:0;display:inline-block}:host(:is(:state(empty),[state--empty])){--sbb-icon-default-dimension:0}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-extra-small]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-extra-small)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-small]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-small)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-medium]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-medium)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-large]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-large)}svg{display:var(--sbb-icon-svg-display);width:var(--sbb-icon-svg-width,var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height,var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentColor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentColor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentColor}
+`;const S=`default`;let C=(()=>{let r=u,i,f=[],p=[],m,h=[],g=[],_,v=[],y=[];return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;i=[s()],m=[s()],_=[d(),o({attribute:`no-sanitize`,type:Boolean})],e(this,null,i,{kind:`accessor`,name:`_svgNamespace`,static:!1,private:!1,access:{has:e=>`_svgNamespace`in e,get:e=>e._svgNamespace,set:(e,t)=>{e._svgNamespace=t}},metadata:t},f,p),e(this,null,m,{kind:`accessor`,name:`_svgIcon`,static:!1,private:!1,access:{has:e=>`_svgIcon`in e,get:e=>e._svgIcon,set:(e,t)=>{e._svgIcon=t}},metadata:t},h,g),e(this,null,_,{kind:`accessor`,name:`noSanitize`,static:!1,private:!1,access:{has:e=>`noSanitize`in e,get:e=>e.noSanitize,set:(e,t)=>{e.noSanitize=t}},metadata:t},v,y),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[a(x)]}static{this.role=`img`}#e=t(this,f,S);get _svgNamespace(){return this.#e}set _svgNamespace(e){this.#e=e}#t=(t(this,p),t(this,h,null));get _svgIcon(){return this.#t}set _svgIcon(e){this.#t=e}#n=(t(this,g),t(this,v,!1));get noSanitize(){return this.#n}set noSanitize(e){this.#n=e}constructor(){super(),t(this,y),this.internals.states.add(`empty`)}async loadSvgIcon(e){if(!e)return;let[t,n]=this._splitIconName(e);this._svgNamespace&&this.internals.states.delete(`namespace-${this._svgNamespace}`),this._svgNamespace=t,this._svgNamespace&&this.internals.states.add(`namespace-${this._svgNamespace}`);let r=this.fetchSvgIcon(this._svgNamespace,n);this._svgIcon=r.then(e=>c(e));try{this.toggleState(`empty`,!await r)}catch{this.internals.states.add(`empty`)}}async fetchSvgIcon(e,t){return await b(e,t,!this.noSanitize)}_splitIconName(e){if(!e)return[``,``];let t=e.split(`:`);switch(t.length){case 1:return[S,t[0]];case 2:return t;default:throw Error(`Invalid icon name: "${e}"`)}}render(){return n`<span class="sbb-icon-inner"
+      >${l(this._svgIcon,n`<svg width="0" height="0"></svg>`)}</span
+    >`}}})(),w=(()=>{let r=C,i,a=[],c=[],l,u=[],p=[];return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;i=[d(),o({reflect:!0,converter:f})],l=[s()],e(this,null,i,{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},a,c),e(this,null,l,{kind:`accessor`,name:`_sbbAngularCompatibility`,static:!1,private:!1,access:{has:e=>`_sbbAngularCompatibility`in e,get:e=>e._sbbAngularCompatibility,set:(e,t)=>{e._sbbAngularCompatibility=t}},metadata:t},u,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-icon`}static get observedAttributes(){return super.observedAttributes.concat(`svgicon`)}#e=t(this,a,``);get name(){return this.#e}set name(e){this.#e=e}#t=(t(this,c),t(this,u,!1));get _sbbAngularCompatibility(){return this.#t}set _sbbAngularCompatibility(e){this.#t=e}constructor(){super(),t(this,p),this.internals.ariaHidden=`true`}async fetchSvgIcon(e,t){return this.internals.ariaLabel=`Icon ${t.replace(/-/g,` `)}`,super.fetchSvgIcon(e,t)}willUpdate(e){super.willUpdate(e),e.has(`name`)&&this.name&&this.loadSvgIcon(this.name)}attributeChangedCallback(e,t,n){e===`svgicon`?this._sbbAngularCompatibility=!!n:super.attributeChangedCallback(e,t,n)}render(){return this._sbbAngularCompatibility?n`<slot></slot>`:super.render()}}})();const T=r=>(()=>{let a=r,s,c=[],l=[];return class extends a{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;s=[d(),o({attribute:`icon-name`,converter:f})],e(this,null,s,{kind:`accessor`,name:`iconName`,static:!1,private:!1,access:{has:e=>`iconName`in e,get:e=>e.iconName,set:(e,t)=>{e.iconName=t}},metadata:t},c,l),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementDependencies=[w]}#e=t(this,c,``);get iconName(){return this.#e}set iconName(e){this.#e=e}renderIconSlot(e){let t=this._renderIconName();return n`
+        <slot name="icon">
+          ${t?n`<sbb-icon name=${t} class=${e||i}></sbb-icon>`:i}
+        </slot>
+      `}renderIconName(){return this.iconName}_renderIconName(){let e=this.renderIconName();return this.toggleState(`has-icon-name`,!!e),e}constructor(){super(...arguments),t(this,l)}}})();export{C as SbbIconBase,w as SbbIconElement,T as SbbIconNameMixin,b as getSvgContent,h as isValid,g as validateContent};

package/image.js

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

package/image.pure.js

@@ -1,2 +1,87 @@
-import { t as e } from "./image.component-K7sre7oE.js";
-export { e as SbbImageElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{eventOptions as a,property as o}from"lit/decorators.js";import{SbbElement as s,forceType as c}from"./core.js";var l=`:host{--sbb-image-aspect-ratio:16 / 9;--sbb-image-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-image-object-fit:cover;border-radius:var(--sbb-border-radius-4x);display:block}.sbb-image__img{opacity:.000001}:host(:is(:state(loaded),[state--loaded])) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset:0}:host(:is(:state(loaded),[state--loaded])) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);width:100%;height:100%;transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:inherit;display:flex;position:relative;overflow:hidden}
+`;const u=e=>{if(!e||e.length===0)return[];let t;try{t=JSON.parse(e)}catch{return[]}if(!t.breakpoints||t.breakpoints.length===0||!Array.isArray(t.breakpoints))return[];let n=!1,r=!1,i=[`image`,`mediaQueries`];return t.breakpoints.forEach(e=>{let t=Object.keys(e);t.forEach(e=>{i.includes(e)||(n=!0)}),i.forEach(e=>{t.includes(e)||(r=!0)})}),n||r?[]:t.breakpoints},d={passive:!0},f={"sbb-breakpoint-zero-min":`0rem`,"sbb-breakpoint-zero-max":`37.4375rem`,"sbb-breakpoint-small-min":`37.5rem`,"sbb-breakpoint-small-max":`63.9375rem`,"sbb-breakpoint-large-min":`64rem`,"sbb-breakpoint-large-max":`89.9375rem`,"sbb-breakpoint-ultra-min":`90rem`,"sbb-breakpoint-ultra-max":`161.1875rem`};let p=(()=>{let p=s,m=[],h,g=[],_=[],v,y=[],b=[],x,S=[],C=[],w,T=[],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;return class extends p{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;h=[c(),o()],v=[c(),o({attribute:`skip-lqip`,type:Boolean,reflect:!0})],x=[c(),o({attribute:`custom-focal-point`,type:Boolean})],w=[o()],D=[c(),o({attribute:`focal-point-debug`,type:Boolean})],A=[c(),o({attribute:`focal-point-x`,type:Number})],N=[c(),o({attribute:`focal-point-y`,type:Number})],I=[c(),o({attribute:`image-src`})],z=[o()],H=[o()],G=[c(),o({attribute:`performance-mark`})],J=[c(),o({attribute:`picture-sizes-config`})],Z=[a(d)],e(this,null,h,{kind:`accessor`,name:`alt`,static:!1,private:!1,access:{has:e=>`alt`in e,get:e=>e.alt,set:(e,t)=>{e.alt=t}},metadata:t},g,_),e(this,null,v,{kind:`accessor`,name:`skipLqip`,static:!1,private:!1,access:{has:e=>`skipLqip`in e,get:e=>e.skipLqip,set:(e,t)=>{e.skipLqip=t}},metadata:t},y,b),e(this,null,x,{kind:`accessor`,name:`customFocalPoint`,static:!1,private:!1,access:{has:e=>`customFocalPoint`in e,get:e=>e.customFocalPoint,set:(e,t)=>{e.customFocalPoint=t}},metadata:t},S,C),e(this,null,w,{kind:`accessor`,name:`decoding`,static:!1,private:!1,access:{has:e=>`decoding`in e,get:e=>e.decoding,set:(e,t)=>{e.decoding=t}},metadata:t},T,E),e(this,null,D,{kind:`accessor`,name:`focalPointDebug`,static:!1,private:!1,access:{has:e=>`focalPointDebug`in e,get:e=>e.focalPointDebug,set:(e,t)=>{e.focalPointDebug=t}},metadata:t},O,k),e(this,null,A,{kind:`accessor`,name:`focalPointX`,static:!1,private:!1,access:{has:e=>`focalPointX`in e,get:e=>e.focalPointX,set:(e,t)=>{e.focalPointX=t}},metadata:t},j,M),e(this,null,N,{kind:`accessor`,name:`focalPointY`,static:!1,private:!1,access:{has:e=>`focalPointY`in e,get:e=>e.focalPointY,set:(e,t)=>{e.focalPointY=t}},metadata:t},P,F),e(this,null,I,{kind:`accessor`,name:`imageSrc`,static:!1,private:!1,access:{has:e=>`imageSrc`in e,get:e=>e.imageSrc,set:(e,t)=>{e.imageSrc=t}},metadata:t},L,R),e(this,null,z,{kind:`accessor`,name:`importance`,static:!1,private:!1,access:{has:e=>`importance`in e,get:e=>e.importance,set:(e,t)=>{e.importance=t}},metadata:t},B,V),e(this,null,H,{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:t},U,W),e(this,null,G,{kind:`accessor`,name:`performanceMark`,static:!1,private:!1,access:{has:e=>`performanceMark`in e,get:e=>e.performanceMark,set:(e,t)=>{e.performanceMark=t}},metadata:t},K,q),e(this,null,J,{kind:`accessor`,name:`pictureSizesConfig`,static:!1,private:!1,access:{has:e=>`pictureSizesConfig`in e,get:e=>e.pictureSizesConfig,set:(e,t)=>{e.pictureSizesConfig=t}},metadata:t},Y,X),e(this,null,Z,{kind:`method`,name:`_imageLoaded`,static:!1,private:!1,access:{has:e=>`_imageLoaded`in e,get:e=>e._imageLoaded},metadata:t},null,m),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-image`}static{this.styles=[i(l)]}static{this.events={error:`error`,load:`load`}}#e;get alt(){return this.#e}set alt(e){this.#e=e}#t;get skipLqip(){return this.#t}set skipLqip(e){this.#t=e}#n;get customFocalPoint(){return this.#n}set customFocalPoint(e){this.#n=e}#r;get decoding(){return this.#r}set decoding(e){this.#r=e}#i;get focalPointDebug(){return this.#i}set focalPointDebug(e){this.#i=e}#a;get focalPointX(){return this.#a}set focalPointX(e){this.#a=e}#o;get focalPointY(){return this.#o}set focalPointY(e){this.#o=e}#s;get imageSrc(){return this.#s}set imageSrc(e){this.#s=e}#c;get importance(){return this.#c}set importance(e){this.#c=e}#l;get loading(){return this.#l}set loading(e){this.#l=e}#u;get performanceMark(){return this.#u}set performanceMark(e){this.#u=e}#d;get pictureSizesConfig(){return this.#d}set pictureSizesConfig(e){this.#d=e}get complete(){return this.shadowRoot?.querySelector?.(`.sbb-image__img`)?.complete??!1}updated(e){super.updated(e),this._captionElement&&(this._linksInCaption=this._captionElement.querySelectorAll(`a`),this._linksInCaption&&this._addFocusAbilityToLinksInCaption())}_logPerformanceMarks(){this.performanceMark&&(performance.clearMarks(this.performanceMark),performance.mark(this.performanceMark))}_addFocusAbilityToLinksInCaption(){this._linksInCaption?.forEach(e=>{e.removeAttribute(`tabindex`)})}_prepareImageUrl(e,t=!1){if(!e||e===``)return``;let n=!!e.match(/^\w+:\/\//),r=n?new URL(e):new URL(`http://noop/${e}`);return t?(r.searchParams.append(`blur`,`100`),r.searchParams.append(`w`,`100`),r.searchParams.append(`h`,`56`)):r.searchParams.append(`auto`,`format,compress,cs=tinysrgb`),this.customFocalPoint&&(r.searchParams.append(`fit`,`crop`),r.searchParams.append(`crop`,`focalpoint`),r.searchParams.append(`fp-x`,this.focalPointX.toString(10)),r.searchParams.append(`fp-y`,this.focalPointY.toString(10)),r.searchParams.append(`fp-z`,`1`)),this.focalPointDebug&&r.searchParams.append(`fp-debug`,`true`),n?r.href:r.pathname.substring(1)+r.search}_preparePictureSizeConfigs(){let e;return e=this.pictureSizesConfig?this.pictureSizesConfig:`{
+        "breakpoints": [
+          {
+            "image": {
+              "height": 675,
+              "width": 1200
+            },
+            "mediaQueries": [
+              {
+                "conditionFeature": "min-width",
+                "conditionFeatureValue": {
+                  "lyneDesignToken": true,
+                  "value": "sbb-breakpoint-large-min"
+                },
+                "conditionOperator": false
+              }
+            ]
+          },
+          {
+            "image": {
+              "height": 549,
+              "width": 976
+            },
+            "mediaQueries": [
+              {
+                "conditionFeature": "min-width",
+                "conditionFeatureValue": {
+                  "lyneDesignToken": true,
+                  "value": "sbb-breakpoint-small-min"
+                },
+                "conditionOperator": false
+              }
+            ]
+          },
+          {
+            "image": {
+              "height": 180,
+              "width": 320
+            },
+            "mediaQueries": [
+              {
+                "conditionFeature": "max-width",
+                "conditionFeatureValue": {
+                  "lyneDesignToken": true,
+                  "value": "sbb-breakpoint-zero-max"
+                },
+                "conditionOperator": false
+              }
+            ]
+          }
+        ]
+      }`,u(e)}_createMediaQueryString(e){let t=``;return e.forEach(e=>{let n=e.conditionFeature,r;r=e.conditionFeatureValue.lyneDesignToken?f[e.conditionFeatureValue.value]??``:e.conditionFeatureValue.value;let i=e.conditionOperator?` ${e.conditionOperator} `:``;t+=`(${n}: ${r})${i}`}),t}_imageLoaded(){this._logPerformanceMarks(),this.internals.states.add(`loaded`),this.dispatchEvent(new Event(`load`))}render(){let e=this._prepareImageUrl(this.imageSrc,!0),t=this._prepareImageUrl(this.imageSrc,!1);this.loading===`lazy`&&(this.decoding=`async`,this.importance=`low`);let i=this._preparePictureSizeConfigs();return n`
+      <div class="sbb-image__wrapper">
+        ${this.skipLqip?r:n`<img
+              alt=""
+              class="sbb-image__blurred"
+              src=${e}
+              width="1000"
+              height="562"
+              loading=${this.loading??r}
+              decoding=${this.decoding??r}
+            />`}
+
+        <picture>
+          <!-- render picture element sources -->
+          ${i.map(e=>{let r=e.image.height,i=e.image.width;return n`
+              <source
+                media=${`${this._createMediaQueryString(e.mediaQueries)}`}
+                sizes=${`${i}px`}
+                srcset=${`${t}&w=${i}&h=${r}&q=${this._config.nonRetinaQuality} ${i}w, ${t}&w=${i*2}&h=${r*2}&q=${this._config.retinaQuality} ${i*2}w`}
+              ></source>`})}
+          <img
+            alt=${this.alt||``}
+            @load=${this._imageLoaded}
+            @error=${()=>this.dispatchEvent(new Event(`error`))}
+            class="sbb-image__img"
+            src=${this.imageSrc}
+            width="1000"
+            height="562"
+            loading=${this.loading??r}
+            decoding=${this.decoding??r}
+            .fetchPriority=${this.importance??r}
+          />
+        </picture>
+      </div>
+    `}constructor(){super(...arguments),this._captionElement=t(this,m),this._config={nonRetinaQuality:`45`,retinaQuality:`20`},this.#e=t(this,g,``),this.#t=(t(this,_),t(this,y,!1)),this.#n=(t(this,b),t(this,S,!1)),this.#r=(t(this,C),t(this,T,`auto`)),this.#i=(t(this,E),t(this,O,!1)),this.#a=(t(this,k),t(this,j,1)),this.#o=(t(this,M),t(this,P,1)),this.#s=(t(this,F),t(this,L,``)),this.#c=(t(this,R),t(this,B,`high`)),this.#l=(t(this,V),t(this,U,`eager`)),this.#u=(t(this,W),t(this,K,``)),this.#d=(t(this,q),t(this,Y,``)),t(this,X)}}})();export{p as SbbImageElement};

package/journey-header.js

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

package/journey-header.pure.js

@@ -1,2 +1,8 @@
-import { t as e } from "./journey-header.component-Ct9LmhWY.js";
-export { e as SbbJourneyHeaderElement };
+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{SbbLanguageController as a,SbbNegativeMixin as o,forceType as s,i18nConnectionFrom as c,i18nConnectionRoundtrip as l,i18nConnectionTo as u}from"./core.js";import{SbbIconElement as d}from"./icon.pure.js";import{SbbTitleBase as f}from"./title.pure.js";var p=`:host{--sbb-journey-header-gap:var(--sbb-spacing-fixed-1x);align-items:center;column-gap:var(--sbb-journey-header-gap);flex-wrap:wrap;width:fit-content;display:flex}:host(:dir(rtl)) sbb-icon{rotate:-180deg}:host([negative]){--sbb-title-color:var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}
+`;let m=(()=>{let m=o(f),h,g=[],_=[],v,y=[],b=[],x,S=[],C=[];return class extends m{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;h=[s(),i()],v=[s(),i()],x=[s(),i({attribute:`round-trip`,type:Boolean})],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},g,_),e(this,null,v,{kind:`accessor`,name:`destination`,static:!1,private:!1,access:{has:e=>`destination`in e,get:e=>e.destination,set:(e,t)=>{e.destination=t}},metadata:t},y,b),e(this,null,x,{kind:`accessor`,name:`roundTrip`,static:!1,private:!1,access:{has:e=>`roundTrip`in e,get:e=>e.roundTrip,set:(e,t)=>{e.roundTrip=t}},metadata:t},S,C),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-journey-header`}static{this.elementDependencies=[d]}static{this.styles=[r(p)]}#e;get origin(){return this.#e}set origin(e){this.#e=e}#t;get destination(){return this.#t}set destination(e){this.#t=e}#n;get roundTrip(){return this.#n}set roundTrip(e){this.#n=e}constructor(){super(),this.#e=t(this,g,``),this.#t=(t(this,_),t(this,y,``)),this.#n=(t(this,b),t(this,S,!1)),this._language=(t(this,C),new a(this).withHandler(()=>this._setAriaLabel())),this.level=`3`,this.visualLevel=`5`}requestUpdate(e,t,n){super.requestUpdate(e,t,n),(e===`origin`||e===`destination`||e===`roundTrip`)&&this._setAriaLabel()}_setAriaLabel(){this.internals.ariaLabel=`${c[this._language.current]} ${this.origin} ${u[this._language.current]} ${this.destination} ${this.roundTrip?l(this.origin)[this._language.current]:``}`}render(){return n`
+      ${this.origin}
+      <sbb-icon
+        name=${this.roundTrip?`arrows-long-right-left-small`:`arrow-long-right-small`}
+      ></sbb-icon>
+      ${this.destination}
+    `}}})();export{m as SbbJourneyHeaderElement};

package/lead-container.js

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

package/lead-container.pure.js

@@ -1,2 +1,12 @@
-import { t as e } from "./lead-container.component-Fv9F5Yh4.js";
-export { e as SbbLeadContainerElement };
+import{html as e,unsafeCSS as t}from"lit";import{SbbElement as n}from"./core.js";var r=`:host{padding-block:var(--sbb-lead-container-padding-block);display:block}:host(:not(:is(:state(slotted-image),[state--slotted-image]))){--sbb-lead-container-image-overlap:0}::slotted([slot=image]){width:100%;display:block}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(sbb-notification.sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-xxxs)}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s);color:light-dark(var(--sbb-color-iron),var(--sbb-color-smoke))}@media (width>=90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{background-color:var(--sbb-lead-container-background-color);gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns), 1fr);padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto;display:grid}@media (width>=90rem){.sbb-lead-container-content-wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}@media (width>=64rem){.sbb-lead-container-content-wrapper{background-color:#0000}}.sbb-lead-container-content{border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-content-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1;position:relative}@media (width>=64rem){.sbb-lead-container-content{padding-inline:var(--sbb-lead-container-padding-inline);margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline));grid-column:2/-2}}@media (width>=90rem){.sbb-lead-container-content{grid-column:4/-4}}
+`,i=class extends n{static{this.elementName=`sbb-lead-container`}static{this.styles=[t(r)]}render(){return e`
+      <div class="sbb-lead-container-image">
+        <slot name="image"></slot>
+      </div>
+      <!-- Content wrapper needed because grid needs to be applied but container image should not be touched by grid. -->
+      <div class="sbb-lead-container-content-wrapper">
+        <div class="sbb-lead-container-content">
+          <slot></slot>
+        </div>
+      </div>
+    `}};export{i as SbbLeadContainerElement};

package/link-list-anchor.js

@@ -1,6 +1 @@
-import { t as e } from "./link-list-anchor.component-as1bjNH1.js";
-import "./link-list-anchor.pure.js";
-//#region src/elements/link-list-anchor.ts
-e.define();
-//#endregion
-export { e as SbbLinkListAnchorElement };
+import{SbbLinkListAnchorElement as e}from"./link-list-anchor.pure.js";export*from"./link-list-anchor.pure.js";e.define();

package/link-list-anchor.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./link-list-anchor.component-as1bjNH1.js";
-export { e as SbbLinkListAnchorElement };
+import{unsafeCSS as e}from"lit";import{SbbLinkListBaseElement as t}from"./link-list.pure.js";var n=`:host{--sbb-link-list-anchor-border-color:var(--sbb-border-color-4-inverted)}:host([negative]){--sbb-link-list-anchor-border-color:var(--sbb-border-color-4-negative-inverted)}::slotted(:is(:state(link),[state--link])){--sbb-link-text-decoration-line:none;--sbb-link-padding:var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover:var(--sbb-color-3);--sbb-link-color-active:light-dark(var(--sbb-color-granite),var(--sbb-color-smoke));border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted(:is(:state(link),[state--link])){--sbb-link-color-normal:var(--sbb-color-5);--sbb-link-color-hover:var(--sbb-color-3-negative);--sbb-link-color-active:var(--sbb-color-5)}::slotted(:is(:state(link),[state--link]):is(:active,:is(:state(active),[state--active])):not([disabled],:disabled)){--sbb-link-list-anchor-border-color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}:host([negative]) ::slotted(:is(:state(link),[state--link]):is(:active,:is(:state(active),[state--active])):not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--sbb-color-silver)}::slotted(:is(:state(link),[state--link]):hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--sbb-color-3)}:host([negative]) ::slotted(:is(:state(link),[state--link]):hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color:var(--sbb-color-3-negative)}.sbb-link-list-anchor{flex-flow:column;display:flex}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}
+`,r=class extends t{static{this.elementName=`sbb-link-list-anchor`}static{this.styles=[e(n)]}};export{r as SbbLinkListAnchorElement};

package/link-list.js

@@ -1,7 +1 @@
-import { t as e } from "./link-list-base-Dgu0yeTL.js";
-import { t } from "./link-list.component-bTG45ml0.js";
-import "./link-list.pure.js";
-//#region src/elements/link-list.ts
-t.define();
-//#endregion
-export { e as SbbLinkListBaseElement, t as SbbLinkListElement };
+import{SbbLinkListElement as e}from"./link-list.pure.js";export*from"./link-list.pure.js";e.define();

package/link-list.pure.js

@@ -1,3 +1,16 @@
-import { t as e } from "./link-list-base-Dgu0yeTL.js";
-import { t } from "./link-list.component-bTG45ml0.js";
-export { e as SbbLinkListBaseElement, t as SbbLinkListElement };
+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,SbbNamedSlotListMixin as s,SbbNegativeMixin as c,forceType as l,omitEmptyConverter as u}from"./core.js";import{SbbTitleElement as d}from"./title.pure.js";var f=`:host{display:block}.sbb-link-list-wrapper{gap:var(--sbb-spacing-fixed-3x);flex-direction:column;display:flex}.sbb-link-list-title{margin:0}:host(:not(:is(:state(slotted-title),[state--slotted-title]),[title-content])) .sbb-link-list-title{display:none}
+`;let p=(()=>{let p=c(s(o)),m,h=[],g=[],_,v=[],y=[],b,x=[],S=[];return class extends p{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;m=[l(),a({attribute:`title-content`,reflect:!0,converter:u})],_=[a({attribute:`title-level`})],b=[a({reflect:!0})],e(this,null,m,{kind:`accessor`,name:`titleContent`,static:!1,private:!1,access:{has:e=>`titleContent`in e,get:e=>e.titleContent,set:(e,t)=>{e.titleContent=t}},metadata:t},h,g),e(this,null,_,{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},v,y),e(this,null,b,{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},x,S),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementDependencies=[d]}static{this.styles=[i(f)]}#e;get titleContent(){return this.#e}set titleContent(e){this.#e=e}#t;get titleLevel(){return this.#t}set titleLevel(e){this.#t=e}#n;get size(){return this.#n}set size(e){this.#n=e}willUpdate(e){if(super.willUpdate(e),e.has(`size`)||e.has(`negative`)||e.has(`listChildren`))for(let e of this.listChildren)e.negative=this.negative,e.size=this.size}render(){return n`
+      <div class="sbb-link-list-wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel||r}
+          visual-level="5"
+          ?negative=${this.negative}
+          id="sbb-link-list-title-id"
+        >
+          <slot name="title">${this.titleContent}</slot>
+        </sbb-title>
+        ${this.renderList({ariaLabelledby:`sbb-link-list-title-id`})}
+      </div>
+    `}constructor(){super(...arguments),this.listChildLocalNames=[`sbb-block-link`,`sbb-block-link-button`,`sbb-block-link-static`],this.#e=t(this,h,``),this.#t=(t(this,g),t(this,v,`2`)),this.#n=(t(this,y),t(this,x,null)),t(this,S)}}})();var m=`:host{--sbb-link-list-flex-flow:column nowrap}:host([orientation=horizontal]){--sbb-link-list-flex-flow:row wrap}:host([orientation=horizontal]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-link-list{gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);flex-flow:var(--sbb-link-list-flex-flow);display:flex}@media (width>=0){:host([orientation=vertical][horizontal-from=zero]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-link-list-flex-flow:row wrap}:host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
+`;let h=(()=>{let n=p,r,o=[],s=[],c,l=[],u=[];return class extends n{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;r=[a({attribute:`horizontal-from`,reflect:!0})],c=[a({reflect:!0})],e(this,null,r,{kind:`accessor`,name:`horizontalFrom`,static:!1,private:!1,access:{has:e=>`horizontalFrom`in e,get:e=>e.horizontalFrom,set:(e,t)=>{e.horizontalFrom=t}},metadata:t},o,s),e(this,null,c,{kind:`accessor`,name:`orientation`,static:!1,private:!1,access:{has:e=>`orientation`in e,get:e=>e.orientation,set:(e,t)=>{e.orientation=t}},metadata:t},l,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-link-list`}static{this.styles=[i(m)]}#e=t(this,o,null);get horizontalFrom(){return this.#e}set horizontalFrom(e){this.#e=e}#t=(t(this,s),t(this,l,`vertical`));get orientation(){return this.#t}set orientation(e){this.#t=e}constructor(){super(...arguments),t(this,u)}}})();export{p as SbbLinkListBaseElement,h as SbbLinkListElement};

package/link.js

@@ -1,13 +1 @@
-import { SbbBlockLinkElement as e } from "./link/block-link/block-link.component.js";
-import { SbbBlockLinkButtonElement as t } from "./link/block-link-button/block-link-button.component.js";
-import { SbbBlockLinkStaticElement as n } from "./link/block-link-static/block-link-static.component.js";
-import { SbbLinkElement as r } from "./link/link/link.component.js";
-import { SbbLinkButtonElement as i } from "./link/link-button/link-button.component.js";
-import { SbbLinkStaticElement as a } from "./link/link-static/link-static.component.js";
-import { t as o } from "./link-common-C4Jbge1L.js";
-import { t as s } from "./block-link-common-BZZ4NhPD.js";
-import { t as c } from "./inline-link-common-D0sat0cr.js";
-import "./link.pure.js";
-t.define(), e.define(), n.define(), i.define(), r.define(), a.define();
-//#endregion
-export { t as SbbBlockLinkButtonElement, s as SbbBlockLinkCommonElementMixin, e as SbbBlockLinkElement, n as SbbBlockLinkStaticElement, c as SbbInlineLinkCommonElementMixin, i as SbbLinkButtonElement, o as SbbLinkCommonElementMixin, r as SbbLinkElement, a as SbbLinkStaticElement };
+import{SbbBlockLinkButtonElement as e,SbbBlockLinkElement as t,SbbBlockLinkStaticElement as n,SbbLinkButtonElement as r,SbbLinkElement as i,SbbLinkStaticElement as a}from"./link.pure.js";export*from"./link.pure.js";e.define(),t.define(),n.define(),r.define(),i.define(),a.define();

package/link.pure.js

@@ -1,10 +1,7 @@
-import { SbbBlockLinkElement as e } from "./link/block-link/block-link.component.js";
-import { SbbBlockLinkButtonElement as t } from "./link/block-link-button/block-link-button.component.js";
-import { SbbBlockLinkStaticElement as n } from "./link/block-link-static/block-link-static.component.js";
-import { SbbLinkElement as r } from "./link/link/link.component.js";
-import { SbbLinkButtonElement as i } from "./link/link-button/link-button.component.js";
-import { SbbLinkStaticElement as a } from "./link/link-static/link-static.component.js";
-import { t as o } from "./link-common-C4Jbge1L.js";
-import { t as s } from "./block-link-common-BZZ4NhPD.js";
-import { t as c } from "./inline-link-common-D0sat0cr.js";
-export { t as SbbBlockLinkButtonElement, s as SbbBlockLinkCommonElementMixin, e as SbbBlockLinkElement, n as SbbBlockLinkStaticElement, c as SbbInlineLinkCommonElementMixin, i as SbbLinkButtonElement, o as SbbLinkCommonElementMixin, r as SbbLinkElement, a as SbbLinkStaticElement };
+import{SbbActionBaseElement as e,SbbButtonBaseElement as t,SbbDisabledMixin as n,SbbDisabledTabIndexActionMixin as r,SbbLinkBaseElement as i,SbbNegativeMixin as a}from"./core.js";import{__esDecorate as o,__runInitializers as s}from"tslib";import{html as c,unsafeCSS as l}from"lit";import{property as u}from"lit/decorators.js";import{SbbIconNameMixin as d}from"./icon.pure.js";import{html as f}from"lit/static-html.js";var p=`:host{outline:none!important}@media (forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-link-color-normal:ButtonText;--sbb-link-color-hover:ButtonText;--sbb-link-color-active:ButtonText}}.sbb-action-base{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-action-base{text-decoration:underline}}.sbb-action-base{width:100%;cursor:var(--sbb-cursor-pointer);padding:var(--sbb-link-padding,0);outline:none;align-items:center;display:flex}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:graytext}}:host(:focus-visible) .sbb-action-base,.sbb-action-base: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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover:hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration-line:var(--sbb-link-hover-text-decoration,underline)}}:host(:is(:active,:is(:state(active),[state--active])):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}
+`;const m=e=>{class t extends a(e){static{this.styles=[l(p)]}constructor(){super(),this.internals.states.add(`sbb-link`)}renderTemplate(){return f`<slot></slot>`}}return t};var h=`:host{--sbb-link-color-hover:light-dark(var(--sbb-color-primary125),var(--sbb-color-cloud));--sbb-link-color-active:light-dark(var(--sbb-color-primary150),var(--sbb-color-silver));--sbb-link-color-normal:light-dark(var(--sbb-color-granite),var(--sbb-color-white));display:block}:host([negative]){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-link-color-normal:var(--sbb-color-1-negative);--sbb-link-color-hover:var(--sbb-color-4-negative);--sbb-link-color-active:var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal:light-dark(var(--sbb-color-black),var(--sbb-color-cement));--sbb-link-text-decoration-line:underline}:host(.sbb-active[negative]){--sbb-link-color-normal:var(--sbb-color-cement);--sbb-link-text-decoration-line:underline}:host([size=xs]){--sbb-block-link-font-size:var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size:var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size:var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);font-size:var(--sbb-block-link-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-link__icon{height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:none;align-self:start;position:relative}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{--sbb-icon-svg-display:block;position:absolute;top:50%;translate:0 -50%}
+`;const g=e=>(()=>{let t=m(d(e)),n,r=[],i=[],a,f=[],p=[];return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;n=[u({reflect:!0})],a=[u({attribute:`icon-placement`,reflect:!0})],o(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),o(this,null,a,{kind:`accessor`,name:`iconPlacement`,static:!1,private:!1,access:{has:e=>`iconPlacement`in e,get:e=>e.iconPlacement,set:(e,t)=>{e.iconPlacement=t}},metadata:e},f,p),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.styles=[l(h)]}#e=s(this,r,null);get size(){return this.#e}set size(e){this.#e=e}#t=(s(this,i),s(this,f,`start`));get iconPlacement(){return this.#t}set iconPlacement(e){this.#t=e}renderTemplate(){return c`
+        <span class="sbb-link__icon">${super.renderIconSlot()}</span>
+        <slot></slot>
+      `}constructor(){super(...arguments),s(this,p)}}})();var _=class extends g(n(i)){static{this.elementName=`sbb-block-link`}},v=class extends g(r(t)){static{this.elementName=`sbb-block-link-button`}},y=class extends g(n(e)){static{this.elementName=`sbb-block-link-static`}},b=`:host{--sbb-link-color-hover:light-dark(var(--sbb-color-primary125),var(--sbb-color-graphite));--sbb-link-color-active:light-dark(var(--sbb-color-primary150),var(--sbb-color-metal));--sbb-link-color-normal:inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-link-color-hover:var(--sbb-color-graphite);--sbb-link-color-active:var(--sbb-color-metal)}
+`;const x=e=>{class t extends m(e){static{this.styles=[l(b)]}}return t};var S=class extends x(n(i)){static{this.elementName=`sbb-link`}},C=class extends x(r(t)){static{this.elementName=`sbb-link-button`}},w=class extends x(n(e)){static{this.elementName=`sbb-link-static`}};export{v as SbbBlockLinkButtonElement,g as SbbBlockLinkCommonElementMixin,_ as SbbBlockLinkElement,y as SbbBlockLinkStaticElement,x as SbbInlineLinkCommonElementMixin,C as SbbLinkButtonElement,m as SbbLinkCommonElementMixin,S as SbbLinkElement,w as SbbLinkStaticElement};

package/loading-indicator-circle.js

@@ -1,6 +1 @@
-import { t as e } from "./loading-indicator-circle.component-BSdKx0eK.js";
-import "./loading-indicator-circle.pure.js";
-//#region src/elements/loading-indicator-circle.ts
-e.define();
-//#endregion
-export { e as SbbLoadingIndicatorCircleElement };
+import{SbbLoadingIndicatorCircleElement as e}from"./loading-indicator-circle.pure.js";export*from"./loading-indicator-circle.pure.js";e.define();