@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/teaser-hero.pure.js

@@ -1,2 +1,16 @@
-import { t as e } from "./teaser-hero.component-BNV8sgb6.js";
-export { e as SbbTeaserHeroElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{unsafeCSS as n}from"lit";import{property as r}from"lit/decorators.js";import{html as i}from"lit/static-html.js";import{SbbLinkBaseElement as a,forceType as o,omitEmptyConverter as s}from"./core.js";import{SbbBlockLinkStaticElement as c}from"./link.pure.js";import{SbbTeaserPanelElement as l}from"./teaser-panel.pure.js";var u=`:host{display:block;position:relative;outline:none!important}::slotted([slot=image]){width:100%}.sbb-teaser-hero{text-decoration:none;display:block}.sbb-teaser-hero: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)}sbb-teaser-panel{position:absolute}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) sbb-teaser-panel{position:static}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) sbb-teaser-panel{display:none}.sbb-teaser-hero__panel-link{font-weight:var(--sbb-teaser-hero-link-font-weight)}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}
+`;let d=(()=>{let d=a,f,p=[],m=[];return class extends d{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;f=[o(),r({attribute:`link-content`,reflect:!0,converter:s})],e(this,null,f,{kind:`accessor`,name:`linkContent`,static:!1,private:!1,access:{has:e=>`linkContent`in e,get:e=>e.linkContent,set:(e,t)=>{e.linkContent=t}},metadata:t},p,m),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-teaser-hero`}static{this.elementDependencies=[c,l]}static{this.styles=[n(u)]}#e=t(this,p,``);get linkContent(){return this.#e}set linkContent(e){this.#e=e}_imageSlotChanged(){Array.from(this.querySelectorAll(`sbb-chip-label`)).forEach(e=>e.color=`charcoal`)}renderTemplate(){return i`
+      <slot name="image" @slotchange=${this._imageSlotChanged}></slot>
+      <sbb-teaser-panel>
+        <slot></slot>
+        <sbb-block-link-static
+          class="sbb-teaser-hero__panel-link"
+          icon-name="chevron-small-right-small"
+          icon-placement="end"
+          size="m"
+          negative
+        >
+          <slot name="link-content">${this.linkContent}</slot>
+        </sbb-block-link-static>
+      </sbb-teaser-panel>
+    `}constructor(){super(...arguments),t(this,m)}}})();export{d as SbbTeaserHeroElement};

package/teaser-panel.js

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

package/teaser-panel.pure.js

@@ -1,2 +1,6 @@
-import { t as e } from "./teaser-panel.component-Bfhra0zG.js";
-export { e as SbbTeaserPanelElement };
+import{unsafeCSS as e}from"lit";import{html as t}from"lit/static-html.js";import{SbbElement as n}from"./core.js";var r=`:host{--sbb-panel-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--_sbb-panel-height:calc(var(--sbb-panel-inner-height) + 2 * var(--sbb-panel-triangle-height));width:100%;height:100%;min-height:var(--_sbb-panel-height);font-size:var(--sbb-panel-font-size);font-weight:var(--sbb-panel-font-weight);line-height:var(--sbb-panel-line-height);letter-spacing:var(--sbb-typo-letter-spacing-heading);color:var(--sbb-panel-color);hyphens:auto;display:block;position:relative;inset:0}@media (any-hover:hover){:host(:hover){--sbb-panel-background-color:var(--sbb-panel-background-color-hover)}}.sbb-teaser-panel{justify-content:center;gap:var(--sbb-panel-gap);width:var(--sbb-panel-width);height:var(--_sbb-panel-height);padding-block:var(--sbb-panel-triangle-height);padding-inline:var(--sbb-panel-padding-inline);clip-path:polygon(0 0, 100% var(--sbb-panel-triangle-height), 100% calc(100% - var(--sbb-panel-triangle-height)), 0% 100%);background-color:var(--sbb-panel-background-color);transition:background var(--sbb-panel-animation-duration) var(--sbb-panel-animation-easing);flex-direction:column;display:flex;position:absolute;top:50%;translate:0 -50%}
+`,i=class extends n{static{this.elementName=`sbb-teaser-panel`}static{this.styles=[e(r)]}render(){return t`
+      <span class="sbb-teaser-panel">
+        <slot></slot>
+      </span>
+    `}};export{i as SbbTeaserPanelElement};

package/teaser-product.js

@@ -1,7 +1 @@
-import { t as e } from "./teaser-product-common-D7kWWxU-.js";
-import { SbbTeaserProductStaticElement as t } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as n } from "./teaser-product.component-DHu47PGd.js";
-import "./teaser-product.pure.js";
-n.define(), t.define();
-//#endregion
-export { e as SbbTeaserProductCommonElementMixin, n as SbbTeaserProductElement, t as SbbTeaserProductStaticElement };
+import{SbbTeaserProductElement as e,SbbTeaserProductStaticElement as t}from"./teaser-product.pure.js";export*from"./teaser-product.pure.js";e.define(),t.define();

package/teaser-product.pure.js

@@ -1,4 +1,20 @@
-import { t as e } from "./teaser-product-common-D7kWWxU-.js";
-import { SbbTeaserProductStaticElement as t } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { t as n } from "./teaser-product.component-DHu47PGd.js";
-export { e as SbbTeaserProductCommonElementMixin, n as SbbTeaserProductElement, t as SbbTeaserProductStaticElement };
+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{SbbActionBaseElement as a,SbbLinkBaseElement as o,SbbNegativeMixin as s,screenReaderOnlyStyles as c}from"./core.js";import{html as l}from"lit/static-html.js";var u=`:host{--sbb-teaser-product-background:var(--sbb-teaser-product-background-color);display:block}@media (width>=64rem){:host{--sbb-teaser-product-content-min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-spacing));--sbb-teaser-product-background:linear-gradient(var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end))}}:host([negative]){--sbb-teaser-product-background-color:var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color:var(--sbb-color-4-negative);--sbb-teaser-product-footer-color:var(--sbb-color-4-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-title-color:var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction:to left}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))){--sbb-teaser-product-footer-padding-block-start:0}.sbb-teaser-product__image-container{border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;overflow:hidden}@media (width>=64rem){.sbb-teaser-product__image-container{border-radius:var(--sbb-teaser-product-border-radius);position:absolute;inset:0}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){margin-block-start:0}::slotted(:is(sbb-action-group,:is(:state(action),[state--action])).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){width:100%;height:100%;display:flex}@media (forced-colors:active){.sbb-teaser-product__root:after{content:"";pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius);display:block;position:absolute;inset:0}}.sbb-action-base{text-decoration:none;display:block;position:relative}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block);padding-inline:var(--sbb-teaser-product-container-padding-inline)}@media (width>=64rem){.sbb-teaser-product__container{column-gap:var(--sbb-spacing-responsive-xxl);border-radius:var(--sbb-teaser-product-border-radius);grid:"content."1fr"footnote."/1fr 1fr;display:grid;position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:".content"".footnote"}}.sbb-teaser-product__content{color:var(--sbb-teaser-product-content-color);min-height:var(--sbb-teaser-product-content-min-height,0);align-self:center;align-content:var(--sbb-teaser-product-content-align-content,normal);grid-area:content;margin:0}.sbb-teaser-product__footnote{padding-block:var(--sbb-teaser-product-footer-padding-block-start) var(--sbb-teaser-product-footer-padding-block-end);color:var(--sbb-teaser-product-footer-color);font-size:var(--sbb-teaser-product-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);min-height:var(--sbb-teaser-product-footer-min-height,0);grid-area:footnote}
+`;const d=a=>(()=>{let o=s(a),c,l=[],d=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;c=[i({attribute:`image-alignment`,reflect:!0})],e(this,null,c,{kind:`accessor`,name:`imageAlignment`,static:!1,private:!1,access:{has:e=>`imageAlignment`in e,get:e=>e.imageAlignment,set:(e,t)=>{e.imageAlignment=t}},metadata:t},l,d),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[r(u)]}#e=t(this,l,`after`);get imageAlignment(){return this.#e}set imageAlignment(e){this.#e=e}renderTemplate(){return n`
+        <div class="sbb-teaser-product__root">
+          <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
+          <div class="sbb-teaser-product__container">
+            <span class="sbb-teaser-product__content">
+              <slot></slot>
+            </span>
+            <div class="sbb-teaser-product__footnote">
+              <slot name="footnote"></slot>
+            </div>
+          </div>
+        </div>
+      `}constructor(){super(...arguments),t(this,d)}}})();var f=class extends d(a){static{this.elementName=`sbb-teaser-product-static`}},p=`@media (forced-colors:active){:host{--sbb-title-color:LinkText!important;--sbb-teaser-product-content-color:LinkText!important;--sbb-teaser-product-footer-color:LinkText!important}}.sbb-teaser-product__wrapper{position:relative}.sbb-teaser-product__root{pointer-events:none}@media (forced-colors:active){:host(:hover) .sbb-teaser-product__root:after{border-color:highlight}}.sbb-teaser-product{position:absolute;inset:0}.sbb-teaser-product:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-product-border-radius)}
+`,m=class extends d(o){static{this.elementName=`sbb-teaser-product`}static{this.styles=[c,r(p)]}render(){return l`
+      <div class="sbb-teaser-product__wrapper">
+        ${this.renderLink(l`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
+        ${this.renderTemplate()}
+      </div>
+    `}};export{d as SbbTeaserProductCommonElementMixin,m as SbbTeaserProductElement,f as SbbTeaserProductStaticElement};

