@sbb-esta/lyne-elements 5.0.2 → 5.2.0

package/lean-safety-theme.css

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

package/lean-theme.css

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

package/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();

package/loading-indicator-circle.pure.js

@@ -1,2 +1,4 @@
-import { t as e } from "./loading-indicator-circle.component-BSdKx0eK.js";
-export { e as SbbLoadingIndicatorCircleElement };
+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}from"./core.js";var o=`:host{--sbb-loading-indicator-circle-duration:var(--sbb-disable-animation-duration,1.5s);--sbb-loading-indicator-circle-background:conic-gradient(from 90deg, transparent, var(--sbb-loading-indicator-circle-color));line-height:0;display:inline-block}@media (forced-colors:active){:host{--sbb-loading-indicator-circle-color:CanvasText!important}}:host([color=smoke]){--sbb-loading-indicator-circle-color:var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-circle-color:var(--sbb-color-white);--sbb-loading-indicator-circle-background-color:var(--sbb-color-iron)}.sbb-loading-indicator{padding:var(--sbb-loading-indicator-circle-padding);vertical-align:middle;line-height:1;display:inline-flex}.sbb-loading-indicator__animated-element{color:#0000;background:var(--sbb-loading-indicator-circle-background);width:1.25em;height:1.25em;mask:radial-gradient(circle .4375em, #0000 98%, var(--sbb-loading-indicator-circle-background-color));animation:rotation var(--sbb-loading-indicator-circle-duration) infinite linear;border-radius:50%;margin:0 auto;display:inline-block;position:relative;overflow:hidden}.sbb-loading-indicator__animated-element:after{content:"";width:var(--sbb-loading-indicator-circle-animated-width);height:var(--sbb-loading-indicator-circle-animated-height);background:var(--sbb-loading-indicator-circle-color);border-radius:var(--sbb-loading-indicator-circle-animated-border-radius);margin:auto;position:absolute;top:50%;right:0;overflow:hidden;translate:0 -50%}@keyframes rotation{0%{rotate:0deg}to{rotate:359deg}}
+`;let s=(()=>{let s=a,c,l=[],u=[];return class extends s{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;c=[i({reflect:!0})],e(this,null,c,{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},l,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-loading-indicator-circle`}static{this.role=`progressbar`}static{this.styles=[r(o)]}#e=t(this,l,`default`);get color(){return this.#e}set color(e){this.#e=e}connectedCallback(){super.connectedCallback(),this.internals.ariaBusy=`true`}render(){return n`<span class="sbb-loading-indicator">
+      <span class="sbb-loading-indicator__animated-element"></span>
+    </span>`}constructor(){super(...arguments),t(this,u)}}})();export{s as SbbLoadingIndicatorCircleElement};

package/loading-indicator.js

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

package/loading-indicator.pure.js

@@ -1,2 +1,14 @@
-import { t as e } from "./loading-indicator.component-B2cGE1Mj.js";
-export { e as SbbLoadingIndicatorElement };
+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}from"./core.js";var o=`:host{--sbb-loading-indicator-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--_sbb-loading-indicator-window-first-span-width:calc(var(--sbb-loading-indicator-window-height) * .58);--_sbb-loading-indicator-window-unit:calc(var(--_sbb-loading-indicator-window-first-span-width) / 5.5);--_sbb-loading-indicator-window-element-animation-speed:calc(var(--_sbb-loading-indicator-window-unit) * 6.5);height:var(--sbb-loading-indicator-window-height);align-items:center;line-height:0;display:inline-flex}:host:before{content:"​";user-select:none;width:0;height:0}:host([color=smoke]){--sbb-loading-indicator-color:var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color:var(--sbb-color-white)}:host([size=s]){--sbb-loading-indicator-window-height:1.125rem;--sbb-loading-indicator-window-element-width:3.4375rem}:host([size=l]){--sbb-loading-indicator-window-height:2rem;--sbb-loading-indicator-window-element-width:6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height:3.1875rem;--sbb-loading-indicator-window-element-width:8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height:6.125rem;--sbb-loading-indicator-window-element-width:15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height:9.1875rem;--sbb-loading-indicator-window-element-width:22.5rem}span{display:inline-block}.sbb-loading-indicator__animated-element{transform-origin:50%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height);justify-content:center;margin:0 auto;display:flex;position:relative;translate:25%}.sbb-loading-indicator__animated-element>span{transform-origin:0;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden;align-self:center;position:relative}.sbb-loading-indicator__animated-element>span>span{animation:loading-container var(--sbb-loading-indicator-duration) linear infinite;display:flex;position:relative}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:first-child{animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}
+`;let s=(()=>{let s=a,c,l=[],u=[],d,f=[],p=[];return class extends s{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;c=[i({reflect:!0})],d=[i({reflect:!0})],e(this,null,c,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},l,u),e(this,null,d,{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},f,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-loading-indicator`}static{this.role=`progressbar`}static{this.styles=[r(o)]}#e=t(this,l,`s`);get size(){return this.#e}set size(e){this.#e=e}#t=(t(this,u),t(this,f,`default`));get color(){return this.#t}set color(e){this.#t=e}connectedCallback(){super.connectedCallback(),this.internals.ariaBusy=`true`}render(){return n`
+      <span class="sbb-loading-indicator__animated-element">
+        <span>
+          <span>
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+          </span>
+        </span>
+      </span>
+    `}constructor(){super(...arguments),t(this,p)}}})();export{s as SbbLoadingIndicatorElement};

package/logo.js

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

package/logo.pure.js

@@ -1,2 +1,17 @@
-import { t as e } from "./logo.component-BOxQbVu9.js";
-export { e as SbbLogoElement };
+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,SbbNegativeMixin as o,forceType as s}from"./core.js";var c=`:host{height:var(--sbb-logo-height);aspect-ratio:var(--sbb-logo-aspect-ratio);background-color:var(--sbb-logo-background-color,none);justify-content:center;align-items:center;display:flex}@media (forced-colors:active){:host{--sbb-logo-word-mark-color:ButtonText!important}}:host([negative]){--sbb-logo-word-mark-color:var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio:502 / 96;--sbb-logo-svg-container-height:50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio:550 / 144;--sbb-logo-svg-container-height:calc(48 / 144 * 100%)}.sbb-logo__svg-container{height:var(--sbb-logo-svg-container-height,100%);width:100%;display:flex}svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}
+`;let l=(()=>{let l=o(a),u,d=[],f=[],p,m=[],h=[];return class extends l{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;u=[i({attribute:`protective-room`,reflect:!0})],p=[s(),i({attribute:`accessibility-label`})],e(this,null,u,{kind:`accessor`,name:`protectiveRoom`,static:!1,private:!1,access:{has:e=>`protectiveRoom`in e,get:e=>e.protectiveRoom,set:(e,t)=>{e.protectiveRoom=t}},metadata:t},d,f),e(this,null,p,{kind:`accessor`,name:`accessibilityLabel`,static:!1,private:!1,access:{has:e=>`accessibilityLabel`in e,get:e=>e.accessibilityLabel,set:(e,t)=>{e.accessibilityLabel=t}},metadata:t},m,h),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-logo`}static{this.styles=[r(c)]}#e=t(this,d,`ideal`);get protectiveRoom(){return this.#e}set protectiveRoom(e){this.#e=e}#t=(t(this,f),t(this,m,`Logo`));get accessibilityLabel(){return this.#t}set accessibilityLabel(e){this.#t=e}render(){return n`
+      <span class="sbb-logo__svg-container">
+        <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
+          <title .textContent=${this.accessibilityLabel}></title>
+          <path
+            id="sbb-logo__word-mark"
+            d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
+          ></path>
+          <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
+          <path
+            id="sbb-logo__signet"
+            d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
+          ></path>
+        </svg>
+      </span>
+    `}constructor(){super(...arguments),t(this,h)}}})();export{l as SbbLogoElement};

package/map-container.js

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

package/map-container.pure.js

@@ -1,2 +1,24 @@
-import { t as e } from "./map-container.component-C2_Miiv0.js";
-export { e as SbbMapContainerElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{IntersectionController as n}from"@lit-labs/observers/intersection-controller.js";import{html as r,nothing as i,unsafeCSS as a}from"lit";import{property as o,state as s}from"lit/decorators.js";import{SbbAccentButtonElement as c}from"./button.pure.js";import{SbbElement as l,SbbLanguageController as u,forceType as d,forwardEvent as f,i18nMapContainerButtonLabel as p,scrollbarStyles as m}from"./core.js";var h=`:host{--sbb-map-container-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--_sbb-map-container-map-height:calc(var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius));grid-template-rows:auto auto;display:grid}@media (width>=37.5rem){:host{--_sbb-map-container-map-height:calc(var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius))}}@media (width>=64rem){:host{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));inset:var(--sbb-map-container-margin-start,var(--sbb-header-vertical-spacing)) 0 0 0;position:fixed}}.sbb-map-container__sidebar-button{left:50%;visibility:hidden;opacity:0;transform:translateX(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration), transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing);position:fixed;inset-block-end:var(--sbb-spacing-fixed-5x)}:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing), transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}@media (width>=64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{width:100%;background-color:var(--sbb-map-container-sidebar-background-color);border-start-start-radius:var(--sbb-map-container-border-radius);border-start-end-radius:var(--sbb-map-container-border-radius);grid-area:2/1/3/3;margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);position:relative;overflow:hidden auto}@media (width>=64rem){.sbb-map-container__sidebar{border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);border-radius:0;grid-area:1/1/3/2;margin-block-start:0}}.sbb-map-container__map{grid-area:1/1/2/3;position:sticky;inset-block-start:0;inset-inline:0}@media (width<=63.9375rem){.sbb-map-container__map{height:var(--_sbb-map-container-map-height);inset-block-start:var(--sbb-map-container-mobile-sticky-block-start,0)}}@media (width>=64rem){.sbb-map-container__map{grid-area:1/2/3/3;position:relative}}
+`;let g=(()=>{let g=l,_,v=[],y=[],b,x=[],S=[];return class extends g{constructor(){super(...arguments),this.#e=t(this,v,!1),this.#t=(t(this,y),t(this,x,!1)),this._language=(t(this,S),new u(this)),this._observer=new n(this,{target:null,callback:e=>this._toggleButtonVisibilityOnIntersect(e)})}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;_=[d(),o({attribute:`hide-scroll-up-button`,reflect:!0,type:Boolean})],b=[s()],e(this,null,_,{kind:`accessor`,name:`hideScrollUpButton`,static:!1,private:!1,access:{has:e=>`hideScrollUpButton`in e,get:e=>e.hideScrollUpButton,set:(e,t)=>{e.hideScrollUpButton=t}},metadata:t},v,y),e(this,null,b,{kind:`accessor`,name:`_scrollUpButtonVisible`,static:!1,private:!1,access:{has:e=>`_scrollUpButtonVisible`in e,get:e=>e._scrollUpButtonVisible,set:(e,t)=>{e._scrollUpButtonVisible=t}},metadata:t},x,S),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-map-container`}static{this.elementDependencies=[c]}static{this.styles=[m,a(h)]}#e;get hideScrollUpButton(){return this.#e}set hideScrollUpButton(e){this.#e=e}#t;get _scrollUpButtonVisible(){return this.#t}set _scrollUpButtonVisible(e){this.#t=e}willUpdate(e){if(super.willUpdate(e),e.has(`hideScrollUpButton`)){let e=this._intersector();!this.hideScrollUpButton&&e?this._observer.observe(e):e&&this._observer.unobserve(e)}}firstUpdated(e){super.firstUpdated(e),this.hideScrollUpButton||this._observer.observe(this._intersector())}_intersector(){return this.shadowRoot?.querySelector(`#intersector`)??null}_onScrollButtonClick(){this.scrollIntoView({behavior:`smooth`})}_toggleButtonVisibilityOnIntersect(e){e.forEach(e=>{let t=!e.isIntersecting;this.toggleState(`scroll-up-button-visible`,t),this._scrollUpButtonVisible=t})}render(){return r`
+      <div class="sbb-map-container__map">
+        <slot name="map"></slot>
+      </div>
+      <div
+        class="sbb-map-container__sidebar sbb-scrollbar-thick-track-visible"
+        @scroll=${e=>f(e,document)}
+      >
+        <span id="intersector"></span>
+
+        <slot></slot>
+
+        ${this.hideScrollUpButton?i:r`<sbb-accent-button
+                class="sbb-map-container__sidebar-button"
+                size="l"
+                icon-name="location-pin-map-small"
+                @click=${()=>this._onScrollButtonClick()}
+                ?inert=${!this._scrollUpButtonVisible}
+              >
+                ${p[this._language.current]}
+              </sbb-accent-button>`}
+      </div>
+    `}}})();export{g as SbbMapContainerElement};

package/menu.js

@@ -1,8 +1 @@
-import { t as e } from "./menu-action-common-_iII6n1T.js";
-import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
-import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
-import { t as r } from "./menu.component-CqXIRQq2.js";
-import "./menu.pure.js";
-r.define(), t.define(), n.define();
-//#endregion
-export { e as SbbMenuActionCommonElementMixin, t as SbbMenuButtonElement, r as SbbMenuElement, n as SbbMenuLinkElement };
+import{SbbMenuButtonElement as e,SbbMenuElement as t,SbbMenuLinkElement as n}from"./menu.pure.js";export*from"./menu.pure.js";t.define(),e.define(),n.define();

package/menu.pure.js

@@ -1,5 +1,38 @@
-import { t as e } from "./menu-action-common-_iII6n1T.js";
-import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
-import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
-import { t as r } from "./menu.component-CqXIRQq2.js";
-export { e as SbbMenuActionCommonElementMixin, t as SbbMenuButtonElement, r as SbbMenuElement, n as SbbMenuLinkElement };
+import{html as e,isServer as t,unsafeCSS as n}from"lit";import{SbbButtonBaseElement as r,SbbDarkModeController as i,SbbDisabledInteractiveMixin as a,SbbDisabledMixin as o,SbbDisabledTabIndexActionMixin as s,SbbEscapableOverlayController as c,SbbFocusTrapController as l,SbbInertController as u,SbbLanguageController as d,SbbLinkBaseElement as f,SbbMediaMatcherController as p,SbbMediaQueryBreakpointSmallAndBelow as m,SbbOpenCloseBaseElement as h,SbbScrollHandler as g,forwardEvent as _,getElementPosition as v,getElementPositionHorizontal as y,getNextElementIndex as b,i18nGoBack as x,idReference as S,interactivityChecker as C,isArrowKeyOrPageKeysPressed as w,isEventOnElement as T,isZeroAnimationDuration as E,popoverResetStyles as D,removeAriaOverlayTriggerProperties as O,scrollbarStyles as k,setAriaOverlayTriggerProperties as A,ɵstateController as j}from"./core.js";import{SbbIconNameMixin as M}from"./icon.pure.js";import{__esDecorate as N,__runInitializers as P}from"tslib";import{property as F}from"lit/decorators.js";import{ref as I}from"lit/directives/ref.js";import{SbbDividerElement as L}from"./divider.pure.js";var R=`:host{--sbb-menu-action-cursor:var(--sbb-cursor-pointer);display:block;outline:none!important}@media (any-hover:hover){:host(:is(:hover:not([disabled],:disabled,[disabled-interactive]),[aria-expanded=true])){--sbb-menu-background-color:light-dark(var(--sbb-color-iron),var(--sbb-color-milk));--sbb-menu-action-forced-color-border-color:Highlight}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-cursor:var(--sbb-cursor-default);--sbb-menu-action-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));--sbb-menu-action-forced-color-border-color:GrayText;pointer-events:none;cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-color:GrayText}}:host(:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])){--sbb-menu-action-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-menu-action-color:ButtonText}}:host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{translate:50% -50%;inset:50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - .5 * var(--sbb-size-icon-ui-small)) auto auto!important}:host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{inset:calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto!important}:host([aria-controls]){--sbb-menu-action-submenu-icon-display:flex}:is(.sbb-menu-button,.sbb-menu-link){width:100%;color:var(--sbb-menu-action-color);padding:var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);cursor:var(--sbb-menu-action-cursor);outline:none;text-decoration:none;display:block}.sbb-menu-action__content{align-items:center;gap:var(--sbb-menu-action-gap);padding:var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);border-radius:var(--sbb-menu-action-border-radius);user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--sbb-menu-background-color);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:flex}:host(:focus-visible) .sbb-menu-action__content,:focus-visible .sbb-menu-action__content{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}@media (forced-colors:active){.sbb-menu-action__content{border:var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color)}}.sbb-menu-action__icon,.sbb-menu-submenu__icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);display:flex}.sbb-menu-submenu__icon{display:var(--sbb-menu-action-submenu-icon-display,none);margin-inline-start:auto}.sbb-menu-action__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-menu-action__label{text-decoration:line-through}
+`;const z=t=>{class r extends M(o(t)){static{this.styles=[n(R)]}renderTemplate(){return e`
+        <span class="sbb-menu-action__content">
+          <span class="sbb-menu-action__icon"> ${super.renderIconSlot()} </span>
+          <span class="sbb-menu-action__label">
+            <slot></slot>
+          </span>
+          <span class="sbb-menu-submenu__icon">
+            <sbb-icon name="chevron-small-right-small"></sbb-icon>
+          </span>
+        </span>
+      `}}return r};var B=class extends s(z(r)){static{this.elementName=`sbb-menu-button`}static{this.role=`menuitem`}},V=class extends a(z(f)){constructor(){super(...arguments),this.anchorRole=`menuitem`}static{this.elementName=`sbb-menu-link`}},H=`:host{--sbb-menu-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--_sbb-menu-inset:0 auto auto 0;display:contents}@media (width>=64rem){:host{--sbb-menu-back-button-display:none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility:visible;--sbb-menu-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media (width>=64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color:transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display:none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--_sbb-menu-inset:0}:host(:is(:state(dark),[state--dark])) .sbb-scrollbar-negative{--sbb-focus-outline-color:var(--sbb-focus-outline-color-default);--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media (width<=63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration:0s}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x:-100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name:open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name:close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){padding-inline:var(--sbb-spacing-fixed-5x);display:block}sbb-divider,::slotted(sbb-divider){--sbb-divider-color:var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display,block)}.sbb-menu__container{pointer-events:none;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index,var(--sbb-overlay-default-z-index));position:fixed}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility,hidden);pointer-events:all;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color,transparent);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility;position:fixed}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;color:var(--sbb-menu-color);border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);translate:var(--sbb-menu-transform-x,0) 0;transition:translate var(--sbb-menu-animation-duration);border:none;padding:0;display:none;position:absolute;inset-block-start:unset;inset-block-end:0;inset-inline-start:0;inset-inline-end:unset;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name,open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name,close)}@media (forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;border-radius:var(--sbb-menu-border-radius);max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y,0);left:var(--sbb-menu-position-x,0);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);outline:none;overflow:auto}.sbb-menu__content:after{content:"";height:var(--sbb-spacing-fixed-8x);display:block}@media (width>=64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){color-scheme:light only}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y,100%)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-menu-transform-y,100%)}}@keyframes open-sideways{0%{translate:100%}to{translate:0}}@keyframes close-sideways{0%{translate:0}to{translate:100%}}
+`;const U=[`A`,`BUTTON`,`SBB-BUTTON`,`SBB-BUTTON-LINK`,`SBB-LINK`,`SBB-BLOCK-LINK`,`SBB-LINK-BUTTON`,`SBB-BLOCK-LINK-BUTTON`,`SBB-MENU-BUTTON`,`SBB-MENU-LINK`];let W=(()=>{let r=h,a,o=[],s=[];return class extends r{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;a=[S(),F()],N(this,null,a,{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:e},o,s),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.elementName=`sbb-menu`}static{this.elementDependencies=[L,B]}static{this.styles=[D,k,n(H)]}static{this.role=`menu`}#e;get trigger(){return this.#e}set trigger(e){this.#e=e}constructor(){super(),this.#e=P(this,o,null),this._menu=P(this,s),this._triggerElement=null,this._isPointerDownEventOnMenu=!1,this._escapableOverlayController=new c(this),this._focusTrapController=new l(this),this._scrollHandler=new g,this._inertController=new u(this),this._mobileBreakpoint=m,this._mediaMatcher=new p(this,{[this._mobileBreakpoint]:e=>{e&&(this.state===`opening`||this.state===`opened`)?this._scrollHandler.disableScroll():this._scrollHandler.enableScroll()}}),this._darkModeController=new i(this,()=>this._syncNegative()),this._language=new d(this),this._nestedMenu=null,this._pointerDownListener=e=>{let t=e.target.closest(`sbb-menu`);this._isPointerDownEventOnMenu=T(this._menu,e)||this._nestedMenus().some(e=>t===e)},this._closeOnBackdropClick=e=>{let t=e.target;!this._isPointerDownEventOnMenu&&!T(this._menu,e)&&!this._nestedMenus().some(e=>e===t)&&this.closeAll()},this.addEventListener?.(`keydown`,e=>this._handleKeyDown(e))}firstUpdated(e){super.firstUpdated(e),this._configureTrigger()}escapeStrategy(){this.closeAll()}open(){if(!(this.state===`closing`||this.state===`opened`||!this._menu||!this.dispatchBeforeOpenEvent())){if(this._isNested()){let e=this._parentMenu();e.internals.states.add(`nested-child`),e._nestedMenu!==this&&e._nestedMenu?.close(),e._nestedMenu=this}this.showPopover?.(),this.state=`opening`,this._setMenuPosition(),this._triggerElement&&(this._triggerElement.ariaExpanded=`true`),this._isMobile()&&this._scrollHandler.disableScroll(),this._isZeroAnimationDuration()&&this._handleOpening()}}close(){this._close()}closeAll(){this._mainMenu()._close(!0)}_close(e=!1){if(!(this.state===`opening`&&!this._isNested()||!this.dispatchBeforeCloseEvent())){if(this._nestedMenu?._close(e),this._isNested()){let t=this._parentMenu();e?(this.internals.states.add(`close-all`),t.internals.states.add(`skip-animation`)):(this.internals.states.delete(`close-all`),t.internals.states.delete(`skip-animation`)),t.internals.states.delete(`nested-child`),t._nestedMenu=null}this.state=`closing`,this._triggerElement&&(this._triggerElement.ariaExpanded=`false`),this._isZeroAnimationDuration()&&this._handleClosing()}}_isZeroAnimationDuration(){return E(this,`--sbb-menu-animation-duration`)}_handleOpening(){this.state=`opened`,this._isNested()?this._updateNestedInert():this._inertController.activate(),this._escapableOverlayController.connect(),this._focusTrapController.focusInitialElement(),this._focusTrapController.enabled=!0,this._attachWindowEvents(),this.dispatchOpenEvent()}_handleClosing(){this.state=`closed`,this.internals.states.delete(`skip-animation`),this.internals.states.delete(`close-all`),this.hidePopover?.(),this._menu?.firstElementChild?.scrollTo(0,0),this._isNested()?this._updateNestedInert():this._inertController.deactivate(),this._triggerElement?.focus({preventScroll:[`sbb-header-button`,`sbb-header-link`].includes(this._triggerElement.localName)}),this._escapableOverlayController.disconnect(),this.dispatchCloseEvent(),this._windowEventsController?.abort(),this._focusTrapController.enabled=!1,this._scrollHandler.enableScroll()}_handleKeyDown(e){if(!w(e))return;e.preventDefault();let t=Array.from(this.querySelectorAll(`sbb-menu-button, sbb-menu-link`)).concat(this.shadowRoot.querySelector(`sbb-menu-button`)).filter(e=>(!e.disabled||e.disabledInteractive)&&C.isVisible(e)),n=t.findIndex(t=>t===e.target),r;switch(e.key){case`ArrowUp`:case`ArrowDown`:r=b(e,n,t.length);break;case`ArrowLeft`:this._isNested()&&this.close();break;case`ArrowRight`:e.target.matches(`:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])`)&&e.target.click();break;case`PageUp`:case`Home`:r=0;break;case`End`:case`PageDown`:r=t.length-1;break}r!==void 0&&t[r].focus()}createRenderRoot(){let e=super.createRenderRoot();return this.shadowRoot?.addEventListener(`slotchange`,()=>this._syncNegative(),{capture:!0}),e}connectedCallback(){this.popover=`manual`,super.connectedCallback(),this.hasUpdated&&this._configureTrigger()}disconnectedCallback(){super.disconnectedCallback(),this._triggerElement=null,this._triggerAbortController?.abort(),this._windowEventsController?.abort(),this._scrollHandler.enableScroll()}requestUpdate(e,n,r){super.requestUpdate(e,n,r),!t&&(!e||e===`trigger`)&&this.hasUpdated&&this._configureTrigger()}_configureTrigger(){this.trigger!==this._triggerElement&&(this._triggerAbortController?.abort(),O(this._triggerElement),this._triggerElement=this.trigger,this._triggerElement&&(A(this,this._triggerElement,`menu`,this.state),this._triggerAbortController=new AbortController,this._triggerElement.addEventListener(`click`,()=>this.open(),{signal:this._triggerAbortController.signal}),this.toggleState(`nested`,[`sbb-menu-button`,`sbb-menu-link`].includes(this._triggerElement.localName)),j(this._triggerElement).add(`sbb-menu-trigger`)))}_attachWindowEvents(){this._windowEventsController=new AbortController,document.addEventListener(`scroll`,()=>this._setMenuPosition(),{passive:!0,signal:this._windowEventsController.signal,capture:!0}),window.addEventListener(`resize`,()=>this._setMenuPosition(),{passive:!0,signal:this._windowEventsController.signal}),this._isNested()||(window.addEventListener(`pointerdown`,this._pointerDownListener,{signal:this._windowEventsController.signal}),window.addEventListener(`pointerup`,this._closeOnBackdropClick,{signal:this._windowEventsController.signal}))}_interactiveElementClick(e){let t=e.target;U.includes(t.nodeName)&&!t.hasAttribute(`disabled`)&&!t.matches(`:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])`)&&t.id!==`sbb-menu__back-button`&&this.closeAll()}_nestedMenus(){let e=[],t=this._nestedMenu;for(;t;)e.push(t),t=t._nestedMenu;return e}_parentMenu(){return this._triggerElement?.closest(`sbb-menu`)??null}_mainMenu(){return this._isNested()?this._parentMenu()?._mainMenu()??this:this}_isNested(){return!!this._parentMenu()}_updateNestedInert(){this._inertController.restoreAllExempted(),this._mainMenu()._nestedMenus().forEach(e=>this._inertController.exempt(e))}_handleMouseOver(e){let t=e.target,n=this._isMobile();!n&&this._nestedMenu&&!t.classList.contains(`sbb-menu__content`)&&t.ariaExpanded!==`true`&&this._nestedMenu.close(),t.matches(`:is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])`)&&!n&&t.click()}_onMenuAnimationEnd(e){(e.animationName===`open`||e.animationName===`open-sideways`)&&this.state===`opening`?this._handleOpening():(e.animationName===`close`||e.animationName===`close-sideways`)&&this.state===`closing`&&this._handleClosing()}_setMenuPosition(){if(this._isMobile()||!this._menu||!this._triggerElement||this.state===`closing`)return;let e=this._isNested()?y(this.shadowRoot.querySelector(`.sbb-menu__content`),this._triggerElement,this.shadowRoot.querySelector(`.sbb-menu__container`),{horizontalOffset:8,verticalOffset:-4,contentSelector:`.sbb-menu__content`}):v(this.shadowRoot.querySelector(`.sbb-menu__content`),this._triggerElement,this.shadowRoot.querySelector(`.sbb-menu__container`),{verticalOffset:8});this.style.setProperty(`--sbb-menu-position-x`,`${e.left}px`),this.style.setProperty(`--sbb-menu-position-y`,`${e.top}px`),this.style.setProperty(`--sbb-menu-max-height`,e.maxHeight)}_syncNegative(){this.querySelectorAll(`:is(:state(sbb-link),[state--sbb-link]), :is(:state(sbb-button),[state--sbb-button])`)?.forEach(e=>{customElements.upgrade(e),e.negative=!this._darkModeController.matches()})}_isMobile(){return this._mediaMatcher.matches(this._mobileBreakpoint)??!0}render(){return e`
+      <div class="sbb-menu__container">
+        <div
+          @animationend=${this._onMenuAnimationEnd}
+          @mouseover=${e=>this._handleMouseOver(e)}
+          class="sbb-menu"
+          ${I(e=>this._menu=e)}
+        >
+          <div
+            @click=${e=>this._interactiveElementClick(e)}
+            @scroll=${e=>_(e,document)}
+            class="sbb-menu__content sbb-scrollbar-negative"
+          >
+            <slot></slot>
+            <sbb-divider></sbb-divider>
+            <sbb-menu-button
+              id="sbb-menu__back-button"
+              @click=${()=>this.close()}
+              icon-name="chevron-small-left-small"
+            >
+              ${x[this._language.current]}
+            </sbb-menu-button>
+          </div>
+        </div>
+      </div>
+    `}}})();export{z as SbbMenuActionCommonElementMixin,B as SbbMenuButtonElement,W as SbbMenuElement,V as SbbMenuLinkElement};

package/message.js

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

package/message.pure.js

@@ -1,2 +1,8 @@
-import { t as e } from "./message.component-BpQ4ikV6.js";
-export { e as SbbMessageElement };
+import{html as e,unsafeCSS as t}from"lit";import{SbbElement as n}from"./core.js";var r=`:host{text-align:center;line-height:var(--sbb-typo-line-height-text);display:block}::slotted(sbb-title[slot=title]){margin:0}::slotted([slot=image]){width:100%;display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important}::slotted([slot=subtitle]){color:var(--sbb-message-subtitle-color);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);margin:0}::slotted([slot=legend]){line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size-xs);color:light-dark(var(--sbb-color-granite),var(--sbb-color-cement));margin-block:var(--sbb-message-legend-margin-block);padding:0}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}
+`,i=class extends n{static{this.elementName=`sbb-message`}static{this.styles=[t(r)]}_configureTitle(e){let t=e.target.assignedElements().find(e=>e.localName===`sbb-title`);t&&(customElements.upgrade(t),t.visualLevel=`5`)}render(){return e`
+      <slot name="image"></slot>
+      <slot name="title" @slotchange=${this._configureTitle}></slot>
+      <slot name="subtitle"></slot>
+      <slot name="legend"></slot>
+      <slot name="action"></slot>
+    `}};export{i as SbbMessageElement};

package/mini-calendar.js

@@ -1,7 +1 @@
-import { t as e } from "./mini-calendar-day.component-UvIp06lc.js";
-import { t } from "./mini-calendar-month.component-BZV7QSlC.js";
-import { t as n } from "./mini-calendar.component-B6EGO9bp.js";
-import "./mini-calendar.pure.js";
-n.define(), e.define(), t.define();
-//#endregion
-export { e as SbbMiniCalendarDayElement, n as SbbMiniCalendarElement, t as SbbMiniCalendarMonthElement };
+import{SbbMiniCalendarDayElement as e,SbbMiniCalendarElement as t,SbbMiniCalendarMonthElement as n}from"./mini-calendar.pure.js";export*from"./mini-calendar.pure.js";t.define(),e.define(),n.define();

package/mini-calendar.pure.js

@@ -1,4 +1,10 @@
-import { t as e } from "./mini-calendar-day.component-UvIp06lc.js";
-import { t } from "./mini-calendar-month.component-BZV7QSlC.js";
-import { t as n } from "./mini-calendar.component-B6EGO9bp.js";
-export { e as SbbMiniCalendarDayElement, n as SbbMiniCalendarElement, t as SbbMiniCalendarMonthElement };
+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{SbbButtonBaseElement as a,SbbElement as o,SbbPropertyWatcherController as s,defaultDateAdapter as c,forceType as l,isArrowKeyOrPageKeysPressed as u,omitEmptyConverter as d,readConfig as f,ɵstateController as p}from"./core.js";import{MutationController as m}from"@lit-labs/observers/mutation-controller.js";var h=`:host{--sbb-mini-calendar-day-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);border-radius:var(--sbb-border-radius-infinity);color:light-dark(var(--sbb-color-storm),var(--sbb-color-smoke));background-color:currentColor;margin:.0625rem;display:block}@media (any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(: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:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid}:host([marker=target]){background:radial-gradient(circle, currentcolor 0%, currentcolor 25%, var(--sbb-color-1-inverted) 25%, var(--sbb-color-1-inverted) 50%, currentcolor 50%, currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%), linear-gradient(45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}
+`;let g=(()=>{let o=a,s,u=[],p=[],m,g=[],_=[],v,y=[],b=[];return class extends o{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;s=[l(),i()],m=[l(),i({reflect:!0,converter:d})],v=[l(),i({reflect:!0,converter:d})],e(this,null,s,{kind:`accessor`,name:`date`,static:!1,private:!1,access:{has:e=>`date`in e,get:e=>e.date,set:(e,t)=>{e.date=t}},metadata:t},u,p),e(this,null,m,{kind:`accessor`,name:`marker`,static:!1,private:!1,access:{has:e=>`marker`in e,get:e=>e.marker,set:(e,t)=>{e.marker=t}},metadata:t},g,_),e(this,null,v,{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},y,b),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-mini-calendar-day`}static{this.styles=[r(h)]}#e;get date(){return this.#e}set date(e){this.#e=e}#t;get marker(){return this.#t}set marker(e){this.#t=e}#n;get color(){return this.#n}set color(e){this.#n=e}willUpdate(e){super.willUpdate(e),e.has(`date`)&&this.date&&(this.internals.ariaLabel=this._dateAdapter.getAccessibilityFormatDate(this.date))}renderTemplate(){return n``}constructor(){super(...arguments),this._dateAdapter=f().datetime?.dateAdapter??c,this.#e=t(this,u,``),this.#t=(t(this,p),t(this,g,``)),this.#n=(t(this,_),t(this,y,``)),t(this,b)}}})();var _=`:host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year:visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow:row;--sbb-mini-calendar-month-height:3rem;--sbb-mini-calendar-month-grid-template-rows:none;--sbb-mini-calendar-month-grid-template-columns:repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow:column;--sbb-mini-calendar-month-height:auto;--sbb-mini-calendar-month-grid-template-rows:repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns:none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows);display:grid}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-mini-calendar-month-label-color)}.sbb-mini-calendar-month-label-year{visibility:var(--sbb-mini-calendar-month-visibilty-year)}
+`;let v=(()=>{let a=o,u,d=[],p=[];return class extends a{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;u=[l(),i()],e(this,null,u,{kind:`accessor`,name:`date`,static:!1,private:!1,access:{has:e=>`date`in e,get:e=>e.date,set:(e,t)=>{e.date=t}},metadata:t},d,p),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-mini-calendar-month`}static{this.styles=[r(_)]}#e;get date(){return this.#e}set date(e){this.#e=e}constructor(){super(),this.#e=t(this,d,``),this._dateAdapter=(t(this,p),f().datetime?.dateAdapter??c),this._monthNames=this._dateAdapter.getMonthNames(`short`),this._monthLabel=null,this._yearLabel=null,this._previousOrientation=null,this.addController(new s(this,()=>this.closest(`sbb-mini-calendar`),{orientation:e=>{this._previousOrientation&&this.internals.states.delete(`orientation-${this._previousOrientation}`),this._previousOrientation=e.orientation,this._previousOrientation&&this.internals.states.add(`orientation-${this._previousOrientation}`)}}))}willUpdate(e){if(super.willUpdate(e),e.has(`date`)&&this.date){if(!this.date.match(/^\d{4}-(0[1-9]|1[0-2])$/))return;let e=this.date.split(`-`),t=this._dateAdapter.createDate(+e[0],+e[1],1),n=this._dateAdapter.getFirstWeekOffset(t);this.style?.setProperty(`--sbb-mini-calendar-month-offset`,`${n+1}`),this._monthLabel=`${this._monthNames[e[1]-1]}.`,this._yearLabel=String(this._dateAdapter.getYear(t))}}render(){return n`
+      <div class="sbb-mini-calendar-month-label-year">${this._yearLabel}</div>
+      <div class="sbb-mini-calendar-month-wrapper">
+        <slot></slot>
+      </div>
+      <div class="sbb-mini-calendar-month-label-month">${this._monthLabel}</div>
+    `}}})();var y=`:host{gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-1x);flex-wrap:wrap;display:flex}
+`;let b=(()=>{let a=o,s,l=[],d=[];return class extends a{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;s=[i({reflect:!0})],e(this,null,s,{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,d),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-mini-calendar`}static{this.styles=[r(y)]}#e;get orientation(){return this.#e}set orientation(e){this.#e=e}constructor(){super(),this.#e=t(this,l,`horizontal`),this._keydownAbortController=(t(this,d),null),this._dateAdapter=f().datetime?.dateAdapter??c,this.addController(new m(this,{config:{childList:!0,subtree:!0},callback:()=>this._setMonthsShowYear()}))}_getMiniCalendarMonths(){return Array.from(this.querySelectorAll?.(`sbb-mini-calendar-month`)??[])}_getMiniCalendarDays(){return Array.from(this._getMiniCalendarMonths().flatMap(e=>Array.from(e.querySelectorAll?.(`sbb-mini-calendar-day`)??[])))}_setMonthsShowYear(){this._getMiniCalendarMonths().forEach((e,t)=>{let n=e.date.split(`-`);n.length>0&&(t===0||+n[1]==1?p(e).add(`show-year`):p(e).delete(`show-year`))})}_handleKeydownCalendarDay(e){u(e)&&e.preventDefault();let t=this._getMiniCalendarDays(),n=t.find(t=>t===e.target),r=this._navigateByKeyboardDayView(t,n,e),i=document.activeElement;r!==i&&(r.tabIndex=0,r?.focus(),i.tabIndex=-1)}_navigateByKeyboardDayView(e,t,n){let r=this.orientation===`horizontal`?{leftRight:1,upDown:7}:{leftRight:7,upDown:1},i=this._dateAdapter.parse(t.date),a=this._dateAdapter.getDate(i),o=this._dateAdapter.getFirstWeekOffset(i);switch(n.key){case`ArrowUp`:return this._findDayArrowKeys(e,t,-r.upDown);case`ArrowDown`:return this._findDayArrowKeys(e,t,r.upDown);case`ArrowLeft`:return this._findDayArrowKeys(e,t,-r.leftRight);case`ArrowRight`:return this._findDayArrowKeys(e,t,r.leftRight);case`PageUp`:if(this.orientation===`horizontal`){let n=a-(a%7||7);return this._findDaySpecialKeys(e,t,-n,r.upDown)}else{let n=(Math.ceil((a+o)/7)-1)*7-o+1-a;return this._findDaySpecialKeys(e,t,n,r.upDown)}case`PageDown`:if(this.orientation===`horizontal`){let n=this._dateAdapter.getNumDaysInMonth(i),o=n-a-(n-a)%7;return this._findDaySpecialKeys(e,t,o,-r.upDown)}else{let n=Math.ceil((a+o)/7)*7-o-a;return this._findDaySpecialKeys(e,t,n,-r.upDown)}case`Home`:{let n=a-1;return this._findDaySpecialKeys(e,t,-n,1)}case`End`:{let n=this._dateAdapter.getNumDaysInMonth(i);return this._findDaySpecialKeys(e,t,n-a,-1)}default:return t}}_findDayArrowKeys(e,t,n){let r=this._dateAdapter.addCalendarDays(this._dateAdapter.deserialize(t.date),n),i=this._dateAdapter.toIso8601(r);return e.find(e=>e.date===i)||t}_findDaySpecialKeys(e,t,n,r){let i=this._dateAdapter.addCalendarDays(this._dateAdapter.deserialize(t.date),n),a=this._dateAdapter.toIso8601(i);return e.find(e=>e.date===a)||this._findDaySpecialKeys(e,t,n+r,r)}_handleSlotchange(){this._setupKeydownListener()}_setupKeydownListener(){this._keydownAbortController?.abort(),this._keydownAbortController=new AbortController,this._getMiniCalendarDays().forEach((e,t)=>{e.addEventListener(`keydown`,e=>this._handleKeydownCalendarDay(e),{signal:this._keydownAbortController.signal}),t!==0&&(e.tabIndex=-1)})}focus(){this._getMiniCalendarDays()?.find(e=>e.tabIndex===0)?.focus()}connectedCallback(){super.connectedCallback(),this._setupKeydownListener()}disconnectedCallback(){super.disconnectedCallback(),this._keydownAbortController?.abort()}render(){return n`<slot @slotchange=${this._handleSlotchange}></slot>`}}})();export{g as SbbMiniCalendarDayElement,b as SbbMiniCalendarElement,v as SbbMiniCalendarMonthElement};

package/navigation.js

@@ -1,11 +1 @@
-import { t as e } from "./navigation-action-common-DSPULZFe.js";
-import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
-import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
-import { t as r } from "./navigation-list.component-Bkmh_wqm.js";
-import { t as i } from "./navigation-marker.component-CCXJWsN1.js";
-import { t as a } from "./navigation-section.component-DPgBlCf8.js";
-import { t as o } from "./navigation.component-CY_9Q6dT.js";
-import "./navigation.pure.js";
-o.define(), t.define(), n.define(), r.define(), i.define(), a.define();
-//#endregion
-export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
+import{SbbNavigationButtonElement as e,SbbNavigationElement as t,SbbNavigationLinkElement as n,SbbNavigationListElement as r,SbbNavigationMarkerElement as i,SbbNavigationSectionElement as a}from"./navigation.pure.js";export*from"./navigation.pure.js";t.define(),e.define(),n.define(),r.define(),i.define(),a.define();