@sbb-esta/lyne-elements-dev 5.8.0-dev.1789370784 → 5.8.0-dev.1789399474

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,25 +9,26 @@ $theme: 'standard' !default;
9
9
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
10
10
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
11
11
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
12
- --sbb-dialog-inset-block: 0 auto;
13
- --sbb-dialog-inset-inline: 0 auto;
14
12
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
15
13
  --sbb-dialog-animation-easing: ease;
16
14
  --sbb-dialog-pointer-events: none;
17
- --sbb-dialog-backdrop-visibility: hidden;
18
15
  --sbb-dialog-backdrop-pointer-events: none;
19
- --sbb-dialog-backdrop-color: transparent;
16
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
20
17
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
21
18
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
22
19
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
23
20
  --_sbb-dialog-max-width: 100%;
24
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
21
+ --_sbb-dialog-max-height: calc(
22
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
23
+ );
25
24
  }
26
25
 
27
26
  @mixin breakpoint-small {
28
27
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
29
28
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
30
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
29
+ --_sbb-dialog-max-height: calc(
30
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
31
+ );
31
32
  --_sbb-dialog-max-width: 90vw;
32
33
  }
33
34
 
package/dialog.pure.js CHANGED
@@ -1,8 +1,8 @@
1
- import{html as e,unsafeCSS as t}from"lit";import{SbbActionGroupElement as n}from"./action-group.pure.js";import{SbbSecondaryButtonElement as r}from"./button.pure.js";import{SbbElement as i,SbbLanguageController as a,SbbNegativeMixin as o,SbbPropertyWatcherController as s,hostScrollbarStyles as c,i18nCloseDialog as l,isZeroAnimationDuration as u,screenReaderOnlyStyles as d}from"./core.js";import{SbbTitleBase as f}from"./title.pure.js";import{__esDecorate as p,__runInitializers as m}from"tslib";import{ResizeController as h}from"@lit-labs/observers/resize-controller.js";import{property as g}from"lit/decorators.js";import{ref as _}from"lit/directives/ref.js";import{html as v}from"lit/static-html.js";import{SbbOverlayBaseElement as y,SbbOverlayCloseEvent as b,SbbOverlayCloseEvent as x,assignOverlayResult as S,overlayRefs as C}from"./overlay.pure.js";var w=`:host{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow,none);grid-area:actions;margin-block-start:auto;position:relative}:host:before{content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);align-self:start;width:100%;display:block;position:absolute;inset:0 auto auto 0}@media (forced-colors:active){:host:before{border-color:canvastext}}
1
+ import{html as e,unsafeCSS as t}from"lit";import{SbbActionGroupElement as n}from"./action-group.pure.js";import{SbbSecondaryButtonElement as r}from"./button.pure.js";import{SbbElement as i,SbbLanguageController as a,SbbNegativeMixin as o,SbbPropertyWatcherController as s,hostScrollbarStyles as c,i18nCloseDialog as l,isZeroAnimationDuration as u,screenReaderOnlyStyles as d}from"./core.js";import{SbbTitleBase as f}from"./title.pure.js";import{__esDecorate as p,__runInitializers as m}from"tslib";import{ResizeController as h}from"@lit-labs/observers/resize-controller.js";import{property as g}from"lit/decorators.js";import{ref as _}from"lit/directives/ref.js";import{html as v}from"lit/static-html.js";import{SbbOverlayBaseElement as y,SbbOverlayCloseEvent as b,SbbOverlayCloseEvent as x,assignOverlayResult as S,overlayRefs as C}from"./overlay.pure.js";var w=`:host{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow,none);clip-path:inset(-200% -200% 0);grid-area:actions;margin-block-start:auto;position:relative}:host:before{content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);align-self:start;width:100%;display:block;position:absolute;inset:0 auto auto 0}@media (forced-colors:active){:host:before{border-color:canvastext}}
2
2
  `,T=class extends n{static{this.elementName=`sbb-dialog-actions`}static{this.styles=[t(w)]}},E=`:host{height:fit-content;margin-inline:var(--sbb-dialog-close-button-margin-inline);grid-area:close-button;margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size,var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)));display:block;inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end)}
3
3
  `,D=class extends r{static{this.elementName=`sbb-dialog-close-button`}static{this.styles=[t(E)]}constructor(){super(),this._languageController=new a(this),this.size=`s`}willUpdate(e){super.willUpdate(e),this.internals.ariaLabel=l[this._languageController.current]}renderTemplate(){return super.renderIconSlot()}renderIconName(){return super.renderIconName()||`cross-small`}},O=`:host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;display:block;overflow:auto}:host(:is(:state(negative),[state--negative])){--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent)}: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);--sbb-focus-outline-offset:calc(var(--sbb-focus-outline-width) * -1)}
4
- `,k=class extends i{static{this.elementName=`sbb-dialog-content`}static{this.styles=[c,t(O)]}constructor(){super(),this.addController(new s(this,()=>this.closest(`sbb-dialog`),{negative:e=>{this.toggleState(`negative`,e.negative),this._setScrollbar(e.negative)}}))}_setScrollbar(e=this.closest?.(`sbb-dialog`)?.negative??!1){this.classList.remove(`sbb-scrollbar`,`sbb-scrollbar-negative`),this.classList.add(`sbb-scrollbar${e?`-negative`:``}`)}connectedCallback(){super.connectedCallback(),this._setScrollbar()}render(){return e`<slot></slot>`}},A=`:host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-color:var(--sbb-color-3-negative)}:host:after{content:"";pointer-events:none;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow,none);display:block;position:absolute;inset:0 -10rem 0 0}
5
- `,j=class extends o(f){static{this.elementName=`sbb-dialog-title`}static{this.styles=[t(A)]}constructor(){super(),this.level=`2`,this.visualLevel=`4`}},M=`:host{--sbb-dialog-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-dialog-padding-block:var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));inset-block:var(--sbb-dialog-inset-block);inset-inline:var(--sbb-dialog-inset-inline);z-index:var(--sbb-dialog-z-index,var(--sbb-overlay-default-z-index));display:none;position:fixed}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow:var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events:all;--sbb-dialog-backdrop-color:var(--sbb-background-color-3);--sbb-dialog-backdrop-visibility:visible;--sbb-dialog-backdrop-pointer-events:all}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color:var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color:var(--sbb-dialog-color);--_sbb-dialog-block-shadow:var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color:var(--sbb-background-color-4);--sbb-dialog-background-color:var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color:var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow:var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color:var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color:var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color:var(--sbb-background-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow:var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color:transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset-block:0;--sbb-dialog-inset-inline:0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);inset-block:var(--sbb-dialog-inset-block);inset-inline:var(--sbb-dialog-inset-inline);justify-content:center;align-items:center;display:flex;position:fixed}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);inset-block:var(--sbb-dialog-inset-block);inset-inline:var(--sbb-dialog-inset-inline);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility;position:fixed}.sbb-dialog{border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0;max-width:var(--_sbb-dialog-max-width);max-height:var(--_sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color);border:none;flex-direction:column;display:none;position:absolute;inset-block:auto 0;inset-inline:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease;display:flex}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media (forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=37.5rem){.sbb-dialog{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width,var(--_sbb-dialog-max-width));max-height:var(--sbb-dialog-max-height,var(--_sbb-dialog-max-height));inset:unset;border-radius:var(--sbb-dialog-border-radius);overflow:hidden}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{flex-direction:column;min-height:0;max-height:100%;display:flex}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{grid-template:"title close-button""content content"1fr"actions actions"/1fr auto;gap:0;display:grid}@keyframes open{0%{opacity:0;translate:0 var(--sbb-dialog-translate-y,100%)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-dialog-translate-y,100%)}}
4
+ `,k=class extends i{static{this.elementName=`sbb-dialog-content`}static{this.styles=[c,t(O)]}constructor(){super(),this.addController(new s(this,()=>this.closest(`sbb-dialog`),{negative:e=>{this.toggleState(`negative`,e.negative),this._setScrollbar(e.negative)}}))}_setScrollbar(e=this.closest?.(`sbb-dialog`)?.negative??!1){this.classList.remove(`sbb-scrollbar`,`sbb-scrollbar-negative`),this.classList.add(`sbb-scrollbar${e?`-negative`:``}`)}connectedCallback(){super.connectedCallback(),this._setScrollbar()}render(){return e`<slot></slot>`}},A=`:host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-color:var(--sbb-color-3-negative)}:host:after{content:"";pointer-events:none;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow,none);clip-path:polygon(0% 50%,0% 200%,100% 200%,100% 50%);display:block;position:absolute;inset:0 -10rem 0 0}
5
+ `,j=class extends o(f){static{this.elementName=`sbb-dialog-title`}static{this.styles=[t(A)]}constructor(){super(),this.level=`2`,this.visualLevel=`4`}},M=`:host{--sbb-dialog-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-dialog-padding-block:var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));z-index:var(--sbb-dialog-z-index,var(--sbb-overlay-default-z-index));display:none;position:fixed;inset:0}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow:var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events:all;--sbb-dialog-backdrop-pointer-events:all}:host(:not([negative])){--_sbb-dialog-color:var(--sbb-dialog-color);--_sbb-dialog-block-shadow:var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color:var(--sbb-background-color-4);--sbb-dialog-background-color:var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color:var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow:var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color:var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color:var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color:var(--sbb-background-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([backdrop=translucent]){--sbb-dialog-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow:var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color:transparent}:host(:is(:state(state-closing),[state--state-closing])){--sbb-dialog-backdrop-animation-name:backdrop-close}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sbb-dialog__container:before{content:"";pointer-events:var(--sbb-dialog-backdrop-pointer-events);background-color:var(--sbb-dialog-backdrop-color,transparent);animation-name:var(--sbb-dialog-backdrop-animation-name,backdrop-open);animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:var(--sbb-dialog-animation-easing);animation-fill-mode:forwards;position:absolute;inset:0}.sbb-dialog{border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0;max-width:var(--_sbb-dialog-max-width);max-height:var(--_sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color);border:none;flex-direction:column;padding-block-end:env(safe-area-inset-bottom,0);display:none;position:absolute;inset-block:auto 0;inset-inline:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease;display:flex}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media (forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=37.5rem){.sbb-dialog{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width,var(--_sbb-dialog-max-width));max-height:var(--sbb-dialog-max-height,var(--_sbb-dialog-max-height));inset:unset;border-radius:var(--sbb-dialog-border-radius);overflow:hidden}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{flex-direction:column;min-height:0;max-height:100%;display:flex}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{grid-template:"title close-button""content content"1fr"actions actions"/1fr auto;gap:0;display:grid}@keyframes open{0%{opacity:0;translate:0 var(--sbb-dialog-translate-y,100%)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-dialog-translate-y,100%)}}@keyframes backdrop-open{0%{visibility:visible;background-color:#0000}}@keyframes backdrop-close{to{visibility:hidden;background-color:#0000}}
6
6
  `;let N=(()=>{let e=y,n,r=[],i=[],a,o=[],s=[];return class extends e{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;n=[g({attribute:`backdrop-action`})],a=[g({attribute:`backdrop`,reflect:!0})],p(this,null,n,{kind:`accessor`,name:`backdropAction`,static:!1,private:!1,access:{has:e=>`backdropAction`in e,get:e=>e.backdropAction,set:(e,t)=>{e.backdropAction=t}},metadata:t},r,i),p(this,null,a,{kind:`accessor`,name:`backdrop`,static:!1,private:!1,access:{has:e=>`backdrop`in e,get:e=>e.backdrop,set:(e,t)=>{e.backdrop=t}},metadata:t},o,s),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-dialog`}static{this.styles=[d,t(M)]}#e;get backdropAction(){return this.#e}set backdropAction(e){this.#e=e}#t;get backdrop(){return this.#t}set backdrop(e){this.#t=e}constructor(){super(),this.#e=m(this,r,`close`),this.#t=(m(this,i),m(this,o,`opaque`)),this._dialogContentResizeObserver=(m(this,s),new h(this,{target:null,skipInitial:!0,callback:()=>setTimeout(()=>this._updateOverflowState())})),this._isPointerDownEventOnDialog=!1,this.closeAttribute=`sbb-dialog-close`,this.closeTag=`sbb-dialog-close-button`,this._pointerDownListener=e=>{this.backdropAction===`close`&&(this._isPointerDownEventOnDialog=!!this._dialogElement&&e.composedPath().includes(this._dialogElement))},this._closeOnBackdropClick=e=>{this.backdropAction===`close`&&!this._isPointerDownEventOnDialog&&this._dialogElement&&!e.composedPath().includes(this._dialogElement)&&this.close()},this.addEventListener?.(`pointerdown`,this._pointerDownListener),this.addEventListener?.(`pointerup`,this._closeOnBackdropClick),this.addEventListener(`scroll`,()=>this._updateOverflowState(),{passive:!0,capture:!0})}announceTitle(){this.setAriaLiveRefContent(this.accessibilityLabel||this.querySelector(`sbb-dialog-title`)?.textContent.trim())}isZeroAnimationDuration(){return u(this,`--sbb-dialog-animation-duration`)}handleClosing(){let e=this._contentElement();e?.scrollTo(0,0),this.state=`closed`,this.hidePopover?.(),this.inertController.deactivate(),this.skipFocusRestoration||this.lastFocusedElement?.focus(),this.openOverlayController?.abort(),this.focusTrapController.enabled=!1,e&&this._dialogContentResizeObserver.hostDisconnected(),this.removeInstanceFromGlobalCollection(),C.length||this.scrollHandler.enableScroll(),this.escapableOverlayController.disconnect(),this.dispatchCloseEvent()}handleOpening(){this.state=`opened`,this.inertController.activate(),this.focusTrapController.focusInitialElement(),this.focusTrapController.enabled=!0,setTimeout(()=>this.announceTitle());let e=this._contentElement();e&&this._dialogContentResizeObserver.observe(e),this.dispatchOpenEvent()}firstUpdated(e){super.firstUpdated(e),this.isOpen&&this.announceTitle(),this._syncTitleNegative()}willUpdate(e){super.willUpdate(e),e.has(`negative`)&&this._syncTitleNegative()}_handleSlotChange(){this._syncTitleNegative(),this._detectIntermediateElement()}_syncTitleNegative(){let e=this.querySelector?.(`sbb-dialog-title`),t=this.querySelector?.(`sbb-dialog-close-button`);e&&(e.negative=this.negative),t&&(t.negative=this.negative)}_detectIntermediateElement(){let e=this.querySelector(`:scope > :is(sbb-dialog-title, sbb-dialog-close-button, sbb-dialog-content, sbb-dialog-actions)`)===null;this.toggleState(`has-intermediate-element`,e)}_updateOverflowState(){let e=this._contentElement();this.toggleState(`top-shadow`,(e?.scrollTop??0)>0),this.toggleState(`bottom-shadow`,(e?.scrollTop??0)+(e?.offsetHeight??0)<(e?.scrollHeight??0))}_contentElement(){return this.querySelector(`sbb-dialog-content`)}dispatchBeforeCloseEvent(){return this.dispatchEvent(new b(`beforeclose`,{cancelable:!0,closeAttribute:this.closeAttribute,closeTarget:this.lastClosedTarget,result:this.lastResult}))}dispatchCloseEvent(){return this.dispatchEvent(new b(`close`,{closeAttribute:this.closeAttribute,closeTarget:this.lastClosedTarget,result:this.lastResult}))}render(){return v`
7
7
  <div class="sbb-dialog__container">
8
8
  <div
package/header.pure.js CHANGED
@@ -11,7 +11,7 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isS
11
11
  <span class="sbb-header-environment__text">
12
12
  <slot></slot>
13
13
  </span>
14
- `}},C=class extends y(d){static{this.elementName=`sbb-header-link`}},w=`:host{--sbb-logo-height:1rem;--sbb-signet-height:1rem;--sbb-header-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x))}@media (width>=64rem){:host{--sbb-logo-height:1.25rem;--sbb-signet-height:1.25rem}}:host{height:var(--sbb-header-height);line-height:var(--sbb-typo-line-height-text);padding-block-start:calc(var(--sbb-header-height) + var(--sbb-header-padding-block-start));display:block}:host([size=s]){--sbb-header-height:var(--sbb-header-height-s)}:host([size=m]){--sbb-header-height:var(--sbb-header-height-m)}:host([hide-on-scroll]){--sbb-header-position:absolute}:host([hide-on-scroll]:is(:state(fixed),[state--fixed])){--sbb-header-position:fixed;--sbb-header-animation-name:hide;--sbb-header-transform:translate3d(0, -100%, 0);--sbb-header-inset-inline-end:var(--sbb-scrollbar-width,0)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(animated),[state--animated])){--sbb-header-transition-timing:cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(visible),[state--visible])){--sbb-header-animation-name:show;--sbb-header-transform:translate3d(0, 0, 0);--sbb-header-transition-timing:cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(has-visible-focus-within),[state--has-visible-focus-within])){--sbb-header-transition-duration:0;--sbb-header-transform:translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-header-background);z-index:var(--sbb-header-z-index,10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing);padding-block-start:var(--sbb-header-padding-block-start)}:host(:is(:is(:state(shadow),[state--shadow]),:is(:state(has-visible-focus-within),[state--has-visible-focus-within]):is(:state(fixed),[state--fixed]))) .sbb-header{box-shadow:var(--sbb-header-box-shadow)}@media (forced-colors:active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{height:var(--sbb-header-height);justify-content:flex-start;align-items:center;display:flex}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}::slotted(*){flex:none}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){padding-block:var(--sbb-spacing-fixed-3x);flex-basis:0;display:block;position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";inset:var(--sbb-spacing-fixed-3x) 0;display:block;position:absolute}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translateY(-100%)}to{transform:translate(0,0)}}@keyframes hide{0%{transform:translate(0,0)}to{transform:translateY(-100%)}}
14
+ `}},C=class extends y(d){static{this.elementName=`sbb-header-link`}},w=`:host{--sbb-logo-height:1rem;--sbb-signet-height:1rem;--sbb-header-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x))}@media (width>=64rem){:host{--sbb-logo-height:1.25rem;--sbb-signet-height:1.25rem}}:host{height:var(--sbb-header-height);line-height:var(--sbb-typo-line-height-text);padding-block-start:calc(var(--sbb-header-height) + var(--sbb-header-padding-block-start));display:block}:host([size=s]){--sbb-header-height:var(--sbb-header-height-s)}:host([size=m]){--sbb-header-height:var(--sbb-header-height-m)}:host([hide-on-scroll]){--sbb-header-position:absolute}:host([hide-on-scroll]:is(:state(fixed),[state--fixed])){--sbb-header-position:fixed;--sbb-header-animation-name:hide;--sbb-header-transform:translate3d(0, -100%, 0);--sbb-header-inset-inline-end:var(--sbb-scrollbar-reserved-space,0)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(animated),[state--animated])){--sbb-header-transition-timing:cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(visible),[state--visible])){--sbb-header-animation-name:show;--sbb-header-transform:translate3d(0, 0, 0);--sbb-header-transition-timing:cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll]:is(:state(fixed),[state--fixed]):is(:state(has-visible-focus-within),[state--has-visible-focus-within])){--sbb-header-transition-duration:0;--sbb-header-transform:translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-header-background);z-index:var(--sbb-header-z-index,10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing);padding-block-start:var(--sbb-header-padding-block-start)}:host(:is(:is(:state(shadow),[state--shadow]),:is(:state(has-visible-focus-within),[state--has-visible-focus-within]):is(:state(fixed),[state--fixed]))) .sbb-header{box-shadow:var(--sbb-header-box-shadow)}@media (forced-colors:active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{height:var(--sbb-header-height);justify-content:flex-start;align-items:center;display:flex}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-layout-base-offset-responsive));width:100%;margin-inline:auto}@media (width>=90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:var(--sbb-spacing-max-width,calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-page-spacing-padding,var(--sbb-spacing-responsive-xxs))}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}::slotted(*){flex:none}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){padding-block:var(--sbb-spacing-fixed-3x);flex-basis:0;display:block;position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";inset:var(--sbb-spacing-fixed-3x) 0;display:block;position:absolute}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translateY(-100%)}to{transform:translate(0,0)}}@keyframes hide{0%{transform:translate(0,0)}to{transform:translateY(-100%)}}
15
15
  `;let T=(()=>{let s=l,c,d=[],f=[],g,_=[],v=[],y,b=[],x=[],S,C=[],T=[],E,D=[],O=[];return class l extends s{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;c=[p(),a({reflect:!0,type:Boolean})],g=[m(),a({attribute:`scroll-origin`})],y=[p(),a({attribute:`hide-on-scroll`,reflect:!0,type:Boolean})],S=[a({reflect:!0})],E=[o()],e(this,null,c,{kind:`accessor`,name:`expanded`,static:!1,private:!1,access:{has:e=>`expanded`in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:t},d,f),e(this,null,g,{kind:`accessor`,name:`scrollOrigin`,static:!1,private:!1,access:{has:e=>`scrollOrigin`in e,get:e=>e.scrollOrigin,set:(e,t)=>{e.scrollOrigin=t}},metadata:t},_,v),e(this,null,y,{kind:`accessor`,name:`hideOnScroll`,static:!1,private:!1,access:{has:e=>`hideOnScroll`in e,get:e=>e.hideOnScroll,set:(e,t)=>{e.hideOnScroll=t}},metadata:t},b,x),e(this,null,S,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},C,T),e(this,null,E,{kind:`accessor`,name:`_headerOnTop`,static:!1,private:!1,access:{has:e=>`_headerOnTop`in e,get:e=>e._headerOnTop,set:(e,t)=>{e._headerOnTop=t}},metadata:t},D,O),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-header`}static{this.styles=[i(w)]}static{this._headerScrollOrigins=new Set}static{this._headerElements=new Set}static{r||h(()=>this._initializeScrollOriginObserver())}#e;get expanded(){return this.#e}set expanded(e){this.#e=e}#t;get scrollOrigin(){return this.#t}set scrollOrigin(e){this.#t=e}#n;get hideOnScroll(){return this.#n}set hideOnScroll(e){this.#n=e}#r;get size(){return this.#r}set size(e){this.#r=e}#i;get _headerOnTop(){return this.#i}set _headerOnTop(e){this.#i=e}constructor(){super(),this.#e=t(this,d,!1),this.#t=(t(this,f),t(this,_,null)),this.#n=(t(this,v),t(this,b,!1)),this.#r=(t(this,x),t(this,C,null)),this.#i=(t(this,T),t(this,D,!0)),this._scrollElement=t(this,O),this._lastScroll=0,this._scrollOriginFromObserver=null,this.addController(new u(this))}static _initializeScrollOriginObserver(){new MutationObserver(e=>{for(let t of e)if(t.type===`attributes`)this._handleScrollOriginElement(t.target);else if(t.type===`childList`)for(let e of[...t.addedNodes,...t.removedNodes].filter(e=>e.nodeType===e.ELEMENT_NODE))this._handleScrollOriginElement(e),this._findAndHandleScrollOrigins(e);this._updateHeaderElements()}).observe(document.documentElement,{attributeFilter:[`sbb-header-scroll-origin`],childList:!0,subtree:!0}),this._findAndHandleScrollOrigins(document.body),this._updateHeaderElements()}static _findAndHandleScrollOrigins(e){e.querySelectorAll(`[sbb-header-scroll-origin]`).forEach(e=>this._handleScrollOriginElement(e))}static _handleScrollOriginElement(e){e.isConnected&&e.hasAttribute(`sbb-header-scroll-origin`)?this._headerScrollOrigins.add(e):this._headerScrollOrigins.delete(e)}static _updateHeaderElements(){for(let e of this._headerElements)e._scrollOriginFromObserver=this._headerScrollOrigins.size===0?null:this._headerScrollOrigins.size===1?this._headerScrollOrigins.values().next().value??null:Array.from(this._headerScrollOrigins).sort((e,t)=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINS).at(-1)??null,e._updateScrollListener()}connectedCallback(){super.connectedCallback(),l._headerElements.add(this),this.hasUpdated&&this._updateScrollListener()}disconnectedCallback(){super.disconnectedCallback(),this._scrollElement=null,this._scrollEventsController?.abort(),l._headerElements.delete(this)}requestUpdate(e,t,n){super.requestUpdate(e,t,n),!r&&(!e||e===`scrollOrigin`)&&this.hasUpdated&&this._updateScrollListener()}firstUpdated(e){super.firstUpdated(e),this._updateScrollListener()}_updateScrollListener(){let e=this.scrollOrigin??this._scrollOriginFromObserver??document;if(e===this._scrollElement||(this._scrollEventsController?.abort(),this._scrollElement=e,!this._scrollElement))return;this._scrollEventsController=new AbortController,this._scrollFunction=this._getScrollFunction.bind(this),this._scrollElement.addEventListener(`scroll`,this._scrollFunction,{passive:!0,signal:this._scrollEventsController.signal});let t=this._getCurrentScrollProperty(`scrollTop`);this._lastScroll=t<=0?0:t}_getScrollFunction(){return this.hideOnScroll?this._scrollListener():this._scrollShadowListener()}_getCurrentScrollProperty(e){return this._scrollElement instanceof Document?this._scrollElement.documentElement[e]||this._scrollElement.body[e]:this._scrollElement?.[e]||0}_scrollListener(){let e=this._getCurrentScrollProperty(`scrollTop`);this._getCurrentScrollProperty(`scrollHeight`)-window.innerHeight-e<=0||(this.toggleState(`shadow`,e!==0),e>this.offsetHeight&&e>0&&this._lastScroll<e&&this._closeOpenOverlays(),e>this.offsetHeight*2?(this._headerOnTop=!1,e>0&&this._lastScroll<e?[`shadow`,`visible`].forEach(e=>this.internals.states.delete(e)):[`fixed`,`shadow`,`animated`,`visible`].forEach(e=>this.internals.states.add(e))):(e===0&&(this._headerOnTop=!0),this._headerOnTop&&[`shadow`,`animated`,`fixed`,`visible`].forEach(e=>this.internals.states.delete(e))),this._lastScroll=e<=0?0:e)}_scrollShadowListener(){this.toggleState(`shadow`,this._getCurrentScrollProperty(`scrollTop`)!==0)}_closeOpenOverlays(){if(this.matches(`:is(:state(has-visible-focus-within),[state--has-visible-focus-within])`))return;let e=Array.from(this.querySelectorAll(`[aria-controls][aria-expanded='true']`));for(let t of e){let e=t.ariaControlsElements[0];typeof e?.close==`function`&&e.close()}}render(){return n`