package/teaser.js

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

package/teaser.pure.js

@@ -1,2 +1,20 @@
-import { t as e } from "./teaser.component-CkIii0_d.js";
-export { e as SbbTeaserElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{unsafeCSS as n}from"lit";import{property as r}from"lit/decorators.js";import{html as i}from"lit/static-html.js";import{SbbLinkBaseElement as a,screenReaderOnlyStyles as o}from"./core.js";var s=`:host{--_sbb-teaser-forced-colors-inset:calc(-1 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-outline-offset:calc(2 * var(--sbb-focus-outline-offset));--_sbb-teaser-forced-colors-border-radius:calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-teaser-description-color:LinkText;--sbb-title-color:LinkText!important}}:host([alignment=after]){--sbb-teaser-align-items:start}:host([alignment=below]){--sbb-teaser-flex-direction:column;--sbb-teaser-align-items:baseline;--sbb-teaser-gap:var(--sbb-spacing-fixed-3x)}@media (any-hover:hover){:host(:hover){--sbb-teaser-scale:var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{cursor:var(--sbb-cursor-pointer);display:flex;position:relative}.sbb-teaser__wrapper:before{content:"​";user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors:active){.sbb-teaser:focus-visible{outline-offset:var(--_sbb-teaser-forced-colors-outline-offset)}.sbb-teaser:before{content:"";inset:var(--_sbb-teaser-forced-colors-inset);pointer-events:none;border-radius:var(--_sbb-teaser-forced-colors-border-radius);border:var(--sbb-border-width-1x) solid CanvasText;position:absolute}}.sbb-teaser__container{flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);pointer-events:none;width:100%;max-width:100%;display:flex}.sbb-teaser__text{color:var(--sbb-teaser-description-color);font-size:var(--sbb-teaser-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);max-width:100%;overflow:hidden}::slotted([slot=image]){width:var(--sbb-teaser-image-width);display:block}.sbb-teaser__image-wrapper{border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);flex-shrink:0;overflow:hidden}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}@media (any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{margin:0;padding:0;display:inline-block}::slotted(sbb-chip-label){width:fit-content;max-width:100%;margin-block-end:var(--sbb-spacing-fixed-1x);display:flex}::slotted(sbb-title){margin-block:0}
+`;let c=(()=>{let c=a,l,u=[],d=[];return class extends c{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;l=[r({reflect:!0})],e(this,null,l,{kind:`accessor`,name:`alignment`,static:!1,private:!1,access:{has:e=>`alignment`in e,get:e=>e.alignment,set:(e,t)=>{e.alignment=t}},metadata:t},u,d),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-teaser`}static{this.styles=[o,n(s)]}#e=t(this,u,`after-centered`);get alignment(){return this.#e}set alignment(e){this.#e=e}_handleSlotchange(){let e=Array.from(this.children).find(e=>e.localName===`sbb-chip-label`);e&&(e.slot=`chip`);let t=Array.from(this.children).find(e=>e.localName===`sbb-title`);t&&(t.slot=`title`)}_configureChip(e){let t=e.target.assignedElements().find(e=>e.localName===`sbb-chip-label`);t&&(customElements.upgrade(t),t.color=`charcoal`,t.size=`xxs`)}_configureTitle(e){let t=e.target.assignedElements().find(e=>e.localName===`sbb-title`);t&&(customElements.upgrade(t),t.visualLevel=`5`)}render(){return i`
+      <div class="sbb-teaser__wrapper">
+        ${this.renderLink(i`<span class="sbb-screen-reader-only">${this.accessibilityLabel}</span>`)}
+        ${this.renderContent()}
+      </div>
+    `}renderContent(){return i`
+      <span class="sbb-teaser__container">
+        <span class="sbb-teaser__image-wrapper">
+          <slot name="image"></slot>
+        </span>
+        <span class="sbb-teaser__text">
+          <slot name="chip" @slotchange=${this._configureChip}></slot>
+          <slot name="title" @slotchange=${this._configureTitle}></slot>
+          <p class="sbb-teaser__description">
+            <slot @slotchange=${this._handleSlotchange}></slot>
+          </p>
+        </span>
+      </span>
+    `}constructor(){super(...arguments),t(this,d)}}})();export{c as SbbTeaserElement};

package/time-input.js

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

package/time-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./time-input.component-j2vUlNKx.js";
-export { e as SbbTimeInputElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{isServer as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,SbbFormAssociatedInputMixin as o,SbbLanguageController as s,i18nTimeInputChange as c,i18nTimeInvalid as l,i18nTimeMax as u,i18nTimeMaxLength as d,sbbLiveAnnouncer as f}from"./core.js";var p=`:host{min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center;font-weight:400;display:inline-flex}@media (forced-colors:active){:host{color:fieldtext}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media (forced-colors:active){:host(:empty):after{color:graytext}}
+`;const m=/[0-9.:,\-;_hH]/,h=/[^0-9.:,\-;_hH]/g,g=/^([0-9]{1,2})([0-9]{2})$/,_=/^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/;let v=(()=>{let v=o(a),y=[],b;return class extends v{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;b=[i({attribute:!1})],e(this,null,b,{kind:`setter`,name:`valueAsDate`,static:!1,private:!1,access:{has:e=>`valueAsDate`in e,set:(e,t)=>{e.valueAsDate=t}},metadata:t},null,y),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-time-input`}static{this.styles=[r(p)]}set value(e){e=typeof e==`string`?e.replace(h,``).substring(0,5):``,this._tryParseValue(e),!n&&!this.isSelected()&&this.valueAsDate!==null&&(e=this._formatTime()),super.value=e}get value(){return super.value??``}set valueAsDate(e){let t=this._toTime(e);if(!(this.isSelected()&&(t===null||this._isSameTime(t,this._parseValue(this.value)))))if(t){this._valueAsTime=t;let e=this._formatTime();this.value!==e&&(this.value=e)}else this._valueAsTime=null,this.value=``}get valueAsDate(){if(this._valueAsTime&&this._isTimeValid(this._valueAsTime)){let e=new Date(0);return e.setHours(this._valueAsTime.hours),e.setMinutes(this._valueAsTime.minutes),e}else return null}constructor(){super(),this._valueAsTime=t(this,y),this._language=new s(this),this.addEventListener?.(`change`,()=>this._updateValueDateFormat(),{capture:!0}),this.addEventListener?.(`change`,()=>f.announce(c(this.value)[this._language.current])),this.addEventListener?.(`keydown`,e=>this._preventCharInsert(e))}connectedCallback(){super.connectedCallback(),this.inputMode||=`numeric`,this.placeholder||=`HH:MM`}disconnectedCallback(){super.disconnectedCallback()}updateFormValue(){this._tryParseValue();let e=this.valueAsDate===null?null:this._formatTime();this.internals.setFormValue(e,this.value)}_tryParseValue(e=this.value){this._valueCache?.[0]!==e&&(this._valueAsTime=this._parseValue(e),this._valueCache=[e,this._valueAsTime??null])}_parseValue(e){let t=e?.trim();if(!t)return null;let n=t.match(g)??t.match(_);return n?{hours:+n[1]||0,minutes:+n[2]||0}:null}_toTime(e){return e instanceof Date&&!isNaN(e.valueOf())?{hours:e.getHours(),minutes:e.getMinutes()}:null}_isSameTime(e,t){return!!(e==t||e&&t&&e.hours===t.hours&&e.minutes===t.minutes)}_updateValueDateFormat(){if(this.valueAsDate){let e=this._formatTime();this.value!==e&&(super.value=e)}}_formatTime(){let e=this.valueAsDate;return e?`${String(e.getHours()).padStart(2,`0`)}:${String(e.getMinutes()).padStart(2,`0`)}`:``}preparePastedText(e){return e.replace(h,``).substring(0,5-(this.textContent?.length??0))}shouldValidate(e){return super.shouldValidate(e)||[`valueAsDate`,`min`,`max`,`dateFilter`].includes(e)}validate(){super.validate(),this.value?this._valueAsTime?this._isTimeValid(this._valueAsTime)?this._removeValidityErrors():this.setValidityFlag(`rangeOverflow`,u[this.language.current]):this.setValidityFlag(`badInput`,l[this.language.current]):this._removeValidityErrors()}_removeValidityErrors(){[`badInput`,`rangeOverflow`].forEach(e=>this.removeValidityFlag(e))}_isTimeValid(e){return e.hours<24&&e.minutes<60}_preventCharInsert(e){e.ctrlKey||e.altKey||e.metaKey||[`Backspace`,`Tab`,`Enter`,`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`,`PageUp`,`PageDown`,`Delete`].includes(e.key)||m.test(e.key)&&(this.value.length<5||this._hasSelection())||(e.preventDefault(),this.value.length>=5&&f.announce(d[this._language.current]))}_hasSelection(){let e=window.getSelection()?.getRangeAt(0);return!!e&&e.startOffset!==e.endOffset}}})();export{v as SbbTimeInputElement};

package/timetable-form.js

@@ -1,8 +1 @@
-import { t as e } from "./timetable-form-details.component-BTRh4w9g.js";
-import { t } from "./timetable-form-field.component-BPKgSLQb.js";
-import { t as n } from "./timetable-form-swap-button.component-DgUiFKbA.js";
-import { t as r } from "./timetable-form.component-Crq-rb5Z.js";
-import "./timetable-form.pure.js";
-r.define(), e.define(), t.define(), n.define();
-//#endregion
-export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
+import{SbbTimetableFormDetailsElement as e,SbbTimetableFormElement as t,SbbTimetableFormFieldElement as n,SbbTimetableFormSwapButtonElement as r}from"./timetable-form.pure.js";export*from"./timetable-form.pure.js";t.define(),e.define(),n.define(),r.define();

package/timetable-form.pure.js

@@ -1,5 +1,11 @@
-import { t as e } from "./timetable-form-details.component-BTRh4w9g.js";
-import { t } from "./timetable-form-field.component-BPKgSLQb.js";
-import { t as n } from "./timetable-form-swap-button.component-DgUiFKbA.js";
-import { t as r } from "./timetable-form.component-Crq-rb5Z.js";
-export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
+import{html as e,isServer as t,unsafeCSS as n}from"lit";import{SbbElement as r,SbbLanguageController as i,i18nTimetableFormSwapButtonLabel as a}from"./core.js";import{SbbFormFieldElement as o}from"./form-field.pure.js";import{SbbSecondaryButtonElement as s}from"./button.pure.js";var c=`:host{--_sbb-timetable-form-details-padding-inline-start:calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));align-items:center;gap:var(--sbb-timetable-form-details-gap);border-block-start:var(--sbb-timetable-form-details-border-block-start);padding-block:var(--sbb-timetable-form-details-padding-block);flex-wrap:wrap;padding-inline-start:var(--_sbb-timetable-form-details-padding-inline-start);display:flex}::slotted(sbb-form-field){--sbb-form-field-border-radius:var(--sbb-border-radius-6x);--sbb-form-field-outline-offset:-.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}
+`,l=class extends r{static{this.elementName=`sbb-timetable-form-details`}static{this.styles=[n(c)]}render(){return e`<slot></slot>`}},u=`:host{--_sbb-timetable-form-field-start-icon-connecting-line-offset:.1875rem;--_sbb-timetable-form-field-start-icon-connecting-line-width:calc((var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--_sbb-timetable-form-field-start-icon-connecting-line-offset));--sbb-form-field-border-radius:var(--sbb-border-radius-6x);--sbb-form-field-outline-offset:-.3125rem;display:flex}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate:90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate:-90deg;--sbb-timetable-form-field-route-icon-translate:-.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:"";border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);position:absolute;inset-block-end:0}.sbb-timetable-form-field__start-route-icon{rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate);align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__start-route-icon:after{content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--_sbb-timetable-form-field-start-icon-connecting-line-width);margin-left:calc(var(--_sbb-timetable-form-field-start-icon-connecting-line-offset) * -1);position:absolute;inset-block-start:50%}.sbb-timetable-form-field__via-route-icon{width:var(--sbb-timetable-form-field-route-via-icon-width);align-self:stretch;margin-inline-start:var(--sbb-form-field-padding-inline);position:relative}.sbb-timetable-form-field__via-route-icon:before{content:"";border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);height:100%;margin-inline-start:-.0625rem;position:absolute;inset-inline-start:50%}.sbb-timetable-form-field__via-route-icon:after{content:"";width:var(--sbb-timetable-form-field-route-via-after-dimension);height:var(--sbb-timetable-form-field-route-via-after-dimension);border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.sbb-form-field__space-wrapper{flex-grow:1}
+`,d=class extends o{static{this.elementName=`sbb-timetable-form-field`}static{this.styles=[n(u)]}constructor(){super(),this._routeIcon=!1,this.borderless=!0,this.floatingLabel=!0,this.width=`collapse`,this.size=`l`}connectedCallback(){super.connectedCallback(),!t&&this.hydrationComplete.then(()=>this._routeIcon=this.matches(`:first-of-type, :last-of-type`))}render(){return e`
+      ${this._routeIcon?e` <sbb-icon
+            name="route-circle-start-small"
+            class="sbb-timetable-form-field__start-route-icon"
+          ></sbb-icon>`:e` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
+      ${super.render()}
+    `}},f=`:host(:is(:state(timetable-form-context),[state--timetable-form-context])){--sbb-timetable-form-swap-button-margin-inline-end:var(--sbb-spacing-fixed-6x);--sbb-timetable-form-swap-button-translate:0 -50%;--sbb-timetable-form-swap-button-z-index:1;--sbb-timetable-form-swap-button-position:absolute;position:relative}.sbb-timetable-form-swap-button{position:var(--sbb-timetable-form-swap-button-position,relative);translate:var(--sbb-timetable-form-swap-button-translate);z-index:var(--sbb-timetable-form-swap-button-z-index);margin-inline-end:var(--sbb-timetable-form-swap-button-margin-inline-end);inset-inline-end:0}
+`,p=class extends s{static{this.elementName=`sbb-timetable-form-swap-button`}static{this.styles=[n(f)]}constructor(){super(),this._languageController=new i(this),this.size=`l`,this.addEventListener(`click`,()=>this._invertFieldValues())}connectedCallback(){super.connectedCallback(),this.toggleState(`timetable-form-context`,!!this.closest(`sbb-timetable-form`))}willUpdate(e){super.willUpdate(e),this.internals.ariaLabel=a[this._languageController.current]}_invertFieldValues(){let e=this.closest(`sbb-timetable-form`),t=Array.from(e?.querySelectorAll(`sbb-timetable-form-field`)||[]),n=t.map(e=>e.inputElement?.value);!e||n.length===0||n.every(e=>!e)||n.reverse().forEach((e,n)=>{let r=t[n].inputElement;r instanceof HTMLInputElement&&(r.value=e,r.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),r.dispatchEvent(new Event(`change`,{bubbles:!0})))})}renderIconName(){return super.renderIconName()||`arrow-change-small`}},m=`:host{border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);flex-direction:column;display:flex}
+`,h=class extends r{static{this.elementName=`sbb-timetable-form`}static{this.styles=[n(m)]}render(){return e`<slot></slot>`}};export{l as SbbTimetableFormDetailsElement,h as SbbTimetableFormElement,d as SbbTimetableFormFieldElement,p as SbbTimetableFormSwapButtonElement};

package/timetable-occupancy-icon.js

@@ -1,6 +1 @@
-import { t as e } from "./timetable-occupancy-icon.component-9RhBPwBN.js";
-import "./timetable-occupancy-icon.pure.js";
-//#region src/elements/timetable-occupancy-icon.ts
-e.define();
-//#endregion
-export { e as SbbTimetableOccupancyIconElement };
+import{SbbTimetableOccupancyIconElement as e}from"./timetable-occupancy-icon.pure.js";export*from"./timetable-occupancy-icon.pure.js";e.define();

package/timetable-occupancy-icon.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy-icon.component-9RhBPwBN.js";
-export { e as SbbTimetableOccupancyIconElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{unsafeCSS as n}from"lit";import{property as r}from"lit/decorators.js";import{SbbDarkModeController as i,SbbLanguageController as a,SbbMediaMatcherController as o,SbbMediaQueryForcedColors as s,SbbNegativeMixin as c,i18nOccupancy as l}from"./core.js";import{SbbIconBase as u}from"./icon.pure.js";var d=`@media (forced-colors:active) and (prefers-color-scheme:light){:host svg{filter:invert()}}
+`;let f=(()=>{let f=c(u),p,m=[],h=[];return class extends f{constructor(){super(...arguments),this.#e=t(this,m,`none`),this._language=(t(this,h),new a(this).withHandler(()=>this._setAriaLabel())),this._mediaMatcher=new o(this,{[s]:e=>{this._forcedColors=e,this._setNameAndAriaLabel()}}),this._darkModeController=new i(this,()=>this._setNameAndAriaLabel()),this._forcedColors=this._mediaMatcher.matches(s)??!1}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;p=[r()],e(this,null,p,{kind:`accessor`,name:`occupancy`,static:!1,private:!1,access:{has:e=>`occupancy`in e,get:e=>e.occupancy,set:(e,t)=>{e.occupancy=t}},metadata:t},m,h),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-timetable-occupancy-icon`}static{this.styles=[n(d)]}#e;get occupancy(){return this.#e}set occupancy(e){this.#e=e}async _setNameAndAriaLabel(){if(!this.occupancy)return;let e=`utilization-${this.occupancy}`;this._forcedColors?e+=`-high-contrast`:(this.negative||this._darkModeController.matches())&&(e+=`-negative`),await this.loadSvgIcon(e)}async fetchSvgIcon(e,t){return this._setAriaLabel(),super.fetchSvgIcon(e,t)}_setAriaLabel(){this.internals.ariaLabel=l[this.occupancy]?.[this._language.current]}connectedCallback(){super.connectedCallback(),this._setNameAndAriaLabel()}willUpdate(e){super.willUpdate(e),(e.has(`occupancy`)||e.has(`negative`))&&this._setNameAndAriaLabel()}}})();export{f as SbbTimetableOccupancyIconElement};

package/timetable-occupancy.js

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

package/timetable-occupancy.pure.js

@@ -1,2 +1,24 @@
-import { t as e } from "./timetable-occupancy.component-B040dznI.js";
-export { e as SbbTimetableOccupancyElement };
+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,SbbLanguageController as s,SbbNegativeMixin as c,i18nClass as l,listResetStyles as u,screenReaderOnlyStyles as d}from"./core.js";import{SbbTimetableOccupancyIconElement as f}from"./timetable-occupancy-icon.pure.js";var p=`:host{--sbb-icon-svg-width:.890625rem;--sbb-icon-svg-height:v0.75rem;display:inline-block}@media (width>=64rem){:host{--sbb-icon-svg-width:1.1875rem;--sbb-icon-svg-height:v1rem}}:host([negative]){--sbb-timetable-occupancy-color:var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{align-items:center;gap:var(--sbb-timetable-occupancy-list-gap);flex-wrap:nowrap;display:flex}.sbb-timetable-occupancy__list-item{align-items:center;gap:var(--sbb-timetable-occupancy-item-gap);flex-wrap:nowrap;display:flex}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}
+`;let m=(()=>{let m=c(o),h,g=[],_=[],v,y=[],b=[];return class extends m{constructor(){super(...arguments),this.#e=t(this,g,null),this.#t=(t(this,_),t(this,y,null)),this._language=(t(this,b),new s(this))}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;h=[a({attribute:`first-class-occupancy`})],v=[a({attribute:`second-class-occupancy`})],e(this,null,h,{kind:`accessor`,name:`firstClassOccupancy`,static:!1,private:!1,access:{has:e=>`firstClassOccupancy`in e,get:e=>e.firstClassOccupancy,set:(e,t)=>{e.firstClassOccupancy=t}},metadata:t},g,_),e(this,null,v,{kind:`accessor`,name:`secondClassOccupancy`,static:!1,private:!1,access:{has:e=>`secondClassOccupancy`in e,get:e=>e.secondClassOccupancy,set:(e,t)=>{e.secondClassOccupancy=t}},metadata:t},y,b),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-timetable-occupancy`}static{this.elementDependencies=[f]}static{this.styles=[u,d,i(p)]}#e;get firstClassOccupancy(){return this.#e}set firstClassOccupancy(e){this.#e=e}#t;get secondClassOccupancy(){return this.#t}set secondClassOccupancy(e){this.#t=e}render(){return n` ${(this.firstClassOccupancy||this.secondClassOccupancy)&&n`
+      <ul
+        class="sbb-timetable-occupancy__list"
+        role=${!this.firstClassOccupancy||!this.secondClassOccupancy?`presentation`:r}
+      >
+        ${[this.firstClassOccupancy,this.secondClassOccupancy].map((e,t)=>e&&n`
+              <li class="sbb-timetable-occupancy__list-item">
+                <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
+                  ${this.firstClassOccupancy&&t===0?`1`:`2`}.
+                </span>
+                <span class="sbb-screen-reader-only">
+                  ${`${l[this.firstClassOccupancy&&t===0?`first`:`second`][this._language.current]}.`}
+                </span>
+                <sbb-timetable-occupancy-icon
+                  class="sbb-timetable-occupancy__list-item-icon"
+                  ?negative=${this.negative}
+                  .occupancy=${e}
+                >
+                </sbb-timetable-occupancy-icon>
+              </li>
+            `)}
+      </ul>
+    `}`}}})();export{m as SbbTimetableOccupancyElement};

package/title.js

@@ -1,7 +1 @@
-import { t as e } from "./title-base-DWrwrsx4.js";
-import { t } from "./title.component-BZ0nVpam.js";
-import "./title.pure.js";
-//#region src/elements/title.ts
-t.define();
-//#endregion
-export { e as SbbTitleBase, t as SbbTitleElement };
+import{SbbTitleElement as e}from"./title.pure.js";export*from"./title.pure.js";e.define();

package/title.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./title-base-DWrwrsx4.js";
-import { t } from "./title.component-BZ0nVpam.js";
-export { e as SbbTitleBase, t as SbbTitleElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{unsafeCSS as n}from"lit";import{property as r}from"lit/decorators.js";import{html as i}from"lit/static-html.js";import{SbbElement as a,SbbNegativeMixin as o}from"./core.js";var s=`:host{letter-spacing:var(--sbb-typo-letter-spacing-heading);font-weight:700;line-height:var(--sbb-typo-line-height-heading);color:var(--sbb-title-color);font-size:var(--sbb-heading-font-size-1);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){font-size:var(--sbb-heading-font-size-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){font-size:var(--sbb-heading-font-size-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){font-size:var(--sbb-heading-font-size-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){font-size:var(--sbb-heading-font-size-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){font-size:var(--sbb-heading-font-size-6);line-height:var(--sbb-typo-line-height-text)}
+`;let c=(()=>{let o=a,c,l=[],u=[],d,f=[],p=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;c=[r({reflect:!0})],d=[r({attribute:`visual-level`,reflect:!0})],e(this,null,c,{kind:`accessor`,name:`level`,static:!1,private:!1,access:{has:e=>`level`in e,get:e=>e.level,set:(e,t)=>{e.level=t}},metadata:t},l,u),e(this,null,d,{kind:`accessor`,name:`visualLevel`,static:!1,private:!1,access:{has:e=>`visualLevel`in e,get:e=>e.visualLevel,set:(e,t)=>{e.visualLevel=t}},metadata:t},f,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.role=`heading`}static{this.styles=[n(s)]}#e=t(this,l,`1`);get level(){return this.#e}set level(e){this.#e=e}#t=(t(this,u),t(this,f,null));get visualLevel(){return this.#t}set visualLevel(e){this.#t=e}willUpdate(e){super.willUpdate(e),e.has(`level`)&&(this.internals.ariaLevel=this.level)}render(){return i`<slot></slot>`}constructor(){super(...arguments),t(this,p)}}})();var l=`:host{margin-block:var(--sbb-title-margin-block,0);margin-block:var(--sbb-heading-margin-block-1)}:host([negative]){--sbb-title-color:var(--sbb-color-3-negative)}:host(:where([level="2"]:not([visual-level]),[visual-level="2"])){margin-block:var(--sbb-heading-margin-block-2)}:host(:where([level="3"]:not([visual-level]),[visual-level="3"])){margin-block:var(--sbb-heading-margin-block-3)}:host(:where([level="4"]:not([visual-level]),[visual-level="4"])){margin-block:var(--sbb-heading-margin-block-4)}:host(:where([level="5"]:not([visual-level]),[visual-level="5"])){margin-block:var(--sbb-heading-margin-block-5)}:host(:where([level="6"]:not([visual-level]),[visual-level="6"])){margin-block:var(--sbb-heading-margin-block-6)}
+`;let u=(()=>{let i=o(c),a,s=[],u=[];return class extends i{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;a=[r({attribute:`visual-level`,reflect:!0})],e(this,null,a,{kind:`accessor`,name:`visualLevel`,static:!1,private:!1,access:{has:e=>`visualLevel`in e,get:e=>e.visualLevel,set:(e,t)=>{e.visualLevel=t}},metadata:t},s,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-title`}static{this.styles=[n(l)]}#e=t(this,s,null);get visualLevel(){return this.#e}set visualLevel(e){this.#e=e}constructor(){super(...arguments),t(this,u)}}})();export{c as SbbTitleBase,u as SbbTitleElement};

package/toast.js

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

package/toast.pure.js

@@ -1,2 +1,28 @@
-import { t as e } from "./toast.component-Dlr0Koxu.js";
-export { e as SbbToastElement };
+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{SbbTransparentButtonElement as o}from"./button.pure.js";import{SbbDarkModeController as s,SbbLanguageController as c,SbbOpenCloseBaseElement as l,SbbReadonlyMixin as u,forceType as d,i18nCloseAlert as f,isZeroAnimationDuration as p,popoverResetStyles as m}from"./core.js";import{SbbDividerElement as h}from"./divider.pure.js";import{SbbIconNameMixin as g}from"./icon.pure.js";var _=`:host{--sbb-toast-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display:flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position:flex-start;--sbb-toast-vertical-position:flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position:center;--sbb-toast-vertical-position:flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position:flex-end;--sbb-toast-vertical-position:flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position:flex-start;--sbb-toast-vertical-position:flex-start}:host([position=top-center]){--sbb-toast-horizontal-position:center;--sbb-toast-vertical-position:flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position:flex-end;--sbb-toast-vertical-position:flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color:var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;display:var(--sbb-toast-container-display,none);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position);inset:0}.sbb-toast{z-index:var(--sbb-toast-z-index,var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color);display:flex}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline);display:flex}slot:not([name=icon]),.sbb-toast__close{color-scheme:light only}.sbb-toast__content{font-weight:700;font-size:var(--sbb-heading-font-size-6);letter-spacing:var(--sbb-typo-letter-spacing-heading);flex:1 1 0}.sbb-toast__close{align-items:center;display:flex}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}
+`;const v=new Set;let y=(()=>{let y=g(u(l)),b,x=[],S=[],C,w=[],T=[],E,D=[],O=[];return class extends y{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;b=[d(),a({type:Number})],C=[a({reflect:!0})],E=[a()],e(this,null,b,{kind:`accessor`,name:`timeout`,static:!1,private:!1,access:{has:e=>`timeout`in e,get:e=>e.timeout,set:(e,t)=>{e.timeout=t}},metadata:t},x,S),e(this,null,C,{kind:`accessor`,name:`position`,static:!1,private:!1,access:{has:e=>`position`in e,get:e=>e.position,set:(e,t)=>{e.position=t}},metadata:t},w,T),e(this,null,E,{kind:`accessor`,name:`politeness`,static:!1,private:!1,access:{has:e=>`politeness`in e,get:e=>e.politeness,set:(e,t)=>{e.politeness=t}},metadata:t},D,O),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-toast`}static{this.elementDependencies=[o,h]}static{this.styles=[m,i(_)]}#e;get timeout(){return this.#e}set timeout(e){this.#e=e}#t;get position(){return this.#t}set position(e){this.#t=e}#n;get politeness(){return this.#n}set politeness(e){this.#n=e}constructor(){super(),this.#e=t(this,x,0),this.#t=(t(this,S),t(this,w,`bottom-center`)),this.#n=(t(this,T),t(this,D,`polite`)),this._closeTimeout=t(this,O),this._language=new c(this),this._darkModeController=new s(this,()=>{this._syncSlottedElements(),this.requestUpdate()}),this.addEventListener?.(`click`,e=>this._onClick(e))}connectedCallback(){this.popover=`manual`,super.connectedCallback(),v.add(this)}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this._closeTimeout),v.delete(this)}willUpdate(e){super.willUpdate(e),e.has(`politeness`)&&(this.internals.ariaLive=this.politeness)}open(){this.state===`opened`||this.state===`opening`||!this.dispatchBeforeOpenEvent()||(this._closeOtherToasts(),this.showPopover?.(),this.state=`opening`,this._isZeroAnimationDuration()&&this._handleOpening())}close(){this.state===`closed`||this.state===`closing`||!this.dispatchBeforeCloseEvent()||(clearTimeout(this._closeTimeout),this.state=`closing`,this._isZeroAnimationDuration()&&this._handleClosing())}_handleClosing(){this.state=`closed`,this.hidePopover?.(),this.dispatchCloseEvent()}_handleOpening(){if(this.state=`opened`,this.dispatchOpenEvent(),this.timeout){let e=globalThis,t=e[e.Zone?.__symbol__?.(`setTimeout`)]??e.setTimeout;this._closeTimeout=t(()=>this.close(),this.timeout)}}_onClick(e){e.composedPath().some((e,t,n)=>e instanceof HTMLElement&&t<n.indexOf(this)&&e.hasAttribute(`sbb-toast-close`)&&!e.hasAttribute(`disabled`))&&this.close()}_isZeroAnimationDuration(){return p(this,`--sbb-toast-animation-duration`)}_onContentSlotChange(e){let t=e.target.assignedNodes();if(t.some(e=>e.nodeType===Node.TEXT_NODE)){let e=document.createElement(`span`);this.prepend(e),e.append(...t)}this._syncSlottedElements()}_syncSlottedElements(){this.querySelectorAll(`sbb-transparent-button, sbb-transparent-button-link`).forEach(e=>{e.negative=this._isLightMode()}),this.querySelectorAll(`sbb-link, sbb-link-button, sbb-link-static`).forEach(e=>{e.negative=this._isLightMode()})}_onToastAnimationEnd(e){e.animationName===`open`&&this.state===`opening`?this._handleOpening():e.animationName===`close`&&this.state===`closing`&&this._handleClosing()}_closeOtherToasts(){v.forEach(e=>{(e.state===`opened`||e.state===`opening`)&&e.close()})}_isLightMode(){return!this._darkModeController.matches()}render(){return n`
+      <div class="sbb-toast__overlay-container">
+        <div class="sbb-toast" @animationend=${this._onToastAnimationEnd}>
+          <div class="sbb-toast-wrapper">
+            ${this.renderIconSlot()}
+            <div class="sbb-toast__content">
+              <slot @slotchange=${this._onContentSlotChange}></slot>
+            </div>
+            <slot name="action" @slotchange=${this._syncSlottedElements}></slot>
+          </div>
+          <div class="sbb-toast__close">
+            <sbb-divider
+              class="sbb-toast__close-divider"
+              orientation="vertical"
+              ?negative=${this._isLightMode()}
+            ></sbb-divider>
+            ${this.readOnly?r:n`<sbb-transparent-button
+                  class="sbb-toast__close-button"
+                  icon-name="cross-small"
+                  ?negative=${this._isLightMode()}
+                  aria-label=${f[this._language.current]}
+                  sbb-toast-close
+                ></sbb-transparent-button>`}
+          </div>
+        </div>
+      </div>
+    `}}})();export{y as SbbToastElement};

package/toggle-check.js

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

package/toggle-check.pure.js

@@ -1,2 +1,15 @@
-import { t as e } from "./toggle-check.component-BNGDAvXJ.js";
-export { e as SbbToggleCheckElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,SbbFormAssociatedCheckboxMixin as o}from"./core.js";import{SbbIconNameMixin as s}from"./icon.pure.js";var c=`:host{--sbb-toggle-check-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--_sbb-toggle-check-overall-height:var(--sbb-toggle-check-circle-diameter);--_sbb-toggle-check-width:calc(2 * var(--sbb-toggle-check-height));display:inline-block;outline:none!important}:host([size=xs]){--sbb-toggle-check-font-size:var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-toggle-check-font-size:var(--sbb-text-font-size-s)}:host([size=m]){--sbb-toggle-check-font-size:var(--sbb-text-font-size-m);--_sbb-toggle-check-overall-height:calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color:var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color:var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color:var(--sbb-toggle-check-background-color);--_sbb-toggle-check-circle-translate:calc(100% - 2 * (100% - .5 * var(--_sbb-toggle-check-width))) -50%;--_sbb-toggle-check-icon-opacity:1}@media (forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color:Highlight;--sbb-toggle-check-background-color:Highlight}}:host(:disabled){--sbb-toggle-check-background-color:var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color:var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color:var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style:dashed;--sbb-toggle-check-icon-color:light-dark(var(--sbb-color-granite),var(--sbb-color-storm));--sbb-toggle-check-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color:GrayText;--sbb-toggle-check-background-color:GrayText;--sbb-toggle-check-circle-border-style:solid}}:host([label-position=before]){--_sbb-toggle-check-flex-direction:row}.sbb-toggle-check{color:var(--sbb-toggle-check-color);user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor);border-radius:calc(var(--sbb-toggle-check-border-radius) - var(--sbb-focus-outline-offset));display:flex;position:relative}.sbb-toggle-check:before{content:"​";user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{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-toggle-check__container{flex-direction:var(--_sbb-toggle-check-flex-direction,row-reverse);gap:var(--sbb-toggle-check-gap);width:100%;font-size:var(--sbb-toggle-check-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);align-items:start;display:flex}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{min-width:var(--_sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--_sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2);display:inline-block;position:relative}.sbb-toggle-check__circle{width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-toggle-check-border-width) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:translate;translate:0 -50%;translate:var(--_sbb-toggle-check-circle-translate,0 -50%);transition:translate ease var(--sbb-toggle-check-animation-duration);box-shadow:var(--sbb-toggle-check-shadow);border-radius:50%;position:absolute;top:50%}.sbb-toggle-check__icon{width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--_sbb-toggle-check-icon-opacity,0);transition:opacity ease var(--sbb-toggle-check-animation-duration);position:absolute;top:50%;left:50%;translate:-50% -50%}
+`;let l=(()=>{let l=s(o(a)),u,d=[],f=[],p,m=[],h=[],g,_=[],v=[];return class extends l{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;u=[i()],p=[i({reflect:!0})],g=[i({attribute:`label-position`,reflect:!0})],e(this,null,u,{kind:`accessor`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},d,f),e(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:t},m,h),e(this,null,g,{kind:`accessor`,name:`labelPosition`,static:!1,private:!1,access:{has:e=>`labelPosition`in e,get:e=>e.labelPosition,set:(e,t)=>{e.labelPosition=t}},metadata:t},_,v),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-toggle-check`}static{this.styles=[r(c)]}#e=t(this,d,null);get value(){return this.#e}set value(e){this.#e=e}#t=(t(this,f),t(this,m,null));get size(){return this.#t}set size(e){this.#t=e}#n=(t(this,h),t(this,_,`after`));get labelPosition(){return this.#n}set labelPosition(e){this.#n=e}requestUpdate(e,t,n){super.requestUpdate(e,t,n),e===`checked`&&(this.internals.ariaChecked=`${this.checked}`,this.toggleState(`checked`,this.checked))}renderIconName(){return super.renderIconName()||`tick-small`}render(){return n`
+      <span class="sbb-toggle-check">
+        <span class="sbb-toggle-check__container">
+          <span class="sbb-toggle-check__label">
+            <slot></slot>
+          </span>
+          <span class="sbb-toggle-check__track">
+            <span class="sbb-toggle-check__circle">
+              <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
+            </span>
+          </span>
+        </span>
+      </span>
+    `}constructor(){super(...arguments),t(this,v)}}})();export{l as SbbToggleCheckElement};

package/toggle.js

@@ -1,6 +1 @@
-import { t as e } from "./toggle-option.component-UXno4hFd.js";
-import { t } from "./toggle.component-Cz3OnOMI.js";
-import "./toggle.pure.js";
-t.define(), e.define();
-//#endregion
-export { t as SbbToggleElement, e as SbbToggleOptionElement };
+import{SbbToggleElement as e,SbbToggleOptionElement as t}from"./toggle.pure.js";export*from"./toggle.pure.js";e.define(),t.define();

package/toggle.pure.js

@@ -1,3 +1,8 @@
-import { t as e } from "./toggle-option.component-UXno4hFd.js";
-import { t } from "./toggle.component-Cz3OnOMI.js";
-export { t as SbbToggleElement, e as SbbToggleOptionElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{ResizeController as n}from"@lit-labs/observers/resize-controller.js";import{html as r,isServer as i,unsafeCSS as a}from"lit";import{property as o}from"lit/decorators.js";import{SbbDisabledMixin as s,SbbElement as c,SbbFormAssociatedMixin as l,forceType as u,interactivityChecker as d}from"./core.js";import{SbbIconNameMixin as f}from"./icon.pure.js";var p=`:host{justify-content:center;align-items:center;gap:var(--sbb-toggle-option-gap);height:var(--sbb-toggle-height);padding-inline:var(--sbb-toggle-padding-inline);color:var(--sbb-toggle-option-color);cursor:var(--sbb-toggle-option-cursor,var(--sbb-cursor-pointer));font-size:var(--sbb-toggle-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);font-weight:700;display:flex;overflow:hidden;outline:none!important}:host([checked]){--sbb-toggle-option-color:var(--sbb-color-2)}:host([disabled]){--sbb-toggle-option-cursor:unset;--sbb-toggle-option-color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-cloud))}.sbb-toggle-option__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}sbb-icon,::slotted(sbb-icon){min-width:var(--sbb-toggle-option-icon-min-size);min-height:var(--sbb-toggle-option-icon-min-size)}
+`;let m=(()=>{let i=s(f(c)),l,d=[],m=[],h,g=[],_=[];return class extends i{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;l=[u(),o({reflect:!0,type:Boolean})],h=[o()],e(this,null,l,{kind:`accessor`,name:`checked`,static:!1,private:!1,access:{has:e=>`checked`in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:t},d,m),e(this,null,h,{kind:`accessor`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},g,_),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-toggle-option`}static{this.role=`radio`}static{this.styles=[a(p)]}#e;get checked(){return this.#e}set checked(e){this.#e=e}#t;get value(){return this.#t}set value(e){this.#t=e}constructor(){super(),this.#e=t(this,d,!1),this.#t=(t(this,m),t(this,g,null)),this._toggle=(t(this,_),null),this.addEventListener?.(`input`,()=>this._handleInput()),this.addEventListener?.(`click`,()=>{!this.disabled&&!this.checked&&this.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0}))}),this.addController(new n(this,{skipInitial:!0,callback:()=>this._toggle?.updatePillPosition?.(!0)}))}connectedCallback(){super.connectedCallback(),this._toggle=this.closest?.(`sbb-toggle`)??null,this._verifyTabindex(),this._toggle?.updatePillPosition?.(!0)}disconnectedCallback(){super.disconnectedCallback(),this._toggle=null}firstUpdated(e){super.firstUpdated(e),this._toggle?.updatePillPosition?.(!0)}willUpdate(e){super.willUpdate(e),e.has(`checked`)&&(this.internals.ariaChecked=`${this.checked}`,this._verifyTabindex(),this.checked&&this._uncheckOtherOptions()),e.has(`disabled`)&&this._handleDisabledChange()}_uncheckOtherOptions(){this._toggle?.options.filter(e=>e!==this).forEach(e=>e.checked=!1),this._toggle?.statusChanged()}_handleDisabledChange(){this.internals.ariaDisabled=this.disabled?`true`:null,this._verifyTabindex()}_handleInput(){this.disabled||(this.checked=!0,this._uncheckOtherOptions())}_verifyTabindex(){this.tabIndex=this.checked&&!this.disabled?0:-1}render(){return r`
+      ${this.renderIconSlot()}
+      <span class="sbb-toggle-option__label">
+        <slot></slot>
+      </span>
+    `}}})();var h=`:host{--_sbb-toggle-min-width:calc(var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small));--sbb-toggle-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));grid-template-columns:var(--sbb-toggle-grid-template-columns);height:var(--sbb-toggle-height);width:var(--sbb-toggle-width,fit-content);min-width:var(--_sbb-toggle-min-width);border-radius:var(--sbb-toggle-border-radius);max-width:100%;font-size:var(--sbb-toggle-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);user-select:none;-webkit-tap-highlight-color:transparent;line-height:var(--sbb-typo-line-height-text);grid-template-areas:"start end";align-items:center;display:grid}:host:before{content:"";margin-inline:var(--sbb-toggle-option-left,0) var(--sbb-toggle-option-right,0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);max-width:100%;height:100%;transition-duration:var(--sbb-toggle-animation-duration);grid-area:start/start/end/end;transition-property:margin-inline-start,margin-inline-end;transition-timing-function:ease;display:block}:host:after{content:"";background:var(--sbb-toggle-background-color);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius);order:-1;grid-area:start/start/end/end}@media (forced-colors:active){:host:after{border:var(--sbb-border-width-1x) solid CanvasText}}:host([even]){--sbb-toggle-width:100%;--sbb-toggle-grid-template-columns:50% 50%}:host(:disabled){--sbb-toggle-selected-option-border-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-smoke));--sbb-toggle-selected-option-border-style:dashed}@media (forced-colors:active){:host(:disabled){--sbb-toggle-selected-option-border-style:solid;--sbb-toggle-selected-option-border-color:GrayText}}:host([size=s]){--sbb-toggle-padding-inline:var(--sbb-toggle-padding-inline-s);--sbb-toggle-height:var(--sbb-toggle-height-s)}:host([size=m]){--sbb-toggle-padding-inline:var(--sbb-toggle-padding-inline-m);--sbb-toggle-height:var(--sbb-toggle-height-m)}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(disable-animation-on-resizing),[state--disable-animation-on-resizing]))){--sbb-disable-animation-duration:0s}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}
+`;let g=(()=>{let n=s(l(c)),f=[],p,m=[],g=[],_,v=[],y=[],b;return class extends n{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;p=[u(),o({reflect:!0,type:Boolean})],_=[o({reflect:!0})],b=[o()],e(this,null,p,{kind:`accessor`,name:`even`,static:!1,private:!1,access:{has:e=>`even`in e,get:e=>e.even,set:(e,t)=>{e.even=t}},metadata:t},m,g),e(this,null,_,{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},v,y),e(this,null,b,{kind:`setter`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,set:(e,t)=>{e.value=t}},metadata:t},null,f),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-toggle`}static{this.role=`radiogroup`}static{this.styles=[a(h)]}static{this.events={change:`change`}}#e;get even(){return this.#e}set even(e){this.#e=e}#t;get size(){return this.#t}set size(e){this.#t=e}set value(e){i||!this.hasUpdated?this._fallbackValue=e:this._valueChanged(e)}get value(){return i?this._fallbackValue??null:this.options.find(e=>e.checked)?.value??this.options[0]?.value??null}get options(){return Array.from(this.querySelectorAll?.(`sbb-toggle-option`)??[])}constructor(){super(),this.#e=(t(this,f),t(this,m,!1)),this.#t=(t(this,g),t(this,v,null)),this._fallbackValue=(t(this,y),null),this.addEventListener?.(`input`,()=>this._handleInput(),{passive:!0}),this.addEventListener?.(`keydown`,e=>this._handleKeyDown(e))}willUpdate(e){super.willUpdate(e),(e.has(`disabled`)||e.has(`formDisabled`))&&this._updateDisabled(),this.hasUpdated||this._valueChanged(this._fallbackValue)}statusChanged(){this.updateFormValue(),this.updatePillPosition()}formResetCallback(){this.value=this.hasAttribute(`value`)?this.getAttribute(`value`):null}formStateRestoreCallback(e,t){typeof e==`string`||e==null?this.value=e??null:e instanceof FormData&&this._readFormData(e).then(e=>{this.value=e})}async _readFormData(e){let t=e.get(this.name);return t instanceof Blob?JSON.parse(await t.text()):t}updatePillPosition(e=!1){let t=this.options;if(t.length<2||t.every(e=>!e.checked)||t.every(e=>!e.clientWidth))return;this.toggleState(`disable-animation-on-resizing`,e);let n=t[0],r=n.checked,i=r?`0px`:`${n.clientWidth}px`,a=r?`${this.clientWidth-n.clientWidth}px`:`0px`;a===`0px`&&i===`0px`||(this.style?.setProperty(`--sbb-toggle-option-left`,i),this.style?.setProperty(`--sbb-toggle-option-right`,a),this.offsetWidth,this.internals.states.add(`initialized`))}_updateToggle(){this._valueChanged(this.value),this._updateDisabled()}_valueChanged(e){let t=this.options,n=t.find(t=>e===t.value)??t.find(e=>e.checked)??t[0];n&&(n.checked=!0,this.statusChanged())}_updateDisabled(){for(let e of this.options)e.disabled=this.disabled||this.formDisabled}_handleInput(){this.statusChanged(),this.dispatchEvent(new Event(`change`,{bubbles:!0}))}_handleKeyDown(e){if(!this.options.filter(e=>!e.disabled&&d.isVisible(e))||e.target!==this&&e.target.parentElement!==this)return;let t=this.options,n=this.matches(`:dir(rtl)`),r=t.findIndex(e=>e.checked)??t[0],i=t.slice(r+1).concat(t.slice(0,r)).filter(e=>!e.disabled&&d.isVisible(e));(n?e.key===`ArrowLeft`:e.key===` `||e.key===`ArrowRight`)?(this._selectAndFocusOption(i[0]),e.preventDefault()):(n?e.key===` `||e.key===`ArrowRight`:e.key===`ArrowLeft`)&&(this._selectAndFocusOption(i.at(-1)),e.preventDefault())}_selectAndFocusOption(e){!e||e.disabled||e.checked||(e.checked=!0,e.focus(),e.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})))}render(){return r` <slot @slotchange=${this._updateToggle}></slot> `}}})();export{g as SbbToggleElement,m as SbbToggleOptionElement};

package/tooltip.js

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

package/tooltip.pure.js

@@ -1,2 +1,6 @@
-import { t as e } from "./tooltip.component-BLzyft0C.js";
-export { e as SbbTooltipElement };
+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}from"lit/decorators.js";import{SbbDisabledMixin as o,SbbEscapableOverlayController as s,SbbOpenCloseBaseElement as c,SbbOverlayPositionController as l,appendAriaElements as u,idReference as d,isAndroid as f,isIOS as p,isZeroAnimationDuration as m,popoverResetStyles as h,queueDomContentLoaded as g,readConfig as _,removeAriaElements as v,sbbOverlayOutsidePointerEventListener as y}from"./core.js";var b=`:host{--sbb-tooltip-max-width:min(25rem, calc(100vw - var(--sbb-spacing-fixed-2x)));--sbb-tooltip-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);pointer-events:var(--sbb-tooltip-pointer-events,all);z-index:var(--sbb-tooltip-z-index,var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:none;position:fixed}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name:open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name:close;--sbb-tooltip-pointer-events:none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\\ start],[data-position$=\\ end])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}
+`;const x=f||p,S=new WeakMap;let C=(()=>{let f=o(c),p=[],C,w=[],T=[],E,D,O;return class extends f{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;C=[d(),a()],E=[a({attribute:`open-delay`,type:Number})],D=[a({attribute:`close-delay`,type:Number})],O=[a({attribute:`long-press-close-delay`,type:Number})],e(this,null,C,{kind:`accessor`,name:`trigger`,static:!1,private:!1,access:{has:e=>`trigger`in e,get:e=>e.trigger,set:(e,t)=>{e.trigger=t}},metadata:t},w,T),e(this,null,E,{kind:`setter`,name:`openDelay`,static:!1,private:!1,access:{has:e=>`openDelay`in e,set:(e,t)=>{e.openDelay=t}},metadata:t},null,p),e(this,null,D,{kind:`setter`,name:`closeDelay`,static:!1,private:!1,access:{has:e=>`closeDelay`in e,set:(e,t)=>{e.closeDelay=t}},metadata:t},null,p),e(this,null,O,{kind:`setter`,name:`longPressCloseDelay`,static:!1,private:!1,access:{has:e=>`longPressCloseDelay`in e,set:(e,t)=>{e.longPressCloseDelay=t}},metadata:t},null,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-tooltip`}static{this.role=`tooltip`}static{this.styles=[h,i(b)]}static{r||g(()=>this._initializeTooltipOutlet())}#e;get trigger(){return this.#e}set trigger(e){this.#e=e}set openDelay(e){this._openDelay=e}get openDelay(){return this._openDelay??_().tooltip?.openDelay??0}set closeDelay(e){this._closeDelay=e}get closeDelay(){return this._closeDelay??_().tooltip?.closeDelay??0}set longPressCloseDelay(e){this._longPressCloseDelay=+e}get longPressCloseDelay(){return this._longPressCloseDelay??_().tooltip?.longPressCloseDelay??1500}constructor(){super(),this.#e=(t(this,p),t(this,w,null)),this._openDelay=(t(this,T),null),this._closeDelay=null,this._triggerElement=null,this._escapableOverlayController=new s(this),this._overlayController=new l(this),this.addEventListener(`mouseleave`,e=>{(this.state===`opened`||this.state===`opening`)&&(!e.relatedTarget||!this._triggerElement?.contains(e.relatedTarget))&&this._delayedClose()},{passive:!0}),this.addEventListener(`overlayOutsidePointer`,()=>this.close(),{passive:!0}),this.addEventListener(`animationend`,e=>this._onTooltipAnimationEnd(e),{passive:!0})}static _initializeTooltipOutlet(){this._tooltipOutlet=document.createElement(`div`),this._tooltipOutlet.classList.add(`sbb-overlay-outlet`),document.body.appendChild(this._tooltipOutlet),new MutationObserver(e=>{for(let t of e)if(t.type===`attributes`)this._handleTooltipTrigger(t.target);else if(t.type===`childList`)for(let e of[...t.addedNodes,...t.removedNodes].filter(e=>e.nodeType===e.ELEMENT_NODE))this._handleTooltipTrigger(e),this._findAndHandleTooltipTriggers(e)}).observe(document.documentElement,{attributeFilter:[`sbb-tooltip`,`sbb-tooltip-open-delay`,`sbb-tooltip-close-delay`,`sbb-tooltip-position`],childList:!0,subtree:!0}),this._findAndHandleTooltipTriggers(document.body)}static _findAndHandleTooltipTriggers(e){e.querySelectorAll(`[sbb-tooltip]`).forEach(e=>this._handleTooltipTrigger(e))}static _handleTooltipTrigger(e){let t=e.getAttribute(`sbb-tooltip`),n=S.get(e);if(t&&e.isConnected){n||(n=document.createElement(`sbb-tooltip`),S.set(e,n),this._tooltipOutlet.appendChild(n),n.trigger=e),n.textContent=t,n.openDelay=e.hasAttribute(`sbb-tooltip-open-delay`)?+e.getAttribute(`sbb-tooltip-open-delay`):null,n.closeDelay=e.hasAttribute(`sbb-tooltip-close-delay`)?+e.getAttribute(`sbb-tooltip-close-delay`):null;let r=e.hasAttribute(`sbb-tooltip-position`)?e.getAttribute(`sbb-tooltip-position`).split(`,`).map(e=>e.trim()):e.tooltipPositions;r&&r.length>0?(n.style.setProperty(`--sbb-overlay-position-area`,r[0]),n.style.setProperty(`--sbb-overlay-position-try-fallbacks`,r.slice(1).join(`, `))):(n.style.removeProperty(`--sbb-overlay-position-area`),n.style.removeProperty(`--sbb-overlay-position-try-fallbacks`))}else n&&(S.delete(e),n._destroy?.())}connectedCallback(){super.connectedCallback(),this.popover=`manual`,this.state=`closed`,y.connect(this),this.hasUpdated&&this.trigger&&this._attach(this.trigger)}disconnectedCallback(){super.disconnectedCallback(),y.disconnect(this),this._detach()}requestUpdate(e,t,n){super.requestUpdate(e,t,n),!r&&(!e||e===`trigger`)&&this.hasUpdated&&this._attach(this.trigger)}firstUpdated(e){super.firstUpdated(e),this._attach(this.trigger)}open(){this._resetOpenCloseTimeout(),!(this.state!==`closed`&&this.state!==`closing`||this.disabled||!this.trigger||!this.dispatchBeforeOpenEvent())&&(this.showPopover?.(),this.state=`opening`,this._overlayController.connect(this.trigger),this._isZeroAnimationDuration()&&this._handleOpening())}close(){this._resetOpenCloseTimeout(),!(this.state!==`opened`&&this.state!==`opening`)&&(this.dispatchBeforeCloseEvent(),this.state=`closing`,this._isZeroAnimationDuration()&&this._handleClosing())}_delayedOpen(){this._resetOpenCloseTimeout(),this._openTimeout=setTimeout(()=>this.open(),this.openDelay)}_handleOpening(){this.state=`opened`,this._escapableOverlayController.connect(),this.dispatchOpenEvent()}_delayedClose(){this._resetOpenCloseTimeout(),this._closeTimeout=setTimeout(()=>this.close(),this.closeDelay)}_handleClosing(){this.state=`closed`,this.hidePopover?.(),this._overlayController.disconnect(),this._escapableOverlayController.disconnect(),this.dispatchCloseEvent(),this._openStateController?.abort()}_onTooltipAnimationEnd(e){e.animationName===`open`&&this.state===`opening`?this._handleOpening():e.animationName===`close`&&this.state===`closing`&&this._handleClosing()}_attach(e){this._triggerElement&&this._detach(),this._triggerElement=e,this._triggerElement&&(this._triggerElement.ariaDescribedByElements=u(this._triggerElement.ariaDescribedByElements,this),this._addTriggerEventHandlers())}_detach(){this._triggerAbortController?.abort(),this._openStateController?.abort(),this._resetOpenCloseTimeout(),clearTimeout(this._longPressOpenTimeout),clearTimeout(this._longPressCloseTimeout),this._triggerElement&&=(this._triggerElement.ariaDescribedByElements=v(this._triggerElement.ariaDescribedByElements,this),null)}_destroy(){this._detach(),this.remove()}_addTriggerEventHandlers(){let e=this._triggerElement;if(!e)return;this._triggerAbortController?.abort(),this._triggerAbortController=new AbortController;let t={signal:this._triggerAbortController.signal,passive:!0};x||(e.addEventListener(`mouseenter`,()=>this._delayedOpen(),t),e.addEventListener(`mouseleave`,e=>{let t=e.relatedTarget;(!t||t!==this)&&this._delayedClose()},t),e.addEventListener(`blur`,()=>this.close(),t),e.addEventListener(`focus`,()=>this._delayedOpen(),t)),e.addEventListener(`touchstart`,()=>{clearTimeout(this._longPressOpenTimeout),clearTimeout(this._longPressCloseTimeout),this._longPressOpenTimeout=setTimeout(()=>this.open(),500)},t),e.addEventListener(`touchend`,()=>{clearTimeout(this._longPressOpenTimeout),this._longPressCloseTimeout=setTimeout(()=>this.close(),this.longPressCloseDelay)},t),e.addEventListener(`touchcancel`,()=>{clearTimeout(this._longPressOpenTimeout)},t)}_isZeroAnimationDuration(){return m(this,`--sbb-tooltip-animation-duration`)}_resetOpenCloseTimeout(){clearTimeout(this._openTimeout),clearTimeout(this._closeTimeout)}render(){return n`
+      <div class="sbb-tooltip">
+        <slot></slot>
+      </div>
+    `}}})();export{C as SbbTooltipElement};

package/train.js

@@ -1,12 +1 @@
-import { t as e } from "./train-blocked-passage.component-Bk_YvTRh.js";
-import { t } from "./train-formation.component-Di5d_G5x.js";
-import { SbbTrainWagonButtonElement as n } from "./train/train-wagon-button/train-wagon-button.component.js";
-import { SbbTrainWagonLinkElement as r } from "./train/train-wagon-link/train-wagon-link.component.js";
-import { SbbTrainWagonElement as i } from "./train/train-wagon/train-wagon.component.js";
-import { t as a } from "./train.component-Dwp6ltDo.js";
-import { SbbTrainFormationOrientationMixin as o } from "./train/train-formation-orientation-mixin.js";
-import { t as s } from "./train-wagon-common-HuRuHdNZ.js";
-import "./train.pure.js";
-e.define(), a.define(), t.define(), n.define(), r.define(), i.define();
-//#endregion
-export { e as SbbTrainBlockedPassageElement, a as SbbTrainElement, t as SbbTrainFormationElement, o as SbbTrainFormationOrientationMixin, n as SbbTrainWagonButtonElement, i as SbbTrainWagonElement, r as SbbTrainWagonLinkElement, s as SbbTrainWagonMixin };
+import{SbbTrainBlockedPassageElement as e,SbbTrainElement as t,SbbTrainFormationElement as n,SbbTrainWagonButtonElement as r,SbbTrainWagonElement as i,SbbTrainWagonLinkElement as a}from"./train.pure.js";export*from"./train.pure.js";e.define(),t.define(),n.define(),r.define(),a.define(),i.define();