16
16
  <header class="sbb-header">
17
17
  <div class="sbb-header__wrapper">
package/index.d.ts CHANGED
@@ -35,7 +35,7 @@ import { SbbLinkListElement } from "./link-list.js";
35
35
  import { SbbLinkListAnchorElement } from "./link-list-anchor.js";
36
36
  import { SbbLoadingIndicatorElement } from "./loading-indicator.js";
37
37
  import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle.js";
38
- import { SbbLogoElement } from "./logo.js";
38
+ import { SbbLogoCargoElement, SbbLogoCargoInternationalElement, SbbLogoElement, SbbLogoElvetinoElement } from "./logo.js";
39
39
  import { SbbMapContainerElement } from "./map-container.js";
40
40
  import { SbbMenuButtonElement, SbbMenuElement, SbbMenuLinkElement } from "./menu.js";
41
41
  import { SbbMessageElement } from "./message.js";
@@ -162,7 +162,10 @@ declare global {
162
162
  var SbbLinkStaticElement: SbbLinkStaticElement;
163
163
  var SbbLoadingIndicatorCircleElement: SbbLoadingIndicatorCircleElement;
164
164
  var SbbLoadingIndicatorElement: SbbLoadingIndicatorElement;
165
+ var SbbLogoCargoElement: SbbLogoCargoElement;
166
+ var SbbLogoCargoInternationalElement: SbbLogoCargoInternationalElement;
165
167
  var SbbLogoElement: SbbLogoElement;
168
+ var SbbLogoElvetinoElement: SbbLogoElvetinoElement;
166
169
  var SbbMapContainerElement: SbbMapContainerElement;
167
170
  var SbbMenuButtonElement: SbbMenuButtonElement;
168
171
  var SbbMenuElement: SbbMenuElement;
package/index.js CHANGED
@@ -35,7 +35,7 @@ import { SbbLinkListElement } from "./link-list.js";
35
35
  import { SbbLinkListAnchorElement } from "./link-list-anchor.js";
36
36
  import { SbbLoadingIndicatorElement } from "./loading-indicator.js";
37
37
  import { SbbLoadingIndicatorCircleElement } from "./loading-indicator-circle.js";
38
- import { SbbLogoElement } from "./logo.js";
38
+ import { SbbLogoCargoElement, SbbLogoCargoInternationalElement, SbbLogoElement, SbbLogoElvetinoElement } from "./logo.js";
39
39
  import { SbbMapContainerElement } from "./map-container.js";
40
40
  import { SbbMenuButtonElement, SbbMenuElement, SbbMenuLinkElement } from "./menu.js";
41
41
  import { SbbMessageElement } from "./message.js";
@@ -162,7 +162,10 @@ globalThis.SbbLinkListElement = SbbLinkListElement;
162
162
  globalThis.SbbLinkStaticElement = SbbLinkStaticElement;
163
163
  globalThis.SbbLoadingIndicatorCircleElement = SbbLoadingIndicatorCircleElement;
164
164
  globalThis.SbbLoadingIndicatorElement = SbbLoadingIndicatorElement;
165
+ globalThis.SbbLogoCargoElement = SbbLogoCargoElement;
166
+ globalThis.SbbLogoCargoInternationalElement = SbbLogoCargoInternationalElement;
165
167
  globalThis.SbbLogoElement = SbbLogoElement;
168
+ globalThis.SbbLogoElvetinoElement = SbbLogoElvetinoElement;
166
169
  globalThis.SbbMapContainerElement = SbbMapContainerElement;
167
170
  globalThis.SbbMenuButtonElement = SbbMenuButtonElement;
168
171
  globalThis.SbbMenuElement = SbbMenuElement;
@@ -1285,19 +1285,18 @@ summary {
1285
1285
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1286
1286
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1287
1287
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1288
- --sbb-dialog-inset-block: 0 auto;
1289
- --sbb-dialog-inset-inline: 0 auto;
1290
1288
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1291
1289
  --sbb-dialog-animation-easing: ease;
1292
1290
  --sbb-dialog-pointer-events: none;
1293
- --sbb-dialog-backdrop-visibility: hidden;
1294
1291
  --sbb-dialog-backdrop-pointer-events: none;
1295
- --sbb-dialog-backdrop-color: transparent;
1292
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
1296
1293
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
1297
1294
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1298
1295
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1299
1296
  --_sbb-dialog-max-width: 100%;
1300
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1297
+ --_sbb-dialog-max-height: calc(
1298
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
1299
+ );
1301
1300
  --sbb-divider-color: var(--sbb-background-color-4);
1302
1301
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1303
1302
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1435,11 +1434,15 @@ summary {
1435
1434
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
1436
1435
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
1437
1436
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
1437
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
1438
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
1439
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
1440
+ --sbb-logo-elvetino-color: #c60018;
1441
+ --sbb-logo-aspect-ratio: 454 / 48;
1438
1442
  --sbb-logo-panel-color: var(--sbb-color-brand);
1439
1443
  --sbb-logo-signet-color: var(--sbb-color-white);
1440
1444
  --sbb-logo-word-mark-color: var(--sbb-color-black);
1441
1445
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1442
- --sbb-logo-aspect-ratio: 454 / 48;
1443
1446
  --sbb-map-container-map-height-zero: 18.4375rem;
1444
1447
  --sbb-map-container-map-height-small: 20rem;
1445
1448
  --sbb-map-container-sidebar-width: 25rem;
@@ -2049,7 +2052,9 @@ summary {
2049
2052
  --sbb-alert-close-button-divider-display: block;
2050
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2051
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2052
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(
2056
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
2057
+ );
2053
2058
  --_sbb-dialog-max-width: 90vw;
2054
2059
  --sbb-footer-clock-width: 7rem;
2055
2060
  --sbb-notification-icon-align-self: flex-start;
@@ -1305,19 +1305,18 @@ summary {
1305
1305
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1306
1306
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1307
1307
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1308
- --sbb-dialog-inset-block: 0 auto;
1309
- --sbb-dialog-inset-inline: 0 auto;
1310
1308
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1311
1309
  --sbb-dialog-animation-easing: ease;
1312
1310
  --sbb-dialog-pointer-events: none;
1313
- --sbb-dialog-backdrop-visibility: hidden;
1314
1311
  --sbb-dialog-backdrop-pointer-events: none;
1315
- --sbb-dialog-backdrop-color: transparent;
1312
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
1316
1313
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
1317
1314
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1318
1315
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1319
1316
  --_sbb-dialog-max-width: 100%;
1320
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1317
+ --_sbb-dialog-max-height: calc(
1318
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
1319
+ );
1321
1320
  --sbb-divider-color: var(--sbb-background-color-4);
1322
1321
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1323
1322
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1455,11 +1454,15 @@ summary {
1455
1454
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
1456
1455
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
1457
1456
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
1457
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
1458
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
1459
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
1460
+ --sbb-logo-elvetino-color: #c60018;
1461
+ --sbb-logo-aspect-ratio: 454 / 48;
1458
1462
  --sbb-logo-panel-color: var(--sbb-color-brand);
1459
1463
  --sbb-logo-signet-color: var(--sbb-color-white);
1460
1464
  --sbb-logo-word-mark-color: var(--sbb-color-black);
1461
1465
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1462
- --sbb-logo-aspect-ratio: 454 / 48;
1463
1466
  --sbb-map-container-map-height-zero: 18.4375rem;
1464
1467
  --sbb-map-container-map-height-small: 20rem;
1465
1468
  --sbb-map-container-sidebar-width: 25rem;
@@ -2069,7 +2072,9 @@ summary {
2069
2072
  --sbb-alert-close-button-divider-display: block;
2070
2073
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2071
2074
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2072
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2075
+ --_sbb-dialog-max-height: calc(
2076
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
2077
+ );
2073
2078
  --_sbb-dialog-max-width: 90vw;
2074
2079
  --sbb-footer-clock-width: 7rem;
2075
2080
  --sbb-notification-icon-align-self: flex-start;
package/lean-theme.css CHANGED
@@ -1305,19 +1305,18 @@ summary {
1305
1305
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1306
1306
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1307
1307
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1308
- --sbb-dialog-inset-block: 0 auto;
1309
- --sbb-dialog-inset-inline: 0 auto;
1310
1308
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1311
1309
  --sbb-dialog-animation-easing: ease;
1312
1310
  --sbb-dialog-pointer-events: none;
1313
- --sbb-dialog-backdrop-visibility: hidden;
1314
1311
  --sbb-dialog-backdrop-pointer-events: none;
1315
- --sbb-dialog-backdrop-color: transparent;
1312
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
1316
1313
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
1317
1314
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1318
1315
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1319
1316
  --_sbb-dialog-max-width: 100%;
1320
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1317
+ --_sbb-dialog-max-height: calc(
1318
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
1319
+ );
1321
1320
  --sbb-divider-color: var(--sbb-background-color-4);
1322
1321
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1323
1322
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1455,11 +1454,15 @@ summary {
1455
1454
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
1456
1455
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
1457
1456
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
1457
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
1458
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
1459
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
1460
+ --sbb-logo-elvetino-color: #c60018;
1461
+ --sbb-logo-aspect-ratio: 454 / 48;
1458
1462
  --sbb-logo-panel-color: var(--sbb-color-brand);
1459
1463
  --sbb-logo-signet-color: var(--sbb-color-white);
1460
1464
  --sbb-logo-word-mark-color: var(--sbb-color-black);
1461
1465
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1462
- --sbb-logo-aspect-ratio: 454 / 48;
1463
1466
  --sbb-map-container-map-height-zero: 18.4375rem;
1464
1467
  --sbb-map-container-map-height-small: 20rem;
1465
1468
  --sbb-map-container-sidebar-width: 25rem;
@@ -2069,7 +2072,9 @@ summary {
2069
2072
  --sbb-alert-close-button-divider-display: block;
2070
2073
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2071
2074
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2072
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2075
+ --_sbb-dialog-max-height: calc(
2076
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
2077
+ );
2073
2078
  --_sbb-dialog-max-width: 90vw;
2074
2079
  --sbb-footer-clock-width: 7rem;
2075
2080
  --sbb-notification-icon-align-self: flex-start;
@@ -3,10 +3,14 @@
3
3
  $theme: 'standard' !default;
4
4
 
5
5
  @mixin base {
6
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
7
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
8
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
9
+ --sbb-logo-elvetino-color: #c60018; // no token
10
+ --sbb-logo-aspect-ratio: 454 / 48;
6
11
  --sbb-logo-panel-color: var(--sbb-color-brand);
7
12
  --sbb-logo-signet-color: var(--sbb-color-white);
8
13
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
9
- --sbb-logo-aspect-ratio: 454 / 48;
10
14
  }
11
15
 
12
16
  @mixin forced-colors {
package/logo.js CHANGED
@@ -1 +1 @@
1
- import{SbbLogoElement as e}from"./logo.pure.js";export*from"./logo.pure.js";e.define();
1
+ import{SbbLogoCargoElement as e,SbbLogoCargoInternationalElement as t,SbbLogoElement as n,SbbLogoElvetinoElement as r}from"./logo.pure.js";export*from"./logo.pure.js";n.define(),e.define(),t.define(),r.define();
package/logo.pure.js CHANGED
@@ -1,5 +1,7 @@
1
- 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)}
2
- `;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`
1
+ import{LitElement as e,html as t,isServer as n,unsafeCSS as r}from"lit";import{SbbElement as i}from"./core.js";import{__esDecorate as a,__runInitializers as o}from"tslib";import{property as s}from"lit/decorators.js";var c=`*,:before,:after{box-sizing:border-box}
2
+ `;const l=n||!CSS.supports(`selector(:state(loading))`)?class extends Set{constructor(e){super(),this._host=e,this._applied=n,this._host.addController(this),n||Promise.resolve().then(()=>this._applyStates())}add(e){return this._applied&&this._toggleState(e,!0),super.add(e)}delete(e){return this._toggleState(e,!1),super.delete(e)}clear(){this.forEach(e=>this.delete(e))}hostConnected(){this._applyStates()}_toggleState(e,t){this._host.toggleAttribute(`state--${e}`,t)}_applyStates(){this._applied||(this._applied=!0,this.forEach(e=>this._toggleState(e,!0)))}}:null;if(!n){let e=0,t=e=>e.shadowRoot?.host??(e instanceof Element?e:(()=>{throw Error(`Unable to resolve related element! This should never happen.`)})()),n={attributes:!0,attributeFilter:[`id`]},r=(t,n,r)=>{let i=r[Element.name]??r[ElementInternals.name];t.setAttribute(n,i.id||=`aria-ref-${e++}`)},i=(t,n,r)=>{t.setAttribute(n,Object.values(r).reduce((e,t)=>e.concat(t)).filter((e,t,n)=>n.indexOf(e)===t).map(t=>t.id||=`aria-ref-${e++}`).join(` `))};for(let e of[ElementInternals,Element]){let a=e.prototype;if(!(`ariaActiveDescendantElement`in a)){let i=`aria-activedescendant`,o=new WeakMap;Object.defineProperty(a,"ariaActiveDescendantElement",{enumerable:!0,configurable:!0,get(){let e=t(this),n=e.getAttribute(i)?.split(/\s+/)[0]??null;return n?e.getRootNode().getElementById?.(n)??null:null},set(a){if(a!==null&&!(a instanceof Element))throw TypeError(`Failed to set the 'ariaActiveDescendantElement' property on '${e.name}': Failed to convert value to 'Element'.`);let s=t(this),c=o.get(s);if(c?.observer?.disconnect(),a===null)c&&(delete c.elements[e.name],Object.keys(c).length?c.observer.observe(Object.values(c.elements)[0],n):(o.delete(s),s.removeAttribute(i)));else if(c)c.elements[e.name]=a,r(s,i,c.elements),Object.values(c.elements).forEach(e=>c.observer.observe(e,n));else{let t={[e.name]:a};r(s,i,t);let c=new MutationObserver(()=>r(s,i,t));c.observe(a,n),o.set(s,{elements:t,observer:c})}}})}for(let r of[`ariaControlsElements`,`ariaDescribedByElements`,`ariaDetailsElements`,`ariaErrorMessageElements`,`ariaLabelledByElements`,`ariaOwnsElements`])if(!(r in a)){let o=new WeakMap,s=`aria-${r.slice(4,-8).toLowerCase()}`;Object.defineProperty(a,r,{enumerable:!0,configurable:!0,get(){let e=t(this),n=e.getAttribute(s)?.split(/\s+/).filter((e,t,n)=>n.indexOf(e)===t).map(t=>e.getRootNode().getElementById?.(t)).filter(e=>e instanceof Element);return n?.length?Object.freeze(n):null},set(a){if(a!==null&&(!Array.isArray(a)||a.some(e=>!(e instanceof Element))))throw TypeError(`Failed to set the '${r}' property on '${e.name}': Failed to convert value to 'Element'.`);let c=t(this);a=a?.filter((e,t,n)=>n.indexOf(e)===t)??null;let l=o.get(c);if(l?.observer?.disconnect(),a===null)l&&(delete l.elements[e.name],Object.keys(l.elements).length?Object.values(l.elements).reduce((e,t)=>e.concat(t)).forEach(e=>l.observer.observe(e,n)):o.delete(c));else if(l)l.elements[e.name]=a,i(c,s,l.elements),Object.values(l.elements).reduce((e,t)=>e.concat(t)).forEach(e=>l.observer.observe(e,n));else{let t={[e.name]:a};i(c,s,t);let r=new MutationObserver(()=>i(c,s,t));a.forEach(e=>r.observe(e,n)),o.set(c,{elements:t,observer:r})}}})}}}const u=new WeakMap;var d=class extends Event{constructor(e){super(`slottedchange`,{composed:!0}),this.slot=e}};(class extends e{static{this._$sbbElement$=!0}static{this.styles=[r(c)]}get hydrationComplete(){return this._hydrationComplete}get hydrationRequired(){return this._hydrationRequired}constructor(){if(super(),this.internals=this.attachInternals(),this._hydrationComplete=new Promise(e=>this._resolveHydration=e),u.set(this,this.internals),l)Object.defineProperty(this.internals,"states",{value:new l(this),writable:!1,configurable:!1,enumerable:!1});else for(let e of this.getAttributeNames().filter(e=>e.startsWith(`state--`)))this.internals.states.add(e.slice(7)),this.removeAttribute(e);let e=this.constructor.role;if(e&&(this.internals.role=e),this._hydrationRequired=!!this.shadowRoot,!this._hydrationRequired)this._resolveHydration(!1);else{let e=e=>{this._hydrationRequired&&e.stopImmediatePropagation()},t={capture:!0},n=this.shadowRoot?.querySelectorAll(`slot`);n?.length&&(n.forEach(n=>n.addEventListener(`slotchange`,e,t)),this.hydrationComplete.then(()=>n.forEach(n=>{n.removeEventListener(`slotchange`,e,t),n.assignedNodes().length&&n.dispatchEvent(new Event(`slotchange`,{bubbles:!0}))})))}}static define(){if(!this.elementName)throw Error(`The static property "elementName" is not defined on ${this.name}. Please define it to register the custom element.`);if(!customElements.get(this.elementName)){customElements.define(this.elementName,this);let e=[],t=this;for(;t._$sbbElement$;)Array.isArray(t.elementDependencies)&&e.push(...t.elementDependencies),t=Object.getPrototypeOf(t);new Set(e).forEach(e=>e.define())}}static finalizeStyles(t){let n=[],r=this;for(;r&&r!==e;)Object.hasOwn(r,`styles`)&&r.styles&&n.unshift(r.styles),r=Object.getPrototypeOf(r);return super.finalizeStyles(n)}createRenderRoot(){let e=super.createRenderRoot();return this.shadowRoot?.addEventListener(`slotchange`,e=>this._slotchangeHandler(e,e.target)),this.shadowRoot?.addEventListener(`slottedchange`,e=>this._slotchangeHandler(e,e.slot),{capture:!0}),this.shadowRoot?.querySelectorAll?.(`slot`).forEach(e=>this._handleSlotChangeForSlottedState(e)),e}addController(e){super.addController(e),(this._controllers??=new Set).add(e)}removeController(e){super.removeController(e),this._controllers?.delete(e)}requestUpdate(e,t,n,r,i){if(super.requestUpdate(e,t,n,r,i),e){let a={oldValue:t,value:r?i:this[e]};this._controllers?.forEach(t=>t.hostPropertyUpdate?.(e,a,n))}}update(e){super.update(e),this._hydrationRequired&&(this._hydrationRequired=!1,this._resolveHydration(!0))}toggleState(e,t){t||t!==!1&&!this.internals.states.has(e)?this.internals.states.add(e):this.internals.states.delete(e)}_slotchangeHandler(e,t){let n=this.shadowRoot.contains(t)?t:e.composedPath().find(e=>e instanceof HTMLSlotElement&&this.shadowRoot.contains(e));n&&this._handleSlotChangeForSlottedState(n)}_handleSlotChangeForSlottedState(e){this._updateSlottedState(e),e.name||this._observeTextNodesInSlot(e)}_updateSlottedState(e){let t=e.name?`slotted-${e.name}`:`slotted`,n=this._hasSlottedContent(e);n&&!this.internals.states.has(t)?(this.internals.states.add(t),this.dispatchEvent(new d(e))):!n&&this.internals.states.has(t)&&(this.internals.states.delete(t),this.dispatchEvent(new d(e)))}_observeTextNodesInSlot(e){this._textObserver?.disconnect(),this._textObserver??=new MutationObserver(()=>{let e=this.shadowRoot.querySelector(`slot:not([name])`);e?this._updateSlottedState(e):this._textObserver.disconnect()}),e.assignedNodes().filter(e=>e.nodeType===e.TEXT_NODE).forEach(e=>this._textObserver.observe(e,{characterData:!0}))}_hasSlottedContent(e){return e.name?e.assignedElements().some(e=>!(e instanceof HTMLSlotElement)||this._hasSlottedContent(e)):e.assignedNodes().some(e=>e instanceof HTMLSlotElement?this._hasSlottedContent(e):e.nodeType!==e.TEXT_NODE||!!e.textContent?.trim())}});const f=e=>(t,n)=>{let{kind:r,metadata:i,name:a}=n,o=globalThis.litPropertyMetadata.get(i)?.get(a)?.type??String;if(e??=o,e===String?e=e=>e==null?``:String(e):e===Number&&(e=e=>e==null?NaN:Number(e)),r===`accessor`)return{set(n){t.set.call(this,e(n))}};if(r===`setter`)return function(n){t.call(this,e(n))};throw Error(`Unsupported decorator location: ${r}`)},p=e=>(()=>{let t=e,n,r=[],i=[];return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;n=[f(),s({reflect:!0,type:Boolean})],a(this,null,n,{kind:`accessor`,name:`negative`,static:!1,private:!1,access:{has:e=>`negative`in e,get:e=>e.negative,set:(e,t)=>{e.negative=t}},metadata:e},r,i),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#e=o(this,r,!1);get negative(){return this.#e}set negative(e){this.#e=e}constructor(){super(...arguments),o(this,i)}}})();var m=`:host{height:var(--sbb-logo-height);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)}.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)}
3
+ `;const h=e=>(()=>{let t=p(e),n,i=[],c=[],l,u=[],d=[];return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;n=[s({attribute:`protective-room`,reflect:!0})],l=[f(),s({attribute:`accessibility-label`})],a(this,null,n,{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:e},i,c),a(this,null,l,{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:e},u,d),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.styles=[r(m)]}#e=o(this,i,`ideal`);get protectiveRoom(){return this.#e}set protectiveRoom(e){this.#e=e}#t=(o(this,c),o(this,u,``));get accessibilityLabel(){return this.#t}set accessibilityLabel(e){this.#t=e}constructor(){super(...arguments),o(this,d)}}})();var g=`:host{aspect-ratio:var(--sbb-logo-aspect-ratio)}: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%)}
4
+ `,_=class extends h(i){static{this.elementName=`sbb-logo`}static{this.styles=[r(g)]}constructor(){super(),this.accessibilityLabel||=`Logo`}render(){return t`
3
5
  <span class="sbb-logo__svg-container">
4
6
  <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
5
7
  <title .textContent=${this.accessibilityLabel}></title>
@@ -14,4 +16,51 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,uns
14
16
  ></path>
15
17
  </svg>
16
18
  </span>
17
- `}constructor(){super(...arguments),t(this,h)}}})();export{l as SbbLogoElement};
19
+ `}},v=`:host{aspect-ratio:var(--sbb-logo-cargo-international-aspect-ratio)}:host([protective-room=minimal]){--sbb-logo-cargo-international-aspect-ratio:741 / 96;--sbb-logo-svg-container-height:calc(49.3 / 96 * 100%)}:host([protective-room=ideal]){--sbb-logo-cargo-international-aspect-ratio:789 / 144;--sbb-logo-svg-container-height:calc(49.3 / 144 * 100%)}
20
+ `,y=class extends h(i){static{this.elementName=`sbb-logo-cargo-international`}static{this.styles=[r(v)]}constructor(){super(),this.accessibilityLabel||=`SBB Cargo International Logo`}render(){return t`
21
+ <span class="sbb-logo__svg-container">
22
+ <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 694 50">
23
+ <title .textContent=${this.accessibilityLabel}></title>
24
+ <path
25
+ id="sbb-logo__word-mark"
26
+ d="m 205.2 34.5 c 4.1 0 6.2 -1.5 6.2 -4.5 c 0 -3.1 -2 -4.5 -6.6 -4.5 h -6.8 v 9 h 7.2 z m -0.3 -14.4 c 3.5 0 5.6 -1.4 5.6 -3.7 c 0 -2.7 -1.9 -4 -5.7 -4 h -6.8 v 7.7 h 6.9 z m 1 -13.3 c 7.3 0 11.5 3.1 11.5 8.5 c 0 2.9 -1.4 5.1 -4.7 6.8 c 4.2 1.6 5.9 4.2 5.9 8.5 c 0 5.8 -4.6 9.5 -11.9 9.5 h -15.7 v -33.3 h 14.9 z m -27.9 9.9 c -0.4 -3.4 -2.4 -5 -6.5 -5 c -3.4 0 -5.6 1.5 -5.6 3.9 c 0 2 1.4 3.2 4.1 3.7 l 6 1.1 c 6.4 1.1 9.9 4.5 9.9 9.7 c 0 6.5 -5.3 10.7 -13.7 10.7 c -8.9 0 -14 -4.3 -14.2 -11.8 h 7.1 c 0.5 4.3 2.6 6.2 7.4 6.2 c 3.6 0 6.2 -1.9 6.2 -4.6 c 0 -2.1 -1.4 -3.4 -4.1 -3.9 l -5.4 -1 c -7 -1.3 -10.2 -4.3 -10.2 -9.6 c 0 -6.1 4.9 -10 12.9 -10 c 7.9 0 12.7 3.9 12.9 10.6 l -6.8 0 z m 59.8 3.4 c 3.6 0 5.6 -1.4 5.6 -3.7 c 0 -2.7 -1.8 -4 -5.7 -4 h -6.9 v 7.7 h 7 z m 1 -13.3 c 7.3 0 11.5 3.1 11.5 8.5 c 0 2.9 -1.4 5.1 -4.7 6.8 c 4.2 1.6 5.9 4.2 5.9 8.5 c 0 5.8 -4.6 9.5 -11.9 9.5 h -15.8 v -33.3 h 15 z m -0.7 27.7 c 4.2 0 6.2 -1.5 6.2 -4.5 c 0 -3.1 -2 -4.5 -6.5 -4.5 h -7 v 9 h 7.3 z m 76.5 -5.3 c -0.4 0.2 -0.9 0.3 -1.7 0.4 l -3.8 0.3 c -2.6 0.3 -4.1 1.4 -4.1 3.2 c 0 2 1.4 3.2 3.7 3.2 c 3.6 0 5.9 -2.1 5.9 -5.3 v -1.8 z m 0.4 10.9 c -0.2 -0.7 -0.2 -1.1 -0.2 -1.9 c -1.6 1.6 -4.3 2.5 -7.3 2.5 c -5.6 0 -9.1 -2.7 -9.1 -7.2 c 0 -3 1.3 -5.1 3.8 -6.5 c 1.5 -0.7 2.8 -1 5.8 -1.3 l 4.7 -0.5 c 1.5 -0.1 2 -0.6 2 -1.9 c 0 -2.1 -1.6 -3.3 -4.5 -3.3 c -2.8 0 -4.3 1.1 -4.6 3.4 h -6.2 c 0.1 -5.1 4.1 -8 10.9 -8 c 4 0 6.9 1 8.5 2.8 c 1.3 1.4 2 3.2 2 6.4 c 0.1 3.8 0 7.7 0 11.6 c 0 1.7 0 2.6 0.3 3.9 h -6.1 z m 62.4 -12 c 0 4.7 2.3 7.6 6 7.6 c 3.7 0 5.9 -2.9 5.9 -7.6 c 0 -4.8 -2.2 -7.7 -5.9 -7.7 c -3.7 0 -6 3 -6 7.7 z m 18.3 0 c 0 7.5 -4.9 12.6 -12.3 12.6 c -7.3 0 -12.4 -5.2 -12.4 -12.6 c 0 -7.5 5.1 -12.7 12.3 -12.7 c 7.5 0 12.4 5 12.4 12.7 z m -45.7 -0.9 c 0 4.2 2.1 6.9 5.4 6.9 c 3.5 0 5.6 -2.6 5.6 -6.9 c 0 -4.1 -2.1 -6.7 -5.6 -6.7 c -3.3 0 -5.4 2.6 -5.4 6.7 z m 17.2 10.5 c 0 3.3 -0.4 5.1 -1.6 6.8 c -2 3.2 -5.6 4.8 -10.5 4.8 c -6.5 0 -10.7 -2.9 -11 -7.7 h 6.7 c 0.4 2 1.8 2.9 4.7 2.9 c 3.4 0 5.5 -2.2 5.5 -5.8 v -2 c -2 1.7 -4 2.4 -6.6 2.4 c -6.5 0 -10.9 -4.7 -10.9 -11.7 c 0 -7.1 4.5 -12 10.8 -12 c 2.6 0 4.6 0.7 6.8 2.4 v -1.8 h 6.1 v 21.7 z m -25.7 -16.4 c -0.2 -0.1 -1.1 -0.1 -1.9 -0.1 c -1.3 0 -2.6 0.2 -3.6 0.7 c -2.1 1 -3.1 2.6 -3.1 6.2 v 12 h -6.2 v -24.1 h 6.1 v 3.1 c 1.1 -2.6 4.2 -3.6 6.8 -3.6 c 0.8 0 1.4 0.1 1.9 0.2 v 5.6 z m -46.1 7.1 c -0.5 7.6 -6.1 12.4 -14.5 12.4 c -9.4 0 -15.6 -6.8 -15.6 -17.3 c 0 -10.4 6.4 -17.5 15.8 -17.5 c 8 0 13.4 4.5 14 11.6 h -6.9 c -0.8 -3.8 -3.2 -5.7 -7.1 -5.7 c -5.3 0 -8.7 4.5 -8.7 11.6 c 0 6.9 3.4 11.5 8.6 11.5 c 4.3 0 6.7 -2.1 7.4 -6.6 h 7 z m 264 0.8 c -0.5 0.2 -0.9 0.3 -1.8 0.4 l -3.7 0.3 c -2.7 0.3 -4.2 1.4 -4.2 3.2 c 0 2 1.5 3.2 3.7 3.2 c 3.6 0 6 -2.1 6 -5.3 v -1.8 z m 0.3 10.9 c -0.1 -0.7 -0.2 -1.1 -0.2 -1.9 c -1.6 1.6 -4.3 2.5 -7.3 2.5 c -5.6 0 -9.1 -2.7 -9.1 -7.2 c 0 -3 1.3 -5.1 3.8 -6.5 c 1.5 -0.7 2.9 -1 5.9 -1.3 l 4.7 -0.5 c 1.5 -0.1 2 -0.6 2 -1.9 c 0 -2.2 -1.6 -3.3 -4.6 -3.3 c -2.8 0 -4.2 1 -4.6 3.4 h -6.2 c 0.2 -5.1 4.2 -8.1 11 -8.1 c 4 0 6.8 1 8.4 2.8 c 1.4 1.5 2.1 3.3 2.1 6.5 c 0.1 3.8 0 7.7 0 11.6 c 0 1.7 0 2.6 0.3 3.9 l -6.2 0 z m 114.6 -10.9 c -0.4 0.2 -0.9 0.3 -1.7 0.4 l -3.8 0.3 c -2.7 0.3 -4.2 1.4 -4.2 3.2 c 0 2 1.5 3.2 3.8 3.2 c 3.6 0 5.9 -2.1 5.9 -5.3 v -1.8 z m 0.4 10.9 c -0.2 -0.7 -0.2 -1.1 -0.2 -1.9 c -1.6 1.6 -4.3 2.5 -7.4 2.5 c -5.6 0 -9.1 -2.7 -9.1 -7.2 c 0 -3 1.3 -5.1 3.8 -6.5 c 1.5 -0.7 2.9 -1 5.9 -1.3 l 4.7 -0.5 c 1.5 -0.1 2 -0.6 2 -1.9 c 0 -2.2 -1.6 -3.3 -4.5 -3.3 c -2.9 0 -4.3 1 -4.7 3.4 h -6.2 c 0.2 -5.1 4.2 -8.1 11 -8.1 c 4 0 6.9 1 8.5 2.8 c 1.3 1.5 2 3.3 2 6.5 c 0.1 3.8 0 7.7 0 11.6 c 0 1.7 0 2.6 0.3 3.9 l -6.1 0 z m -66.8 -12 c 0 4.7 2.2 7.6 6 7.6 c 3.6 0 5.9 -2.9 5.9 -7.6 c 0 -4.8 -2.2 -7.7 -6 -7.7 c -3.6 0 -5.9 3 -5.9 7.7 z m 18.3 0 c 0 7.5 -5 12.6 -12.3 12.6 c -7.3 0 -12.4 -5.2 -12.4 -12.6 c 0 -7.5 5 -12.8 12.3 -12.8 c 7.5 0 12.4 5 12.4 12.8 z m -113.8 -6.9 c -0.3 0 -1.1 -0.1 -1.9 -0.1 c -1.3 0 -2.6 0.3 -3.6 0.8 c -2.1 1 -3.2 2.6 -3.2 6.2 v 12 h -6.2 v -24.2 h 6.2 v 3.2 c 1.1 -2.6 4.2 -3.6 6.7 -3.6 c 0.9 0 1.4 0 2 0.1 v 5.6 z m -37.2 8.5 c 0.2 4.4 2.5 5.9 5.4 5.9 c 2.8 0 4.5 -1.1 5.4 -2.8 h 6.1 c -0.8 2.5 -2.6 4.6 -4.4 5.9 c -1.9 1.3 -4.3 2 -7.4 2 c -7.8 0 -11.6 -5.3 -11.6 -12.6 c 0 -7.9 5.2 -12.7 11.9 -12.7 c 7.4 0 11.9 5.4 11.9 12.9 c 0 0.5 0 0.9 0 1.4 h -17.3 z m 0.1 -4.2 h 10.8 c -0.5 -3.5 -2.5 -5.1 -5.3 -5.1 c -3.1 0 -5.1 1.9 -5.5 5.1 z m 40.9 -9.5 h 6.2 v 2.4 c 1.7 -1.9 4.3 -3 7.2 -3 c 3.8 0 8.6 1.9 8.6 8.6 v 16.1 h -6.3 v -14.4 c 0 -4.3 -2.1 -5.2 -4.5 -5.2 c -2.4 0 -4.9 1.1 -4.9 5.5 v 14.1 h -6.3 v -24.1 z m -92 0 h 6.3 v 2.4 c 1.6 -1.9 4.2 -3 7.1 -3 c 3.9 0 8.6 1.9 8.6 8.6 v 16.1 h -6.3 v -14.4 c 0 -4.3 -2.1 -5.2 -4.5 -5.2 c -2.3 0 -4.9 1.1 -4.9 5.5 v 14.1 h -6.3 v -24.1 z m 206.9 0 h 6.3 v 2.4 c 1.6 -1.9 4.2 -3 7.1 -3 c 3.9 0 8.6 1.9 8.6 8.6 v 16.1 h -6.3 v -14.4 c 0 -4.3 -2.1 -5.2 -4.5 -5.2 c -2.3 0 -4.9 1.1 -4.9 5.5 v 14.1 h -6.3 v -24.1 z m -41.3 0 h 6.6 v 24.1 h -6.6 v -24.1 z m 6.6 -3.8 h -6.6 v -5.5 h 6.6 v 5.5 z m 90.1 -5.5 h 6.6 v 33.4 h -6.6 v -33.4 z m -226.2 9.3 h 4.9 v 4.4 h -4.9 v 12 c 0 2.2 0.6 2.8 2.8 2.8 c 0.7 0 1.4 -0.1 2.1 -0.2 v 5.2 c -1.1 0.1 -2.6 0.2 -3.9 0.2 c -4.1 0 -7.6 -0.9 -7.6 -5.8 v -14.2 h -4 v -4.4 h 4 v -7.3 h 6.6 l 0 7.3 z m 119.5 0 h 4.8 v 4.4 h -4.8 v 12 c 0 2.2 0.5 2.8 2.8 2.8 c 0.7 0 1.3 -0.1 2 -0.2 v 5.2 c -1.1 0.1 -2.5 0.2 -3.8 0.2 c -4.1 0 -7.6 -0.9 -7.6 -5.8 v -14.2 h -4.1 v -4.4 h 4.1 v -7.3 h 6.6 v 7.3 z m -169 -9.3 h 7 v 33.4 h -7 v -33.4 z"
27
+ />
28
+ <path id="sbb-logo__panel" stroke-width="1" d="M0 48H143V0H0V48Z" />
29
+ <path
30
+ id="sbb-logo__signet"
31
+ d="m 86.7 40.5 h 9.6 l -12.6 -12.7 h 15.6 v 12.7 h 7.4 v -12.7 h 15.6 l -12.6 12.7 h 9.6 l 16.3 -16.5 l -16.3 -16.5 h -9.6 l 12.6 12.8 h -15.6 v -12.8 h -7.4 v 12.8 h -15.6 l 12.6 -12.8 h -9.6 l -16.3 16.5 l 16.3 16.5 z"
32
+ />
33
+ </svg>
34
+ </span>
35
+ `}},b=`:host{aspect-ratio:var(--sbb-logo-cargo-aspect-ratio)}:host([protective-room=minimal]){--sbb-logo-cargo-aspect-ratio:647 / 96;--sbb-logo-svg-container-height:calc(49.3 / 96 * 100%)}:host([protective-room=ideal]){--sbb-logo-cargo-aspect-ratio:695 / 144;--sbb-logo-svg-container-height:calc(49.3 / 144 * 100%)}
36
+ `,x=class extends h(i){static{this.elementName=`sbb-logo-cargo`}static{this.styles=[r(b)]}constructor(){super(),this.accessibilityLabel||=`SBB Cargo Logo`}render(){return t`
37
+ <span class="sbb-logo__svg-container">
38
+ <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599 50">
39
+ <title .textContent=${this.accessibilityLabel}></title>
40
+ <path
41
+ id="sbb-logo__word-mark"
42
+ d="m 484.2 40.8 c 8.4 0 14 -4.8 14.5 -12.4 h -7 c -0.8 4.5 -3.2 6.6 -7.5 6.6 c -5.2 0 -8.6 -4.6 -8.6 -11.5 c 0 -7.1 3.5 -11.6 8.8 -11.6 c 3.9 0 6.2 1.9 7 5.7 h 7 c -0.6 -7.1 -6 -11.6 -14.1 -11.6 c -9.4 0 -15.7 7.1 -15.7 17.5 c 0 10.5 6.2 17.3 15.6 17.3 z m 33.8 -2.6 c 0 0.8 0.1 1.2 0.2 1.9 h 6.2 c -0.3 -1.3 -0.4 -2.2 -0.4 -3.9 c 0 -1.6 0.1 -3.1 0.1 -4.7 c 0 -2.3 0 -4.6 0 -6.9 c -0.1 -3.2 -0.8 -5 -2.1 -6.4 c -1.6 -1.8 -4.4 -2.8 -8.4 -2.8 c -6.8 0 -10.8 2.9 -11 8 h 6.2 c 0.4 -2.3 1.8 -3.4 4.6 -3.4 c 3 0 4.6 1.2 4.6 3.3 c 0 1.3 -0.5 1.8 -2 1.9 l -4.7 0.5 c -3 0.3 -4.4 0.6 -5.9 1.3 c -2.5 1.4 -3.8 3.5 -3.8 6.5 c 0 4.5 3.5 7.2 9.1 7.2 c 3 0 5.7 -0.9 7.3 -2.5 z m -1.8 -8.6 c 0.8 -0.1 1.3 -0.2 1.7 -0.4 v 1.8 c 0 3.2 -2.4 5.3 -6 5.3 c -2.2 0 -3.7 -1.2 -3.7 -3.2 c 0 -1.8 1.5 -2.9 4.2 -3.2 l 3.7 -0.3 l 0.1 0 z m 26.7 -8.4 c 0.8 0 1.6 0 1.9 0.1 v -5.6 c -0.6 -0.1 -1.1 -0.2 -2 -0.2 c -2.5 0 -5.6 1 -6.7 3.6 v -3.1 h -6.1 v 24.1 h 6.2 v -12 c 0 -3.6 1 -5.2 3.1 -6.2 c 1 -0.5 2.3 -0.7 3.6 -0.7 z m 26 23.3 c 1.1 -1.7 1.5 -3.5 1.5 -6.8 v -21.7 h -6.1 v 1.8 c -2.2 -1.7 -4.2 -2.4 -6.7 -2.4 c -6.4 0 -10.9 4.9 -10.9 12 c 0 7 4.5 11.7 11 11.7 c 2.6 0 4.6 -0.7 6.5 -2.4 v 2 c 0 3.6 -2 5.8 -5.5 5.8 c -2.8 0 -4.2 -0.9 -4.6 -2.9 h -6.7 c 0.2 4.8 4.4 7.7 11 7.7 c 4.8 0 8.4 -1.6 10.5 -4.8 z m -10.3 -10.4 c -3.3 0 -5.4 -2.7 -5.4 -6.9 c 0 -4.1 2.1 -6.7 5.4 -6.7 c 3.5 0 5.7 2.6 5.7 6.7 c 0 4.3 -2.2 6.9 -5.7 6.9 z m 28.1 6.6 c 7.3 0 12.3 -5.1 12.3 -12.6 c 0 -7.7 -4.9 -12.7 -12.4 -12.7 c -7.3 0 -12.3 5.2 -12.3 12.7 c 0 7.4 5.1 12.6 12.4 12.6 z m 0 -5 c -3.8 0 -6 -2.9 -6 -7.6 c 0 -4.7 2.3 -7.7 5.9 -7.7 c 3.8 0 6 2.9 6 7.7 c 0 4.7 -2.3 7.6 -5.9 7.6 z m -415.2 -24 c 4.1 0 6.1 1.6 6.5 5 h 6.8 c -0.2 -6.7 -5 -10.6 -12.9 -10.6 c -8 0 -12.9 3.9 -12.9 10 c 0 5.3 3.2 8.3 10.2 9.6 l 5.4 1 c 2.7 0.5 4.1 1.8 4.1 3.9 c 0 2.7 -2.6 4.6 -6.2 4.6 c -4.8 0 -6.9 -1.9 -7.4 -6.2 h -7.1 c 0.2 7.5 5.3 11.8 14.2 11.8 c 8.4 0 13.7 -4.2 13.7 -10.7 c 0 -5.2 -3.5 -8.6 -9.9 -9.7 l -6 -1.1 c -2.7 -0.5 -4.1 -1.7 -4.1 -3.7 c 0 -2.4 2.2 -3.9 5.6 -3.9 z m 45.9 3.6 c 0 -5.4 -4.2 -8.5 -11.5 -8.5 h -14.9 v 33.3 h 15.7 c 7.3 0 11.9 -3.7 11.9 -9.5 c 0 -4.3 -1.7 -6.9 -5.9 -8.5 c 3.3 -1.7 4.7 -3.9 4.7 -6.8 z m -6.9 1.1 c 0 2.3 -2.1 3.7 -5.6 3.7 h -6.9 v -7.7 h 6.8 c 3.8 0 5.7 1.3 5.7 4 z m 0.9 13.6 c 0 3 -2.1 4.5 -6.2 4.5 h -7.2 v -9 h 6.8 c 4.6 0 6.6 1.4 6.6 4.5 z m 38.9 -14.7 c 0 -5.4 -4.2 -8.5 -11.5 -8.5 h -15 v 33.3 h 15.8 c 7.3 0 11.9 -3.7 11.9 -9.5 c 0 -4.3 -1.7 -6.9 -5.9 -8.5 c 3.3 -1.7 4.7 -3.9 4.7 -6.8 z m -6.9 1.1 c 0 2.3 -2 3.7 -5.6 3.7 h -7 v -7.7 h 6.9 c 3.9 0 5.7 1.3 5.7 4 z m 0.9 13.6 c 0 3 -2 4.5 -6.2 4.5 h -7.3 v -9 h 7 c 4.5 0 6.5 1.4 6.5 4.5 z m 36.6 10.8 c 8.4 0 14 -4.8 14.5 -12.4 h -7 c -0.7 4.5 -3.1 6.6 -7.4 6.6 c -5.2 0 -8.6 -4.6 -8.6 -11.5 c 0 -7.1 3.4 -11.6 8.7 -11.6 c 3.9 0 6.3 1.9 7.1 5.7 h 6.9 c -0.6 -7.1 -6 -11.5 -14 -11.5 c -9.4 0 -15.8 7 -15.8 17.4 c 0 10.5 6.2 17.3 15.6 17.3 z m 26.4 -20.2 v -7.8 h 16.3 v -6 h -23.3 v 33.3 h 7 v -13.7 h 14.9 v -5.8 h -14.9 z m 29.4 0 v -7.8 h 16.4 v -6 h -23.4 v 33.3 h 7 v -13.7 h 15 v -5.8 h -15 z m 39.3 -7.8 v 7.8 h 15.1 v 5.8 h -15.1 v 13.7 h -7 v -33.3 h 23.5 v 6 h -16.5 z m 29.7 0 v 7.8 h 14.9 v 5.8 h -14.9 v 13.7 h -7 v -33.3 h 23.4 v 6 h -16.4 z m 40.4 3.9 c -0.4 -3.4 -2.4 -5 -6.4 -5 c -3.5 0 -5.6 1.5 -5.6 3.9 c 0 2 1.3 3.2 4.1 3.7 l 6 1.1 c 6.4 1.1 9.8 4.5 9.8 9.7 c 0 6.5 -5.3 10.7 -13.7 10.7 c -8.9 0 -14 -4.3 -14.1 -11.8 h 7 c 0.5 4.3 2.7 6.2 7.4 6.2 c 3.7 0 6.3 -1.9 6.3 -4.6 c 0 -2.1 -1.4 -3.4 -4.1 -3.9 l -5.5 -1 c -7 -1.3 -10.1 -4.3 -10.1 -9.6 c 0 -6.1 4.8 -10 12.9 -10 c 7.8 0 12.7 3.9 12.9 10.6 h -6.9 z"
43
+ />
44
+ <path id="sbb-logo__panel" stroke-width="1" d="M0 48H143V0H0V48Z" />
45
+ <path
46
+ id="sbb-logo__signet"
47
+ d="m 86.7 40.5 h 9.6 l -12.6 -12.7 h 15.6 v 12.7 h 7.4 v -12.7 h 15.6 l -12.6 12.7 h 9.6 l 16.3 -16.5 l -16.3 -16.5 h -9.6 l 12.6 12.8 h -15.6 v -12.8 h -7.4 v 12.8 h -15.6 l 12.6 -12.8 h -9.6 l -16.3 16.5 l 16.3 16.5 z"
48
+ />
49
+ </svg>
50
+ </span>
51
+ `}},S=`:host{aspect-ratio:var(--sbb-logo-elvetino-aspect-ratio)}:host([protective-room=minimal]){--sbb-logo-elvetino-aspect-ratio:185 / 96;--sbb-logo-svg-container-height:50%}:host([protective-room=ideal]){--sbb-logo-elvetino-aspect-ratio:233 / 144;--sbb-logo-svg-container-height:calc(48 / 144 * 100%)}#sbb-logo-elvetino__word-mark{fill:var(--sbb-logo-elvetino-color)}
52
+ `,C=class extends h(i){static{this.elementName=`sbb-logo-elvetino`}static{this.styles=[r(S)]}constructor(){super(),this.accessibilityLabel||=`Elvetino Logo`}render(){return t`
53
+ <span class="sbb-logo__svg-container">
54
+ <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 138 48">
55
+ <title .textContent=${this.accessibilityLabel}></title>
56
+ <path
57
+ id="sbb-logo__word-mark"
58
+ d="m 0 33 c 0 0 0.1 0 0.1 0 c 0 -0.3 0 -0.6 0.1 -0.9 c 0 -0.1 0 -0.1 0 -0.2 c 0.1 -0.2 0.2 -0.4 0.1 -0.7 c 0 -0.4 -0.1 -0.9 0 -1.4 c 0 -0.3 0 -0.6 0.1 -0.9 c 0.1 -0.3 0.1 -0.6 0.3 -0.9 c 0 -0.2 0 -0.4 0.1 -0.6 c 0.1 -0.5 0 -0.9 0.1 -1.3 c 0 -0.3 0 -0.6 0 -0.9 c 0 -0.2 0.1 -0.3 0.1 -0.4 c 0.1 -0.2 0.1 -0.4 0.1 -0.6 c 0 -0.1 0 -0.2 -0.1 -0.3 c -0.1 -0.1 -0.1 -0.2 -0.1 -0.2 c 0 -0.3 0 -0.6 0 -1 c 0 -0.2 0 -0.3 0.2 -0.4 c 0.3 -0.3 0.5 -0.8 0.6 -1.2 c 0.1 -0.3 0.2 -0.7 0.2 -1 c 0.1 -0.5 0 -0.9 0.1 -1.4 c 0 -0.2 0.1 -0.4 0.1 -0.6 c 0.2 -0.4 0.2 -0.7 0.3 -1.1 c 0 -0.4 0.1 -0.9 0.2 -1.3 c 0.1 -0.5 0.3 -1 0.4 -1.5 c 0.1 -0.3 0.2 -0.6 0.3 -0.8 c 0.2 -0.6 0.4 -1.2 0.5 -1.8 c 0.1 -0.1 0.1 -0.3 0.1 -0.5 c 0 -0.1 0.1 -0.2 0.1 -0.4 c 0 -0.5 -0.2 -1 -0.1 -1.5 c -0.1 -0.2 -0.1 -0.4 -0.2 -0.6 c -0.1 -0.3 0 -0.6 0.3 -0.7 c 0.3 -0.1 0.6 -0.3 0.9 -0.4 c 0.3 -0.2 0.6 -0.4 0.8 -0.6 c 0.2 -0.2 0.4 -0.3 0.8 -0.3 c 0.1 0 0.2 0 0.2 0 c 0.3 0.1 0.5 0 0.7 -0.1 c 0.2 -0.1 0.3 -0.1 0.5 0 c 0.1 0.1 0.3 0.2 0.6 0.1 c 0 -0.1 0.1 0 0.1 0 c 0.5 0 0.9 -0.2 1.3 -0.3 c 0.7 -0.1 1.3 -0.4 1.9 -0.6 c 0.4 -0.1 0.7 -0.1 1 -0.3 c 0.3 0 0.5 0 0.8 -0.1 c 0.2 0 0.3 0 0.6 0 c 0.3 0 0.5 0 0.8 -0.1 c 0.4 -0.1 0.7 -0.2 1.1 -0.2 c 0.5 0 1.1 0 1.7 0 c 0.5 0 1 -0.2 1.5 -0.3 c 0.3 -0.1 0.5 -0.1 0.7 -0.1 c 0.2 0 0.5 0 0.7 0 c 0.2 0 0.5 -0.1 0.7 -0.2 c 0.1 0 0.2 0 0.4 0 c 0.2 0.1 0.3 0.1 0.5 0.2 c 0.1 0 0.2 0.1 0.4 0 c 0 0.1 0 0.3 0.1 0.5 c 0.2 -0.1 0.4 -0.1 0.6 -0.1 c 0.1 0 0.2 0.1 0.2 0.2 c 0 0.4 0.2 0.7 0.5 1.1 c 0.2 0.2 0.2 0.4 0.2 0.6 c 0 0.3 -0.1 0.5 -0.2 0.7 c -0.2 0.1 -0.4 0.3 -0.6 0.3 c -0.5 0.2 -1 0.3 -1.5 0.3 c -0.2 0 -0.4 -0.1 -0.6 0 c -0.2 0.1 -0.5 0 -0.6 0.1 c -0.3 0 -0.5 0.1 -0.8 0.1 c -0.4 0.1 -0.9 0 -1.3 0.1 c -0.3 0.1 -0.6 0 -0.9 0.2 c -0.1 0 -0.1 0 -0.1 0 c -0.7 -0.1 -1.4 0.1 -2.1 0 c 0 0 -0.1 0 -0.2 0 c -0.2 0.2 -0.5 0.2 -0.8 0.2 c -0.3 -0.1 -0.7 0 -1 0.1 c -0.2 0 -0.4 0.1 -0.5 0.1 c -0.6 0.3 -1.2 0.5 -1.9 0.6 c -0.7 0.2 -1.3 0.4 -1.9 0.8 c -0.5 0.4 -1 0.8 -1.2 1.4 c -0.4 0.5 -0.5 1.1 -0.7 1.6 c -0.2 0.4 -0.3 0.9 -0.5 1.3 c -0.1 0.5 -0.2 0.9 -0.4 1.4 c 0 0.2 0 0.4 -0.1 0.6 c -0.2 0.1 0 0.3 -0.2 0.5 c 0 0.2 0 0.5 0 0.7 c 0 0.2 -0.1 0.5 -0.2 0.8 c -0.1 0.3 -0.3 0.6 -0.4 1 c -0.1 0.3 -0.1 0.6 -0.1 0.9 c 0 0.2 0.1 0.2 0.2 0.3 c 0.5 0 1 -0.1 1.4 -0.4 c 0.4 -0.1 0.8 -0.2 1.1 -0.3 c 0.6 -0.2 1.1 -0.3 1.6 -0.5 c 0.1 0 0.4 0 0.5 -0.1 c 0.3 0.1 0.6 -0.1 1 -0.1 c 0.3 0.1 0.7 0 1.1 -0.2 c 0.4 -0.1 0.8 -0.3 1.3 -0.3 c 0.2 -0.1 0.5 0 0.7 0 c 0.2 -0.1 0.3 0 0.5 -0.1 c 0.1 -0.1 0.3 0 0.3 0 c 0.2 0.1 0.4 0.1 0.6 0.1 c 0 0 0 0 0.1 0 c 0.2 0.1 0.6 0.2 0.8 0.5 c 0.4 0.4 0.7 0.8 0.6 1.3 c 0 0.1 0 0.2 0 0.2 c 0.1 0.4 -0.1 0.6 -0.4 0.8 c -0.3 0.1 -0.6 0.2 -0.8 0.4 c -0.1 0 -0.1 0 -0.2 0.1 c -0.3 0.3 -0.7 0.4 -1.1 0.4 c -0.3 0 -0.5 0 -0.7 0 c -0.4 0 -0.8 0.2 -1.2 0.3 c -0.4 0.1 -0.8 0.2 -1.2 0.2 c -0.9 0.2 -1.8 0.5 -2.7 0.8 c -0.4 0.3 -1 0.3 -1.5 0.5 c -0.2 0.1 -0.5 0.2 -0.8 0.2 c -0.3 0.1 -1.1 0.4 -1.3 0.6 c -0.1 0.1 -0.3 0.2 -0.4 0.3 c -0.3 0.1 -0.4 0.4 -0.5 0.8 c -0.1 0.3 -0.1 0.6 -0.2 1 c -0.1 0.2 -0.1 0.4 -0.1 0.6 c -0.1 0.4 -0.1 0.8 -0.1 1.2 c 0 0.6 -0.1 1.1 -0.1 1.7 c 0 0.5 0 1.1 0 1.6 c 0 0.1 0 0.2 0 0.4 c 0 0.1 -0.1 0.2 -0.1 0.4 c -0.1 0.3 -0.2 0.7 -0.1 1.1 c 0 0.3 0 0.6 0 0.9 c 0 0.2 0 0.4 0.2 0.6 c 0.1 0.2 0.1 0.2 0.3 0.1 c 0.9 -0.4 1.9 -0.9 2.7 -1.4 c 0.3 -0.1 0.7 -0.3 1 -0.5 c 0.2 -0.2 0.6 -0.3 0.9 -0.5 c 0.5 -0.4 1.1 -0.7 1.6 -1.1 c 0.4 -0.2 0.8 -0.4 1.1 -0.6 c 0.6 -0.3 1.1 -0.6 1.7 -1 c 0.1 0 0.2 -0.1 0.3 -0.1 c 0.3 -0.2 0.6 -0.4 0.8 -0.6 c 0.3 -0.4 0.7 -0.6 1.2 -0.5 c 0.3 0 0.5 0.1 0.8 0.1 c 0.3 0.1 0.7 0.1 1.1 0 c 0.2 0.2 0.4 0.5 0.7 0.8 c 0.2 0.2 0.4 0.4 0.3 0.7 c 0.2 0.2 0 0.4 0 0.6 c 0 0.2 0.1 0.4 0 0.5 c 0 0.4 -0.4 0.6 -0.6 0.8 c -0.2 0.1 -0.4 0.2 -0.6 0.3 c -0.2 0.1 -0.4 0.2 -0.6 0.3 c -0.4 0.2 -0.9 0.3 -1.3 0.5 c -0.4 0.2 -0.7 0.3 -1.1 0.6 c -0.3 0.2 -0.7 0.4 -1.1 0.5 c -0.1 0.1 -0.3 0.2 -0.5 0.3 c -0.3 0.1 -0.6 0.3 -0.8 0.4 c -0.5 0.3 -0.8 0.5 -1.2 0.8 c -0.3 0.1 -0.5 0.2 -0.7 0.4 c -0.3 0.2 -0.6 0.3 -0.9 0.5 c -0.3 0.2 -0.6 0.4 -1 0.5 c -0.3 0.2 -0.6 0.4 -0.9 0.6 c -0.4 0.2 -0.8 0.5 -1.3 0.8 c -0.2 0.1 -0.5 0.3 -0.7 0.5 c -0.2 0.1 -0.4 0.1 -0.6 0.2 c -0.5 0.1 -1 0.1 -1.4 0.1 c -0.2 0 -0.8 -0.3 -1 -0.4 c -0.5 -0.3 -0.8 -0.7 -1.1 -1.2 c -0.3 -0.4 -0.4 -0.9 -0.6 -1.4 c -0.1 -0.3 -0.2 -0.6 -0.2 -1 c 0 -0.2 -0.1 -0.4 -0.1 -0.6 c 0 0 -0.1 -0.1 -0.1 -0.1 c -0.1 -0.9 -0.1 -1.9 -0.1 -2.9 z m 106.7 -10.1 c -0.3 0.4 -0.5 0.8 -0.6 1.2 c 0 0.3 -0.1 0.5 -0.2 0.8 c -0.1 0.5 -0.2 0.9 -0.3 1.3 c -0.1 0.3 -0.2 0.5 -0.2 0.7 c -0.1 0.3 -0.2 0.5 -0.2 0.8 c -0.1 0.3 -0.2 0.5 -0.3 0.9 c -0.1 0.4 -0.3 0.9 -0.4 1.3 c 0 0.2 0 0.3 0 0.5 c 0 0.3 -0.1 0.5 -0.2 0.8 c -0.3 0.4 -0.4 1 -0.4 1.5 c -0.1 0.6 -0.2 1.2 -0.4 1.8 c -0.1 0 -0.1 0.1 -0.1 0.2 c 0 0.1 0 0.3 0 0.5 c 0 0.1 0 0.3 -0.1 0.4 c -0.1 0.1 -0.1 0.3 0 0.6 c 0 0.1 0 0.2 0 0.4 c 0 0.1 -0.1 0.2 0 0.3 c 0.1 0.3 0 0.7 0 1.1 c 0 0.1 0 0.2 0 0.3 c 0 0.1 0 0.3 0 0.4 c 0 0.2 0 0.4 -0.2 0.6 c 0 0.3 -0.2 0.5 -0.3 0.7 c -0.1 0 -0.2 0 -0.3 0 c -0.2 0 -0.3 0 -0.5 0.1 c -0.2 0.2 -0.7 0.1 -0.9 -0.1 c -0.3 -0.2 -0.5 -0.5 -0.6 -0.9 c -0.1 -0.3 -0.2 -0.7 -0.2 -1.1 c 0 -0.2 0.1 -0.4 0 -0.7 c 0 -0.3 0.1 -0.5 0.1 -0.7 c 0.1 -0.4 0.2 -0.7 0.3 -1 c 0 -0.4 0.1 -0.7 0.2 -1.1 c 0.1 -0.1 0 -0.3 0.1 -0.6 c 0 -0.1 0.1 -0.3 0.1 -0.5 c 0 -0.2 0 -0.4 0.1 -0.6 c 0.1 -0.3 0.1 -0.7 0.2 -1 c 0 -0.2 0 -0.4 0.1 -0.6 c 0 -0.3 0 -0.7 0.3 -1 c 0 -0.1 0.1 -0.2 0.1 -0.2 c 0 -0.7 0.3 -1.3 0.4 -1.9 c 0.1 -0.2 0.1 -0.4 0.2 -0.6 c 0 -0.4 0.1 -0.8 0.2 -1.2 c 0.1 -0.2 0.2 -0.3 0.2 -0.6 c 0 -0.2 0.1 -0.3 0.1 -0.5 c 0 -0.1 0 -0.2 0 -0.2 c 0.3 -0.3 0.4 -0.6 0.5 -1 c 0.2 -0.5 0.3 -1 0.6 -1.4 c 0.2 -0.4 0.3 -0.9 0.3 -1.3 c 0.1 -0.4 0.2 -0.7 0.3 -1.1 c 0.1 -0.3 0.3 -0.6 0.4 -1 c 0.1 -0.2 0.3 -0.4 0.4 -0.6 c 0.1 -0.1 0.2 -0.3 0.2 -0.5 c 0 -0.3 0 -0.6 -0.1 -0.9 c 0 -0.2 -0.2 -0.4 -0.3 -0.7 c -0.1 -0.6 0 -1.1 0.3 -1.6 c 0.1 -0.2 0.4 -0.3 0.6 -0.3 c 0.1 0 0.2 -0.1 0.4 -0.1 c 0.2 0 0.3 0 0.5 0 c 0 0.1 0.1 0.2 0.2 0.2 c 0.1 0 0.1 0 0.2 0 c 0.4 0 0.7 0.2 0.8 0.6 c 0.1 0.3 0.2 0.6 0.4 0.8 c 0 0.2 0.2 0.3 0.4 0.4 c 0.2 0.2 0.3 0.4 0.3 0.6 c 0 0.5 -0.1 1 -0.4 1.4 c -0.1 0.2 -0.1 0.3 -0.1 0.5 c 0 0.1 0 0.2 0 0.4 c 0 0.3 0.1 0.6 0.1 0.9 c 0.1 0.1 0 0.2 0 0.3 c 0 0.2 -0.1 0.3 0 0.4 c 0.1 0.1 0 0.4 0.1 0.6 c 0.1 0.1 0 0.4 0 0.6 c 0.1 0.2 0 0.5 0.2 0.7 v 0 c 0 0.4 0 0.8 0 1.3 c 0.1 0.3 0 0.7 0.1 1.1 c 0.1 0.2 0.1 0.4 0.1 0.7 c 0 0.1 0.1 0.3 0.1 0.4 c 0 0.1 0 0.3 0 0.4 c 0.1 0.2 0.1 0.4 0.1 0.6 c 0.1 0.2 0.2 0.4 0.1 0.7 c 0.2 0.2 0.1 0.4 0.2 0.7 c 0.1 0.2 0.1 0.5 0.1 0.8 c 0 0.2 0.1 0.3 0.1 0.4 c 0 0.2 0 0.3 0.1 0.4 c 0 0.2 0 0.5 0.1 0.6 c 0.1 0.2 0.1 0.4 0.2 0.6 c 0 0.3 0 0.5 0.1 0.7 c 0 0.2 0.1 0.3 0.2 0.4 c 0.1 -0.1 0.2 -0.2 0.3 -0.3 c 0.3 -0.8 0.6 -1.5 1 -2.2 c 0.1 -0.4 0.3 -0.7 0.5 -1.1 c 0.2 -0.5 0.5 -1.1 0.8 -1.6 c 0.2 -0.6 0.5 -1.2 0.7 -1.9 c 0.1 -0.2 0.2 -0.5 0.3 -0.8 c 0.1 -0.3 0.2 -0.5 0.3 -0.8 c 0 -0.2 0.1 -0.3 0.2 -0.5 c 0.1 -0.2 0.2 -0.5 0.2 -0.8 c 0 -0.2 0 -0.4 0.1 -0.6 c 0 -0.2 0.1 -0.4 0.1 -0.6 c 0.1 -0.4 0.2 -0.8 0.3 -1.3 c 0 -0.3 0 -0.7 -0.2 -1 c -0.2 -0.5 -0.2 -1 -0.2 -1.5 c 0 -0.2 0.1 -0.3 0.3 -0.5 c 0.2 -0.2 0.4 -0.4 0.7 -0.4 c 0 0 0.1 0 0.1 0 c 0.1 -0.1 0.3 -0.1 0.4 0 c 0.1 0.2 0.3 0.2 0.5 0.2 c 0.3 0 0.5 0.1 0.7 0.3 c 0.2 0.2 0.3 0.2 0.5 0.4 c 0 0.1 0 0.2 0 0.3 c 0 0.1 0.1 0.1 0.2 0.2 c 0.1 0.4 -0.1 0.7 -0.2 1 c -0.1 0.3 -0.2 0.6 -0.3 1 c -0.1 0.4 -0.1 1 -0.2 1.4 c -0.1 0.3 -0.1 0.5 -0.1 0.7 c -0.2 0.5 -0.2 1.1 -0.4 1.5 c 0 0.1 -0.1 0.2 -0.1 0.3 c -0.2 0.2 -0.3 0.4 -0.3 0.6 c 0 0.1 0 0.1 0 0.2 c -0.1 0.1 -0.2 0.4 -0.1 0.6 c 0 0.2 -0.1 0.4 -0.2 0.6 c -0.3 0.3 -0.3 0.6 -0.4 0.9 c -0.2 0.7 -0.4 1.3 -0.7 2 c -0.1 0.3 -0.3 0.6 -0.4 1 c -0.3 0.7 -0.7 1.3 -0.9 2.1 c -0.1 0.2 -0.2 0.4 -0.2 0.5 c -0.1 0.2 -0.2 0.4 -0.2 0.6 c 0 0.1 -0.2 0.2 -0.2 0.3 c -0.2 0.2 -0.2 0.4 -0.2 0.7 c -0.1 0.3 -0.2 0.6 -0.4 0.9 c -0.1 0.1 -0.1 0.2 -0.1 0.2 c 0 0.3 -0.1 0.5 0 0.8 c 0.1 0.2 0 0.5 -0.1 0.8 c 0 0.2 -0.2 0.5 -0.4 0.7 c -0.3 0.3 -0.7 0.4 -1.1 0.3 c -0.1 -0.1 -0.3 -0.1 -0.4 -0.1 c -0.1 0 -0.2 0 -0.2 0 c -0.3 0 -0.5 0 -0.5 -0.3 c -0.1 -0.3 -0.3 -0.5 -0.6 -0.6 c -0.2 -0.1 -0.2 -0.4 -0.2 -0.7 c -0.1 -0.3 -0.2 -0.5 -0.3 -0.8 c -0.3 -0.4 -0.5 -0.8 -0.6 -1.3 c 0 -0.2 -0.1 -0.4 -0.2 -0.6 c -0.2 -0.4 -0.3 -0.8 -0.3 -1.1 c -0.1 -0.5 -0.3 -0.9 -0.3 -1.4 c -0.1 -0.1 -0.1 -0.3 0 -0.5 c 0 -0.4 -0.1 -0.7 -0.3 -1 c 0 -0.1 0 -0.1 0 -0.2 c 0 -0.3 -0.1 -0.6 -0.1 -1 c 0 -0.1 -0.1 -0.3 -0.1 -0.4 c 0 -0.1 0 -0.2 -0.1 -0.4 c 0 -0.2 0 -0.4 0 -0.6 c -0.1 -0.3 -0.1 -0.6 -0.1 -0.9 c 0 -0.1 -0.1 -0.2 -0.1 -0.4 c 0 -0.1 0.1 -0.2 -0.1 -0.3 v -0.1 c 0.1 -0.3 -0.1 -0.5 0 -0.7 c 0 -0.3 0 -0.5 0 -0.8 c -0.1 -0.2 -0.2 -0.5 -0.3 -0.8 z m 30.3 2.2 c 0 -0.2 0.1 -0.4 0.1 -0.6 c 0 -0.3 0 -0.6 0 -0.9 c 0 -0.2 0 -0.4 -0.1 -0.6 c -0.1 -0.3 -0.1 -0.6 -0.1 -0.8 c 0 -0.3 0 -0.5 0 -0.7 c 0 -0.2 0 -0.4 -0.1 -0.5 c -0.3 -0.4 -0.5 -0.8 -0.7 -1.2 c -0.4 -0.8 -0.9 -1.5 -1.4 -2.1 c -0.5 -0.4 -0.9 -0.9 -1.5 -1.2 c -0.7 -0.6 -1.6 -0.8 -2.5 -0.9 c -0.1 0 -0.2 0 -0.3 0 c -0.3 0 -0.5 0 -0.7 0 c -0.2 0.1 -0.4 0.1 -0.7 0.2 c -0.5 0.1 -0.8 0.3 -1.2 0.6 c -0.4 0.3 -0.9 0.5 -1.3 0.9 c -0.2 0.3 -0.5 0.6 -0.6 0.8 c -0.1 0.4 -0.3 0.6 -0.5 0.8 c -0.1 0.1 -0.2 0.2 -0.3 0.3 c -0.1 0.1 -0.1 0.2 0 0.3 c 0.1 0.2 0 0.4 -0.1 0.5 c -0.3 0.3 -0.6 0.7 -0.9 1.1 c -0.3 0.3 -0.6 0.7 -0.8 1.1 c -0.3 0.6 -0.6 1.1 -0.9 1.6 c -0.2 0.4 -0.5 0.9 -0.6 1.5 c 0 0.2 0 0.5 -0.3 0.6 c -0.1 0 -0.1 0 -0.1 0.1 c -0.2 0.4 -0.4 0.8 -0.5 1.2 c -0.1 0.5 -0.2 1 -0.3 1.6 c 0 0.3 -0.1 0.7 -0.3 1.1 c -0.1 0.3 -0.2 0.6 -0.2 0.9 c -0.1 0.3 -0.2 0.7 -0.2 1.2 c 0 0.1 0 0.2 0 0.3 c -0.1 0.2 -0.1 0.5 -0.1 0.7 c 0 0.7 0 1.4 0 2.1 c 0 0.1 -0.1 0.2 0 0.3 c 0.1 0.1 0 0.3 0 0.5 c 0.1 0.1 0.1 0.3 0.1 0.5 c 0 0.2 0 0.3 0.1 0.4 c 0.1 0.1 -0.1 0.3 0.1 0.4 c -0.1 0.2 0.1 0.4 0.1 0.6 c 0.1 0.3 0.2 0.4 0.2 0.6 c 0.1 0.3 0.2 0.5 0.3 0.6 c 0.1 0.1 0.1 0.1 0.1 0.2 c 0.1 0.2 0.2 0.3 0.3 0.6 c 0.3 0.4 0.6 0.8 1.1 1 c 0.3 0.2 0.6 0.2 0.8 0.4 c 0.5 0.2 0.9 0.3 1.3 0.3 c 0.2 0 0.4 -0.1 0.6 -0.1 c 0.2 0 0.4 -0.1 0.6 -0.1 c 0.5 -0.2 1.1 -0.3 1.6 -0.7 c 0.2 -0.1 0.4 -0.2 0.6 -0.4 c 0.4 -0.2 0.8 -0.5 1.1 -0.7 c 0.6 -0.4 1 -0.8 1.4 -1.4 c 0 -0.3 0.3 -0.4 0.5 -0.5 c 0.3 0 0.5 -0.2 0.6 -0.4 c 0.3 -0.4 0.5 -0.8 0.9 -1 c 0.2 -0.1 0.3 -0.2 0.4 -0.4 c 0.1 -0.2 0.2 -0.3 0.3 -0.5 c 0.1 -0.1 0.2 -0.2 0.3 -0.3 c 0.3 -0.4 0.6 -0.8 0.8 -1.2 c 0.2 -0.3 0.4 -0.6 0.5 -1 c 0.1 -0.2 0.2 -0.3 0.3 -0.5 c 0 -0.1 0.1 -0.2 0.1 -0.3 c 0.3 -0.6 0.5 -1.1 0.8 -1.7 c 0.1 -0.4 0.3 -0.9 0.4 -1.3 c 0.1 -0.4 0.2 -0.8 0.3 -1.2 c 0.2 -0.4 0.4 -0.9 0.4 -1.4 c 0 -0.3 0.1 -0.5 0 -0.8 c 0.3 -0.2 0.2 -0.3 0.2 -0.5 z m -2.3 -0.5 c -0.1 0.2 -0.1 0.5 -0.2 0.8 c -0.1 0.1 0 0.2 0 0.3 c 0 0.1 -0.1 0.1 -0.1 0.2 c 0 0.4 -0.1 0.8 -0.2 1.2 c 0 0.3 -0.1 0.6 -0.2 0.9 c -0.1 0.3 -0.2 0.7 -0.2 1 c -0.1 0.3 -0.3 0.5 -0.6 0.8 c -0.1 0.2 -0.2 0.4 -0.2 0.7 c 0 0.1 0 0.3 -0.1 0.5 c 0 0.1 -0.1 0.2 -0.3 0.3 c -0.1 0.1 -0.2 0.2 -0.2 0.3 c 0 0.3 -0.2 0.4 -0.3 0.6 c -0.1 0.1 -0.3 0.3 -0.4 0.5 c -0.1 0.2 -0.2 0.4 -0.4 0.6 c -0.4 0.3 -0.7 0.8 -1 1.1 c -0.2 0.3 -0.4 0.7 -0.8 0.9 c -0.2 0.1 -0.4 0.3 -0.6 0.5 c -0.2 0.3 -0.4 0.6 -0.8 0.7 c -0.1 0.1 -0.2 0.2 -0.2 0.2 c 0 0.3 -0.3 0.4 -0.4 0.5 c -0.1 0.1 -0.2 0.1 -0.3 0.2 c -0.2 0.1 -0.4 0.3 -0.6 0.5 c -0.3 0.3 -0.6 0.4 -0.9 0.5 c -0.2 0.1 -0.5 0.2 -0.6 0.3 c -0.2 0.2 -0.3 0.2 -0.5 0.2 c -0.6 0 -1.2 -0.3 -1.6 -0.9 c -0.2 -0.4 -0.4 -0.8 -0.6 -1.3 c 0 -0.1 0.1 -0.3 -0.1 -0.4 c 0 -0.4 -0.2 -0.8 0 -1.2 c 0.1 -0.4 0 -0.7 0 -1 c 0.1 -0.2 -0.1 -0.2 0 -0.3 c 0.1 -0.1 0 -0.3 0 -0.4 c 0.1 -0.3 0.1 -0.7 0.1 -1 c 0.1 -0.3 0.1 -0.5 0.1 -0.8 c 0 -0.2 0 -0.4 0.1 -0.6 c 0.1 -0.1 0 -0.4 0.1 -0.5 c 0.1 -0.2 0 -0.4 0.1 -0.5 c 0.1 -0.2 0 -0.4 0.1 -0.6 c 0.1 -0.3 0.2 -0.6 0.4 -1 c 0.2 -0.5 0.5 -1 0.6 -1.6 c 0.1 -0.1 0.1 -0.2 0.1 -0.3 c 0.1 -0.1 0.1 -0.4 0.3 -0.5 c 0.2 -0.2 0.3 -0.5 0.4 -0.8 c 0.1 -0.3 0.2 -0.6 0.4 -0.8 c 0.2 -0.3 0.3 -0.7 0.6 -1 c 0.2 -0.2 0.3 -0.4 0.4 -0.6 c 0.4 -0.5 1 -1.1 1.5 -1.5 c 0.4 -0.4 0.8 -0.7 1.1 -0.9 c 0.4 -0.2 0.7 -0.4 1 -0.4 c 0.2 0 0.4 -0.2 0.6 -0.1 c 0.2 0.1 0.3 0.1 0.5 0.1 c 0 0 0.1 0 0.1 0 c 0.3 -0.1 0.5 -0.2 0.7 -0.4 c 0.2 -0.1 0.2 -0.2 0.2 -0.4 c 0 -0.2 0.1 -0.3 0.1 -0.5 c 0.3 0.1 0.5 0.2 0.7 0.3 c 0.4 0.2 0.6 0.6 0.9 0.9 c 0.4 0.7 0.7 1.5 0.9 2.3 c 0.2 0.3 0.3 0.7 0.3 1.1 c 0 0.1 0 0.2 0 0.3 c 0.1 0.1 0 0.3 0 0.5 c -0.1 0.2 0.1 0.3 0 0.5 z m -75.3 -8.4 c 0.2 0.2 0.5 0.3 0.7 0.1 c 0.1 0 0.1 0 0.1 0 c 0.5 0.1 0.9 -0.2 1.3 -0.3 c 0.5 -0.1 1.1 -0.4 1.6 -0.4 c 0.2 -0.2 0.4 -0.1 0.6 -0.1 c 0.4 0 0.8 -0.1 1.2 -0.2 c 0.1 -0.1 0.2 0 0.3 0 c 0.5 0 1 0 1.5 0 c 0.3 0 0.6 -0.1 0.9 -0.3 l 0.6 -0.1 c 0.3 0 0.5 0 0.7 0 c 0.3 0 0.3 0 0.5 0 c 0.2 0.1 0.3 0.1 0.5 0.1 c 0 0.1 0 0.2 0 0.3 c 0.1 0 0.2 0 0.3 -0.1 c 0.1 0 0.2 0 0.3 0 c 0 0.4 0.1 0.6 0.3 0.9 c 0.3 0.3 0.3 0.6 0.1 0.9 c -0.1 0.1 -0.1 0.2 -0.2 0.2 c -0.3 0.2 -0.5 0.2 -0.8 0.3 c -0.3 0.1 -0.7 0 -1 0.1 c -0.3 0 -0.6 0 -0.8 0.1 c 0 0 -0.1 0 -0.1 0 c -0.4 -0.1 -0.8 0.1 -1.2 0.1 c -0.2 0 -0.4 0.1 -0.6 0.1 c -0.2 0 -0.4 -0.1 -0.6 0 c -0.2 0.1 -0.5 0 -0.8 0 c -0.3 0.1 -0.7 0.1 -1 0.1 c -0.2 0 -0.4 0.1 -0.5 0.1 c -0.5 0.2 -0.9 0.3 -1.4 0.5 c -0.2 0 -0.4 0 -0.6 0.1 c -0.2 0.1 -0.4 0.1 -0.6 0.3 c -0.4 0.1 -0.6 0.5 -0.9 0.8 c -0.2 0.2 -0.4 0.5 -0.5 0.9 c -0.1 0.4 -0.3 0.7 -0.4 1.1 c -0.1 0.4 -0.2 0.9 -0.4 1.3 c -0.1 0.4 -0.2 0.7 -0.2 1.1 c 0.1 0.2 0 0.4 -0.1 0.7 c -0.2 0.3 -0.4 0.6 -0.3 1 c 0 0.2 0 0.3 0 0.4 c 0.4 0.1 0.9 -0.1 1.3 -0.3 c 0.4 -0.1 0.8 -0.2 1.3 -0.3 c 0.1 -0.1 0.3 -0.2 0.4 -0.2 c 0.3 -0.1 0.5 -0.1 0.8 -0.1 c 0.4 0.1 0.7 -0.1 1.1 -0.2 c 0.3 -0.2 0.7 -0.2 1 -0.3 c 0.3 0 0.5 -0.1 0.8 0 c 0.4 0 0.8 0.2 1.1 0.5 c 0.2 0.2 0.4 0.5 0.4 0.9 c 0 0.1 0 0.2 0 0.2 c -0.2 0.3 -0.4 0.4 -0.7 0.6 c -0.2 0 -0.3 0.1 -0.5 0.3 c -0.2 0.2 -0.5 0.2 -0.8 0.3 c 0 0 -0.1 0 -0.1 0 c -0.1 -0.1 -0.3 -0.1 -0.4 -0.1 c -0.1 0.1 -0.3 0.1 -0.5 0.1 c -0.1 0.1 -0.3 0.1 -0.5 0.2 c -0.1 0 -0.3 0 -0.4 0.1 c -0.2 0.1 -0.4 0 -0.5 0.1 c -0.2 -0.1 -0.3 0.1 -0.5 0.1 c -0.1 0 -0.2 0.1 -0.4 0.1 c -0.1 0 -0.3 0.1 -0.4 0.1 c -0.4 0.3 -0.8 0.4 -1.2 0.5 c -0.3 0 -0.5 0.1 -0.7 0.2 c -0.4 0.1 -0.7 0.3 -1.1 0.5 c -0.2 0.1 -0.3 0.3 -0.3 0.6 c -0.1 0.4 -0.1 0.8 -0.3 1.1 c 0 0 0 0.1 0 0.1 c 0 0.3 0.1 0.6 0 0.9 c -0.1 0.3 0 0.5 0 0.8 c -0.1 0.3 -0.1 0.6 0 0.8 c 0 0.4 -0.1 0.7 -0.1 1 c -0.1 0.3 -0.1 0.5 -0.1 0.7 c 0 0.3 0 0.5 0 0.8 c 0 0.2 0.1 0.4 0.2 0.5 c 0.4 -0.2 0.9 -0.4 1.3 -0.6 c 0.4 -0.3 0.9 -0.5 1.3 -0.7 c 0.6 -0.3 1.1 -0.7 1.7 -1 c 0.3 -0.1 0.6 -0.4 1 -0.6 c 0.3 -0.2 0.6 -0.3 0.9 -0.5 c 0.4 -0.2 0.9 -0.4 1.2 -0.8 c 0.1 -0.1 0.3 -0.2 0.5 -0.2 c 0.5 0 1 0.1 1.5 0.1 c 0.1 0.2 0.3 0.4 0.5 0.6 c 0.2 0.2 0.2 0.4 0.2 0.7 c 0 0.1 0 0.3 0 0.4 c 0 0.1 0 0.3 -0.1 0.4 c -0.2 0.2 -0.3 0.4 -0.6 0.5 c -0.3 0.2 -0.7 0.3 -1 0.4 c -0.4 0.1 -0.6 0.3 -0.9 0.4 c -0.5 0.3 -0.9 0.5 -1.3 0.7 c -0.5 0.2 -0.9 0.4 -1.3 0.7 c -0.4 0.3 -0.8 0.4 -1.2 0.7 c -0.4 0.3 -1 0.5 -1.5 0.9 c -0.5 0.3 -1 0.6 -1.4 0.9 c -0.3 0.1 -0.5 0.2 -0.7 0.2 c -0.1 0.1 -0.3 0.1 -0.4 0.1 c -0.7 0 -1.3 -0.3 -1.8 -0.9 c -0.3 -0.4 -0.4 -1 -0.6 -1.4 c -0.1 -0.3 -0.1 -0.6 -0.1 -0.8 c -0.2 -0.6 -0.1 -1.3 -0.1 -2 c 0 -0.2 0.1 -0.4 0.1 -0.6 c 0 -0.2 0 -0.5 0.1 -0.7 c 0 0 0.1 -0.1 0.1 -0.1 c -0.2 -0.4 -0.2 -0.8 -0.1 -1.2 c 0.1 -0.4 0.1 -0.9 0.3 -1.3 c 0 -0.2 0 -0.5 0.1 -0.7 c 0 -0.2 0 -0.3 0 -0.5 c -0.1 -0.3 0.1 -0.6 0.1 -0.8 c 0.2 -0.3 0 -0.6 0 -0.9 c -0.1 -0.3 -0.1 -0.5 0 -0.8 c 0 -0.1 0.1 -0.2 0.1 -0.2 c 0.3 -0.3 0.3 -0.6 0.4 -0.9 c 0.1 -0.3 0.1 -0.6 0.1 -0.8 c 0 -0.4 0.1 -0.8 0.2 -1.2 c 0.1 -0.2 0.1 -0.5 0.2 -0.7 c 0 -0.4 0.1 -0.7 0.2 -1.1 c 0.1 -0.8 0.5 -1.5 0.7 -2.2 c 0.1 -0.2 0.1 -0.4 0.2 -0.6 c 0.1 -0.4 0 -0.7 0 -1 c 0.1 -0.3 0 -0.6 -0.1 -0.8 c 0 -0.2 -0.1 -0.3 0 -0.5 c 0 -0.1 0.1 -0.3 0.3 -0.3 c 0.3 -0.2 0.7 -0.3 1 -0.6 c 0.2 -0.2 0.4 -0.3 0.7 -0.2 c 0.3 0 0.6 0 0.8 -0.2 z m -22.2 1.2 c 0.1 -0.1 0.3 -0.2 0.4 -0.3 c 0.3 -0.1 0.6 -0.4 1 -0.5 c 0.5 -0.1 0.8 -0.1 1.1 0.3 c 0.2 0.1 0.3 0.3 0.5 0.4 c 0.1 0.1 0.2 0.2 0.3 0.4 c 0.1 0.1 0.2 0.3 0.3 0.4 c 0.2 0.3 0.2 0.6 0.1 0.9 c -0.1 0.2 -0.2 0.4 -0.2 0.7 c 0 0.1 0 0.2 0 0.3 c -0.1 0.5 0.1 1 0.1 1.5 c 0 0.2 0.1 0.4 0.2 0.6 c 0 0.1 0.1 0.2 0.1 0.2 c 0 0.4 0.1 0.8 0.1 1.2 c 0 0.1 0 0.1 0 0.2 c 0.1 0.2 0.2 0.5 0.2 0.7 c 0 0.2 0 0.4 0 0.6 c 0 0.4 0.1 0.7 0.2 1.1 c 0 0.1 0.1 0.2 0 0.3 c -0.1 0.3 0 0.6 0 0.9 c 0.1 0.1 0 0.3 0 0.4 c 0.1 0.1 0.1 0.2 0.1 0.3 c 0 0.2 0.1 0.4 0.1 0.6 c 0 0.1 0 0.3 0 0.5 c 0 0.2 0 0.3 0 0.4 c 0.2 0.5 0.2 0.5 0 1 c 0 0.1 0 0.3 0.1 0.5 c 0.1 0.1 0.1 0.3 0.1 0.6 c 0 0.3 0 0.5 0.2 0.8 c 0 0 0.1 0 0.1 -0.1 c 0.2 -0.3 0.4 -0.6 0.6 -1 c 0.4 -0.5 0.7 -1.2 1 -1.8 c 0.5 -0.6 0.9 -1.3 1.3 -2 c 0.3 -0.4 0.6 -0.9 0.8 -1.4 c 0.3 -0.4 0.6 -0.9 0.8 -1.5 c 0.1 -0.2 0.2 -0.4 0.5 -0.5 c 0.1 -0.1 0.2 -0.2 0.3 -0.4 c 0.2 -0.3 0.4 -0.6 0.6 -1 c 0.3 -0.8 0.7 -1.5 1 -2.3 c 0.2 -0.2 0.3 -0.5 0.5 -0.7 c 0.3 -0.4 0.4 -0.8 0.5 -1.2 c 0 -0.4 0 -0.8 0 -1.1 c 0.3 -0.3 0.5 -0.4 0.8 -0.7 c 0.2 0 0.6 0 0.9 0 c 0.1 0 0.2 0.1 0.3 0.1 c 0.1 0 0.2 0.1 0.4 0 c 0.1 -0.1 0.3 0.1 0.3 0.2 c 0.3 0.4 0.5 0.7 0.6 1.2 c 0.1 0.4 0.1 0.7 0 1.1 c -0.1 0.1 -0.1 0.1 -0.2 0.1 c -0.5 0.3 -0.7 0.7 -0.9 1.1 c -0.4 0.6 -0.7 1.3 -1.1 1.9 c -0.3 0.7 -0.8 1.3 -1.2 1.9 c -0.1 0.2 -0.3 0.4 -0.3 0.5 c -0.2 0.4 -0.4 0.6 -0.5 0.9 c -0.4 0.7 -0.8 1.5 -1.3 2.2 c -0.2 0.3 -0.4 0.8 -0.7 1.1 c -0.3 0.5 -0.5 1.1 -0.8 1.6 c -0.1 0.1 -0.1 0.3 -0.2 0.4 c -0.4 0.7 -0.8 1.3 -1.1 2 c -0.2 0.2 -0.3 0.5 -0.4 0.7 c -0.3 0.6 -0.6 1.1 -1 1.6 c -0.4 0.5 -0.8 1 -1.1 1.6 c 0 0.1 -0.1 0.2 0 0.3 c 0 0.1 0 0.3 0 0.3 c 0 0.3 -0.1 0.5 -0.3 0.7 c 0 0.1 -0.1 0.2 -0.2 0.3 c -0.1 0.3 -0.4 0.4 -0.7 0.4 c -0.2 0 -0.3 0 -0.5 0 c -0.3 0 -0.3 0 -0.6 0.2 c -0.2 -0.2 -0.4 -0.4 -0.7 -0.6 c -0.1 0 -0.2 -0.2 -0.2 -0.3 c -0.2 -0.2 -0.3 -0.5 -0.5 -0.7 c -0.1 -0.5 -0.3 -0.9 -0.1 -1.3 c 0.1 -0.3 0.2 -0.6 0.2 -0.9 c 0 -0.3 0 -0.5 0.2 -0.7 c 0.1 -0.2 0.1 -0.4 0 -0.7 c 0 -0.1 0.1 -0.3 -0.1 -0.4 c 0.1 -0.2 0.1 -0.3 0.1 -0.4 c 0.1 -0.4 0.1 -0.4 0 -0.9 c 0 -0.2 -0.1 -0.5 -0.1 -0.8 c 0 -0.4 0 -0.9 0 -1.3 c 0 -0.2 0 -0.4 -0.1 -0.6 c 0 -0.2 0 -0.3 0 -0.5 c 0.1 -0.3 0.1 -0.4 0 -0.7 c 0 -0.1 0 -0.3 -0.1 -0.5 c -0.1 -0.2 -0.1 -0.4 -0.1 -0.6 c 0 -0.2 0 -0.4 0 -0.6 c 0 -0.2 0.1 -0.5 -0.1 -0.7 c -0.1 -0.2 0 -0.4 -0.1 -0.6 c 0 -0.2 0 -0.5 0 -0.7 c 0 -0.2 0 -0.4 -0.1 -0.5 c 0 -0.2 0.1 -0.4 -0.1 -0.5 c 0 -0.3 -0.1 -0.6 -0.2 -0.9 c 0 -0.3 0 -0.5 -0.1 -0.7 c -0.1 -0.1 0 -0.1 0 -0.2 c -0.1 -0.3 -0.1 -0.5 -0.1 -0.7 c 0 -0.3 -0.1 -0.5 -0.1 -0.7 c -0.1 -0.3 -0.1 -0.6 -0.2 -0.8 c -0.1 -0.4 -0.3 -0.6 -0.5 -0.9 c -0.1 -0.1 -0.1 -0.2 -0.1 -0.3 c 0 -0.4 0 -0.7 0 -1 z m 36.6 -2 c 0 0 0.1 0.1 0.1 0.1 c 0.1 0.2 0.3 0.2 0.4 0.1 c 0.2 -0.2 0.5 0 0.7 0.1 c 0.2 0 0.5 0 0.7 0 c 0.5 -0.1 0.5 -0.1 1 0 c 0.1 0 0.3 0 0.5 0 c 0.2 -0.1 0.4 -0.1 0.6 -0.1 c 0.5 0.1 0.9 -0.1 1.1 -0.6 c 0 -0.2 0.2 -0.4 0.4 -0.5 c 0.1 -0.1 0.2 -0.1 0.3 -0.1 c 0.3 0 0.6 0 0.9 0 c 0.1 0 0.2 0 0.3 0.1 c 0.2 0.2 0.5 0.3 0.7 0.4 c 0.2 0.1 0.3 0.2 0.2 0.4 c 0.3 0.1 0.6 0.3 0.9 0.2 c 0.3 0 0.7 0.1 1 0.1 c 0.4 0 0.7 0 1.1 0 c 0.1 0 0.3 0 0.5 -0.1 c 0 0 0.2 0 0.3 0 c 0.2 0.2 0.5 0 0.7 0 c 0.5 0 0.5 -0.1 1 0.1 c 0.3 0 0.6 0.3 0.8 0.5 c 0.1 0.1 0.1 0.3 0.1 0.4 c 0 0.2 0.1 0.3 0 0.4 c -0.1 0.2 -0.1 0.4 -0.2 0.6 c -0.2 0.4 -0.5 0.5 -0.9 0.5 c -0.2 0 -0.4 0.1 -0.6 0.1 c -0.1 0.1 -0.3 0.1 -0.4 0.2 c -0.1 0 -0.2 0 -0.3 0 c -0.1 -0.1 -0.3 -0.1 -0.5 -0.1 c -0.2 0.1 -0.4 0.1 -0.6 0 c -0.1 0 -0.1 0 -0.1 0 c -0.7 0.1 -1.3 -0.1 -2 -0.1 c -0.6 0.1 -1.2 0 -1.9 0 c -0.4 0.7 -0.8 1.4 -1 2.1 c -0.1 0.4 -0.2 0.7 -0.3 1 c -0.2 0.9 -0.3 1.9 -0.7 2.7 c -0.1 0.2 -0.1 0.3 -0.1 0.5 c -0.1 0.4 -0.1 0.9 -0.2 1.3 c 0 0.3 -0.1 0.6 -0.2 0.9 c -0.1 0.3 -0.2 0.6 -0.3 1 c 0 0.3 -0.2 0.6 -0.2 0.9 c 0 0.1 0 0.3 0 0.5 c 0.1 0.2 0 0.4 -0.1 0.6 c -0.2 0.3 -0.3 0.7 -0.4 1.1 c 0 0.2 0 0.4 -0.1 0.5 c -0.1 0.2 0 0.3 -0.1 0.5 c -0.1 0.1 0 0.3 0 0.5 c -0.1 0.3 -0.1 0.6 -0.1 0.9 c -0.1 0.5 -0.1 1 -0.1 1.4 c 0 0.2 -0.1 0.3 -0.1 0.4 c 0.1 0.2 0.1 0.4 0.1 0.6 c 0 0.1 -0.1 0.2 -0.1 0.3 c 0 0.2 0.1 0.3 0 0.4 c -0.1 0.1 -0.1 0.3 -0.2 0.4 c -0.1 0.2 -0.2 0.4 -0.5 0.5 c -0.1 0 -0.3 0.1 -0.4 0.2 c -0.2 0 -0.4 0.2 -0.6 0.2 c -0.3 -0.1 -0.5 -0.2 -0.7 -0.4 c -0.2 -0.5 -0.4 -1 -0.6 -1.5 c -0.1 -0.2 0 -0.5 0.1 -0.7 c 0 -0.1 0 -0.2 0 -0.3 c 0 -0.5 0.2 -1 0.3 -1.5 c 0.1 -0.4 0.2 -0.7 0.3 -1.1 c 0.1 -0.3 0.1 -0.7 0.2 -1 c 0 -0.2 0 -0.5 0.1 -0.7 c 0.1 -0.2 0.1 -0.5 0.1 -0.7 c 0.1 -0.3 0.1 -0.5 0.2 -0.7 c 0.1 -0.5 0.3 -0.9 0.4 -1.3 c 0.1 -0.2 0.2 -0.5 0.2 -0.7 c 0 -0.2 0.1 -0.4 0.1 -0.7 c -0.1 -0.3 0 -0.5 0.1 -0.7 c 0.1 -0.2 0.2 -0.5 0.2 -0.7 c 0.1 -0.1 0.1 -0.3 0.2 -0.5 c 0 -0.4 0.1 -0.7 0.2 -1.1 c 0 0 0 0 0 -0.1 c 0 -0.3 0 -0.6 0.1 -0.8 c 0.1 -0.4 0.1 -0.9 0.3 -1.3 c 0.1 -0.4 0.2 -0.8 0.3 -1.2 c 0 -0.1 0.1 -0.3 0.2 -0.4 c 0.2 -0.3 0.2 -0.7 0.2 -1.1 c -0.5 0 -0.9 0 -1.4 0 c -0.3 0 -0.6 0.1 -0.9 0.2 c -0.2 0.1 -0.4 0.1 -0.6 0.1 c -0.1 0 -0.3 0.1 -0.4 0.1 c -0.1 0 -0.2 0 -0.3 0 c -0.2 0 -0.3 -0.1 -0.4 -0.1 c 0 -0.2 -0.2 -0.2 -0.3 -0.4 c -0.1 -0.1 -0.2 -0.2 -0.2 -0.2 c -0.2 -0.2 -0.2 -0.2 -0.2 -0.5 c 0 0 -0.1 0 -0.1 -0.1 c 0 0 0 -0.1 -0.1 -0.2 c -0.2 -0.1 -0.2 -0.3 -0.2 -0.6 c 0.1 -0.2 0.2 -0.5 0.3 -0.8 c 0.3 -0.3 0.7 -0.4 1.2 -0.4 z m -38.3 23.2 c -0.1 0 -0.1 0 -0.2 0 c -0.1 -0.2 -0.3 -0.2 -0.5 -0.2 c -0.3 0 -0.4 0 -0.6 -0.2 c -0.1 0 -0.3 -0.1 -0.4 -0.1 c -0.3 0 -0.6 -0.1 -1 0.1 c -0.3 -0.1 -0.6 0.1 -1 -0.1 c -0.2 0 -0.4 -0.1 -0.7 0.1 c -0.1 0 -0.2 0 -0.3 0.1 c -0.2 0 -0.3 0 -0.5 0 c -0.2 0 -0.4 0 -0.6 0.2 c -0.1 0.1 -0.3 0.1 -0.4 0.1 c -0.5 0 -0.9 0.1 -1.3 0.2 c -0.6 0.2 -1.1 0.4 -1.6 0.6 c -0.3 0.1 -0.4 0.3 -0.6 0.4 c -0.2 0.2 -0.4 0.3 -0.6 0.4 c -0.6 0 -1.1 0 -1.5 -0.4 c -0.3 -0.3 -0.5 -0.6 -0.6 -1 c -0.1 -0.2 -0.3 -0.5 -0.3 -0.7 c -0.1 -0.1 -0.1 -0.2 -0.1 -0.2 c 0.1 -0.3 0.3 -0.6 0.4 -0.9 c 0 -0.1 0.1 -0.1 0.2 -0.1 c 0.1 0 0.2 -0.1 0.2 -0.2 c 0.2 -0.3 0.2 -0.6 0.3 -0.9 c 0 -0.3 0 -0.5 0 -0.8 c 0 -0.5 0.1 -1.1 0.3 -1.6 c 0.1 -0.3 0.1 -0.6 0.2 -0.8 c 0.1 -0.5 0.2 -0.9 0.2 -1.4 c 0.2 -0.2 0.1 -0.4 0.1 -0.6 c 0.1 -0.2 0.1 -0.5 0.1 -0.7 c 0 -0.2 0.1 -0.5 0.2 -0.7 c 0 -0.2 0.1 -0.3 0.1 -0.4 c 0 -0.2 0.2 -0.5 0.1 -0.8 c 0 -0.4 0.1 -0.9 0.3 -1.3 c 0.1 -0.2 0 -0.3 0.1 -0.4 c 0 -0.4 0.1 -0.6 0.1 -1 c 0 0 -0.1 -0.1 0 -0.2 c 0.1 -0.4 0.1 -0.8 0.2 -1.1 c 0.1 -0.3 0.2 -0.6 0.3 -0.9 c 0.1 -0.2 0.1 -0.4 0 -0.6 c 0 -0.1 0 -0.2 0.1 -0.3 c 0.2 -0.2 0.2 -0.4 0.3 -0.7 c 0.1 -0.5 0 -1 0 -1.5 c 0 -0.1 0.1 -0.2 0.1 -0.2 c 0 -0.4 0.2 -0.8 0.2 -1.2 c 0 -0.3 -0.1 -0.5 -0.1 -0.7 c -0.1 -0.7 -0.1 -0.5 0 -1.1 c 0 -0.1 0 -0.1 0 -0.2 c 0.1 -0.2 0.1 -0.3 0.1 -0.5 c 0.1 -0.3 0.4 -0.5 0.8 -0.4 c 0 0.1 0.1 0.1 0.2 0.1 c 0.2 0 0.4 0 0.5 0.1 c 0.1 0.1 0.3 0.1 0.5 0.1 c 0.1 0.1 0.3 0.2 0.3 0.3 c 0.2 0.3 0.3 0.7 0.6 0.9 c 0.1 0.3 0.1 0.6 0.1 0.8 c 0 0.2 -0.1 0.3 -0.2 0.5 c -0.2 0.2 -0.3 0.4 -0.3 0.7 c -0.1 0.3 -0.1 0.5 -0.1 0.7 c 0 0.4 -0.1 0.7 -0.2 1.1 c 0 0.2 -0.1 0.3 -0.1 0.5 c 0 0.3 -0.1 0.6 -0.1 0.9 c -0.1 0.3 -0.2 0.6 -0.3 0.9 c -0.1 0.3 -0.1 0.5 -0.2 0.8 c 0 0.2 0.1 0.4 0 0.6 c 0 0.4 0 0.7 -0.3 1 c 0 0.1 -0.1 0.3 -0.1 0.4 c 0.2 0.3 0.1 0.6 0 0.8 c -0.1 0.2 -0.2 0.5 -0.2 0.8 c 0 0.2 -0.1 0.4 -0.1 0.6 c 0 0.1 0 0.4 -0.1 0.5 c 0 0.5 -0.2 1 -0.3 1.4 c -0.1 0.2 -0.1 0.4 -0.2 0.7 c 0 0.2 0 0.4 0 0.6 c 0 0.2 0 0.4 0 0.6 c -0.1 0.3 -0.1 0.5 -0.2 0.8 c -0.1 0.2 0 0.4 -0.1 0.6 c -0.1 0.4 -0.2 0.8 -0.2 1.3 c -0.1 0.3 -0.1 0.6 -0.1 0.8 c 0 0.1 0 0.2 0 0.3 c -0.1 0.1 0 0.2 0.2 0.2 c 0 0 0.1 0 0.2 0 c 0.3 -0.2 0.7 -0.3 1.1 -0.3 c 0.2 0 0.4 0 0.7 0 c 0.2 0 0.5 -0.1 0.6 -0.2 c 0.2 -0.1 0.5 -0.1 0.7 -0.2 c 0 0 0.1 0.1 0.1 0.1 c 0.3 0 0.6 0 0.9 0 c 0.6 -0.2 0.8 -0.2 1.4 -0.1 c 0.4 0 0.8 0.1 1.2 -0.1 c 0.2 -0.2 0.6 -0.2 0.9 -0.1 c 0.2 0.1 0.3 0.1 0.5 0.1 c 0.1 0 0.4 0.1 0.5 0.3 c 0.2 0.1 0.4 0.2 0.5 0.4 c 0.1 0.1 0.3 0.3 0.4 0.4 c 0.1 0.2 0.1 0.3 0.2 0.4 c 0 0.1 -0.1 0.2 -0.1 0.3 c -0.2 0.1 -0.3 0.3 -0.3 0.5 c 0 0.1 -0.1 0.3 -0.3 0.3 c -0.1 0.2 -0.2 0.5 -0.3 0.7 z"
59
+ />
60
+ <path
61
+ id="sbb-logo-elvetino__word-mark"
62
+ d="m 98.2 0 c 0.1 0.5 0.2 1 0.4 1.4 c 0.1 0.3 0.1 0.5 0.3 0.8 c 0.1 0.2 0.1 0.4 0.1 0.7 c 0.1 0.2 0.2 0.5 0.2 0.7 c -0.1 0.1 -0.2 0.1 -0.2 0 c 0.1 0 0.1 -0.2 0 -0.2 c 0 -0.2 -0.1 -0.3 -0.1 -0.5 c -0.1 -0.2 0 -0.3 -0.2 -0.4 c -0.1 -0.2 0 -0.3 -0.1 -0.4 c -0.1 -0.1 0.1 -0.3 -0.1 -0.4 c 0 -0.3 -0.2 -0.5 -0.2 -0.8 c 0 0 0 0 0 0 c -0.1 -0.1 0 -0.2 -0.1 -0.2 c 0.1 -0.3 -0.1 -0.4 -0.1 -0.6 c -0.1 0 -0.2 0 -0.3 0 c 0 0 0 -0.1 -0.1 -0.1 c 0.2 0 0.3 0 0.5 0 z m -12.1 0.4 c 0.3 -0.1 0.6 -0.1 0.9 -0.1 c 0.3 0 0.5 -0.1 0.8 -0.1 c 0.2 0 0.5 0.1 0.7 0 c 0.6 -0.1 1.2 0 1.8 0 c 0 0.1 0 0.1 -0.1 0.1 c -0.2 0.2 -0.5 0.2 -0.8 0.3 c -0.1 0 -0.3 0.1 -0.5 0.1 c -0.2 0 -0.3 0 -0.4 -0.1 c -0.1 -0.1 -0.2 -0.1 -0.3 -0.1 c -0.5 0 -0.9 0 -1.4 0.2 c -0.1 0 -0.3 0 -0.5 0 c -0.1 -0.1 -0.1 -0.2 -0.2 -0.3 z m -7.7 0.9 c 0.2 -0.1 0.4 -0.1 0.5 -0.1 c 0.2 0 0.4 0 0.7 0 c 0.2 0 0.3 0.1 0.5 0.1 c 0.1 -0.1 0.3 -0.1 0.4 0 c 0 0.1 0.1 0.1 0.1 0 c 0.2 -0.1 0.4 0 0.5 0.1 c 0 0.1 -0.1 0.1 -0.2 0.1 c -0.2 0 -0.5 -0.1 -0.6 0.1 c -0.2 -0.2 -0.4 -0.1 -0.7 -0.2 c -0.1 0 -0.2 0 -0.4 0 c 0 0.1 -0.2 0.1 -0.2 0.1 c -0.1 -0.2 -0.3 -0.2 -0.6 -0.2 z m 4.7 -0.6 c 0.3 0 0.5 0 0.7 0 c 0.4 -0.1 0.9 -0.1 1.4 -0.1 c 0.1 0 0.1 0 0.2 0 c -0.3 0.1 -0.6 0.2 -0.9 0.3 h 0 c -0.1 0 -0.3 -0.1 -0.4 -0.1 c -0.2 0 -0.3 0.1 -0.4 0 c -0.2 -0.1 -0.4 0 -0.6 -0.1 z m 17.5 11.7 c 0 -0.9 0.1 -1.9 -0.2 -2.8 c 0.1 -0.4 -0.2 -0.7 -0.1 -1 c -0.2 -0.3 -0.2 -0.5 -0.3 -0.8 c -0.1 -0.2 -0.1 -0.5 -0.2 -0.8 c -0.2 -0.5 -0.3 -1.2 -0.4 -1.8 c 0 -0.2 -0.1 -0.5 0 -0.7 c -0.2 -0.1 -0.1 -0.3 -0.1 -0.4 c 0 -0.1 -0.1 -0.3 -0.1 -0.5 c -0.1 0.1 -0.2 0.1 -0.2 0 c -0.2 -0.4 -0.4 -0.7 -0.5 -1 c 0 -0.1 -0.2 -0.6 -0.2 -0.7 c 0 -0.3 0 -0.6 0 -1 c -0.1 0 0 -0.1 0 -0.2 c -0.2 -0.1 -0.2 -0.3 -0.3 -0.4 c 0 0 0 0 -0.1 0 c -0.3 0 -0.6 0 -1 0 c -0.2 0.1 -0.5 0 -0.8 0 c 0 0 0 -0.1 -0.1 -0.1 c -0.4 -0.1 -0.7 0.1 -1.1 0.2 c -0.5 0.2 -1 0.1 -1.4 0.1 c -0.2 -0.2 -0.5 -0.1 -0.7 -0.1 c -0.2 0 -0.3 -0.2 -0.5 0 c -0.5 0 -0.9 0.2 -1.4 0.2 c -0.2 0 -0.4 0 -0.6 0.1 c -0.2 0.1 -0.3 0.1 -0.5 0.1 c -0.2 0 -0.3 0.1 -0.5 0 c -0.4 0 -0.7 0.1 -1.1 0.1 c 0.2 0.2 0.5 0.1 0.5 0.1 c 0.2 0 0.4 0 0.6 0 c 0.2 0 0.4 0 0.6 0 c 0.1 0 0.3 0.1 0.4 0.1 c 0.1 -0.1 0.2 -0.1 0.4 -0.1 c 0 0.1 -0.1 0.2 -0.1 0.2 c -0.4 0 -0.8 0.1 -1.2 0 c -0.1 -0.1 -0.2 -0.1 -0.3 -0.1 c -0.1 0 -0.2 0 -0.3 0.1 v 0 c 0.2 0 0.4 0.1 0.6 0.1 c 1.3 0 2.6 0 4 0 c 0.1 0 0.2 0 0.3 0.1 c 0.1 0 0.1 0 0.2 -0.1 c 0.1 -0.1 0.3 -0.1 0.5 0 c 0.1 0.1 0.3 0.1 0.5 0.1 c 0.7 0 1.4 0 2.1 0 c 0.1 0.2 0.2 0.4 0.2 0.6 c 0 0.4 0.1 0.9 0.1 1.3 c 0.1 0.4 0.2 0.8 0.2 1.1 c 0.1 0.5 0.2 1.2 0.2 1.4 c 0.1 0 0.1 -1.1 0.1 -1.1 c 0.1 0 0.1 1.1 0.1 1.2 c 0 0 0 0 -0.1 0 c 0 0.1 0 0.1 0 0.1 c 0.1 0.2 0.1 0.3 0.1 0.4 c -0.1 0.2 0 0.3 0.1 0.4 c 0 0.3 0 0.7 0 1 c 0 0.1 0 0.1 0 0.1 c 0.1 0.1 0.1 0.3 0.1 0.4 c 0 0.2 0.1 0.4 0.1 0.5 c 0 0.3 0 0.5 0 0.8 c 0.1 0.3 0 0.5 0 0.7 c 0 0.3 0.1 0.6 0.1 0.8 c 0 0.3 0 0.6 0 1 c 0 0.3 -0.1 0.6 -0.1 0.9 c 0 0.4 -0.1 0.8 -0.1 1.3 v 0 c -0.1 0.3 0 0.6 -0.1 0.9 c -0.1 0.2 0 0.5 -0.1 0.7 c -0.1 0.1 0 0.3 -0.1 0.4 c -0.2 0.2 0 0.4 -0.2 0.5 c -0.1 0.1 0 0.3 -0.1 0.4 c 0 0.3 -0.1 0.6 -0.2 0.9 c -0.2 0.6 -0.4 1.3 -0.6 2 c -0.2 0.4 -0.5 0.8 -0.6 1.2 c -0.2 0.2 -0.2 0.5 -0.4 0.7 c -0.4 0.7 -1 1.4 -1.5 2 c -0.3 0.3 -0.6 0.6 -0.9 0.8 c -0.5 0.4 -0.9 0.8 -1.4 0.9 c -0.5 0.4 -1.2 0.7 -1.8 0.9 c -1 0.5 -1.3 0.6 -2 1.3 c -0.2 0.2 -0.3 0.4 -0.3 0.6 c -0.1 0.3 -0.2 0.6 -0.2 1 c 0 0.6 0 1.1 0 1.8 c 0 0.6 0.1 1.1 -0.1 1.8 c -0.1 0.7 0.1 1.4 -0.1 2.2 c 0.1 0.5 -0.1 1.1 0 1.6 c 0 0.1 0 0.1 0 0.1 c -0.2 0.1 -0.1 0.3 -0.1 0.5 c 0 0.1 -0.1 0.3 -0.1 0.5 c 0 0.2 0 0.3 -0.1 0.6 c 0 0.1 0 0.3 0 0.5 c -0.1 0.2 0 0.5 0 0.7 c 0 0.2 -0.1 0.5 -0.1 0.7 c 0 1.8 -0.1 3.7 0.1 5.6 c 0 0.3 0 0.5 0.1 0.8 c 0.1 0.3 0.2 0.7 0.5 0.9 c 0.1 0.1 0.3 0.2 0.4 0.2 c 0.2 0 0.3 0 0.5 -0.1 c 0.2 -0.2 0.4 -0.4 0.6 -0.7 c 0.1 -0.4 0.4 -0.8 0.4 -1.3 c 0.1 -0.2 0 -0.4 0 -0.6 c 0.1 -0.3 0.1 -0.5 0.1 -0.7 c 0 -0.3 0 -0.7 0.1 -1 c 0.1 -0.5 0 -0.9 0.1 -1.4 c -0.1 -0.1 -0.2 -0.1 -0.2 -0.1 c 0 -0.4 -0.1 -0.6 -0.1 -0.9 c 0 -0.4 0.1 -0.9 0.1 -1.3 c 0 -0.3 0.1 -0.6 0.1 -0.9 c 0.2 -0.1 0 -0.3 0.1 -0.5 c 0.1 -0.3 0.2 -0.6 0.3 -0.8 c 0.1 -0.4 0.2 -0.7 0.2 -1 c 0.1 -0.3 0.1 -0.6 0.2 -0.9 c 0 -0.2 0 -0.4 0 -0.7 c 0 -0.2 0.1 -0.3 0.1 -0.5 c 0 -0.2 0 -0.4 0 -0.5 c 0 -1.2 -0.2 -2.4 -0.1 -3.6 c 0 -0.1 0 -0.1 0 -0.2 c -0.1 -0.2 -0.1 -0.4 -0.1 -0.6 c 0.2 -0.1 0.3 -0.2 0.5 -0.3 c 0.4 -0.1 0.8 -0.2 1.2 -0.4 c 0.4 -0.2 0.8 -0.5 1.3 -0.8 c 0.5 -0.4 1.1 -0.7 1.6 -1.2 c 0.7 -0.6 1.3 -1.2 1.8 -1.9 c 0.4 -0.6 0.7 -1.1 1.1 -1.7 c 0.2 -0.4 0.5 -0.9 0.6 -1.4 c 0.2 -0.4 0.3 -0.8 0.5 -1.1 c 0.2 -0.4 0.2 -0.9 0.4 -1.2 c 0.1 -0.7 0.4 -1.4 0.4 -2.1 c 0.2 -0.1 0.1 -0.4 0.1 -0.5 c 0.1 -0.2 0.1 -0.3 0.1 -0.4 c 0 -0.1 0.1 -0.3 0.1 -0.4 c 0 -0.2 0 -0.3 0 -0.4 c 0.1 -0.2 0 -0.4 0.1 -0.7 c 0.1 -0.2 0 -0.5 0.1 -0.7 c -0.1 -0.5 0.1 -1 0.1 -1.4 c 0.1 -0.3 0.1 -0.5 0.1 -0.7 z m -13.8 -10.9 l -1.1 -0.1 l -0.1 0.1 c 0 0 -0.1 0.1 0.2 0 c 0.3 0 1 0 1 0 z m -2 0 h -0.5 l -0.2 0 h 0.3 c 0.1 0 0.4 0 0.4 0 z"
63
+ />
64
+ </svg>
65
+ </span>
66
+ `}};export{x as SbbLogoCargoElement,y as SbbLogoCargoInternationalElement,_ as SbbLogoElement,C as SbbLogoElvetinoElement};
@@ -1285,19 +1285,18 @@ summary {
1285
1285
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1286
1286
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1287
1287
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1288
- --sbb-dialog-inset-block: 0 auto;
1289
- --sbb-dialog-inset-inline: 0 auto;
1290
1288
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1291
1289
  --sbb-dialog-animation-easing: ease;
1292
1290
  --sbb-dialog-pointer-events: none;
1293
- --sbb-dialog-backdrop-visibility: hidden;
1294
1291
  --sbb-dialog-backdrop-pointer-events: none;
1295
- --sbb-dialog-backdrop-color: transparent;
1292
+ --sbb-dialog-backdrop-color: var(--sbb-background-color-3);
1296
1293
  --sbb-dialog-actions-border-color: var(--sbb-background-color-4);
1297
1294
  --sbb-dialog-close-button-inset-inline-end: var(--sbb-spacing-fixed-4x);
1298
1295
  --sbb-dialog-close-button-margin-inline: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);
1299
1296
  --_sbb-dialog-max-width: 100%;
1300
- --_sbb-dialog-max-height: calc(100dvh - var(--sbb-spacing-fixed-6x));
1297
+ --_sbb-dialog-max-height: calc(
1298
+ 100dvh - env(safe-area-inset-top, 0) - var(--sbb-spacing-fixed-6x)
1299
+ );
1301
1300
  --sbb-divider-color: var(--sbb-background-color-4);
1302
1301
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1303
1302
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1435,11 +1434,15 @@ summary {
1435
1434
  --sbb-loading-indicator-circle-animated-width: 0.1875em;
1436
1435
  --sbb-loading-indicator-circle-animated-height: 0.1875em;
1437
1436
  --sbb-loading-indicator-circle-animated-border-radius: 50%;
1437
+ --sbb-logo-cargo-aspect-ratio: 599 / 50;
1438
+ --sbb-logo-cargo-international-aspect-ratio: 694 / 50;
1439
+ --sbb-logo-elvetino-aspect-ratio: 138 / 48;
1440
+ --sbb-logo-elvetino-color: #c60018;
1441
+ --sbb-logo-aspect-ratio: 454 / 48;
1438
1442
  --sbb-logo-panel-color: var(--sbb-color-brand);
1439
1443
  --sbb-logo-signet-color: var(--sbb-color-white);
1440
1444
  --sbb-logo-word-mark-color: var(--sbb-color-black);
1441
1445
  --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1442
- --sbb-logo-aspect-ratio: 454 / 48;
1443
1446
  --sbb-map-container-map-height-zero: 18.4375rem;
1444
1447
  --sbb-map-container-map-height-small: 20rem;
1445
1448
  --sbb-map-container-sidebar-width: 25rem;
@@ -2049,7 +2052,9 @@ summary {
2049
2052
  --sbb-alert-close-button-divider-display: block;
2050
2053
  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
2051
2054
  --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
2052
- --_sbb-dialog-max-height: calc(100dvh - 2 * var(--sbb-spacing-fixed-6x));
2055
+ --_sbb-dialog-max-height: calc(
2056
+ 100dvh - env(safe-area-inset-top, 0) - 2 * var(--sbb-spacing-fixed-6x)
2057
+ );
2053
2058
  --_sbb-dialog-max-width: 90vw;
2054
2059
  --sbb-footer-clock-width: 7rem;
2055
2060
  --sbb-notification-icon-align-self: flex-start;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.8.0-dev.1789370784",
3
+ "version": "5.8.0-dev.1789399474",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/0d438a02afc8ecf5b6272a3f33c8bb738adf1edd"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/4e04f383d39b507d7ae79aa08669caa8f55904ab"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {