@sbb-esta/lyne-elements-dev 5.8.0-dev.1788844741 → 5.8.0-dev.1788874314

package/core.js

@@ -17,23 +17,23 @@ var le=class{constructor(){this.ignoreVisibility=!1}},ue=class{isDisabled(e){ret
 let Se=0;var Ce=class{constructor(){r||(document.body?this._liveElement=this._createLiveElement():document.addEventListener(`DOMContentLoaded`,()=>{this._liveElement=this._createLiveElement()}))}announce(e,...t){if(!this._liveElement)return Promise.resolve();let n={},r,i;return t.length===1&&typeof t[0]==`number`?i=t[0]:[r,i]=t,this.clear(),clearTimeout(this._previousTimeout),r??=n?.politeness??`polite`,i??=n?.duration,this._liveElement.setAttribute(`aria-live`,r),this._currentPromise??=new Promise(e=>this._currentResolve=e),clearTimeout(this._previousTimeout),this._previousTimeout=setTimeout(()=>{this._liveElement.textContent=e,typeof i==`number`&&(this._previousTimeout=setTimeout(()=>this.clear(),i)),this._currentResolve?.(),this._currentPromise=this._currentResolve=void 0},100),this._currentPromise}clear(){this._liveElement&&(this._liveElement.textContent=``)}destroy(){clearTimeout(this._previousTimeout),this._liveElement?.remove(),this._liveElement=null,this._currentResolve?.(),this._currentPromise=this._currentResolve=void 0}_createLiveElement(){let e=`sbb-live-announcer-element`,t=document.getElementsByClassName(e),n=document.createElement(`div`);for(let e=0;e<t.length;e++)t[e].remove();return n.classList.add(e),n.classList.add(`sbb-screen-reader-only`),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`aria-live`,`polite`),n.id=`sbb-live-announcer-${Se++}`,document.body.appendChild(n),n}};const we=new Ce;var Te=`*,:before,:after{box-sizing:border-box}
 `;const Ee=r||!CSS.supports(`selector(:state(loading))`)?class extends Set{constructor(e){super(),this._host=e,this._applied=r,this._host.addController(this),r||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(!r){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 De=new WeakMap;function Oe(e){if(!e)return null;let t=De.get(e)?.states,n=function(e,t){t||t!==!1&&!this.has(e)?this.add(e):this.delete(e)};return t?{add(e){return t.add(e),this},delete:e=>t.delete(e),has:e=>t.has(e),toggle:n}:{add(t){return e.toggleAttribute(`state--${t}`,!0),this},delete:t=>e.toggleAttribute(`state--${t}`,!1),has:t=>e.hasAttribute(`state--${t}`),toggle:n}}var M=class extends Event{constructor(e){super(`slottedchange`,{composed:!0}),this.slot=e}};const ke=(e,...t)=>{let n=t.filter(e=>!!e);return e?.length?e.concat(n):t.length?n:null},Ae=(e,...t)=>{t=t.filter(e=>!!e);let n=e?.filter(e=>!t.includes(e))??null;return n?.length?n:null};var N=class extends e{static{this._$sbbElement$=!0}static{this.styles=[a(Te)]}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),De.set(this,this.internals),Ee)Object.defineProperty(this.internals,"states",{value:new Ee(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 M(e))):!n&&this.internals.states.has(t)&&(this.internals.states.delete(t),this.dispatchEvent(new M(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())}},P=class extends N{get maybeDisabled(){let e=this;return e.disabled||e.formDisabled}get maybeDisabledInteractive(){return this.disabledInteractive}constructor(){super(),this.internals.states.add(`action`)}connectedCallback(){super.connectedCallback()}setupBaseEventHandlers(){this.addEventListener(`click`,e=>{this.maybeDisabled&&!this.maybeDisabledInteractive&&(e.preventDefault(),e.stopImmediatePropagation())},{capture:!0})}renderTemplate(){throw Error(`Implementation needed!`)}render(){return n`<span class="sbb-action-base ${this.localName}">${this.renderTemplate()}</span>`}};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}`)};async function je(e){return await new Promise(e=>setTimeout(e)),e.defaultPrevented}const Me={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1};if(typeof ValidityState>`u`){let e=class{get valid(){return!0}constructor(){throw TypeError(`Illegal constructor`)}};Object.entries(Me).forEach(([t,n])=>Object.assign(e.prototype,{get[t](){return n}})),globalThis.ValidityState=e}const I=e=>(()=>{let t=e,n=[],r,i,a=[],c=[];return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;r=[l()],i=[u()],o(this,null,r,{kind:`setter`,name:`name`,static:!1,private:!1,access:{has:e=>`name`in e,set:(e,t)=>{e.name=t}},metadata:e},null,n),o(this,null,i,{kind:`accessor`,name:`formDisabled`,static:!1,private:!1,access:{has:e=>`formDisabled`in e,get:e=>e.formDisabled,set:(e,t)=>{e.formDisabled=t}},metadata:e},a,c),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static{this.formAssociated=!0}get form(){return this.internals.form}set name(e){this.setAttribute(`name`,`${e}`),this.updateFormValue()}get name(){return this.getAttribute(`name`)??``}get type(){return this.localName}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}#e;get formDisabled(){return this.#e}set formDisabled(e){this.#e=e}constructor(...e){super(...e),this._validityStates=(s(this,n),new Map),this.#e=s(this,a,!1),s(this,c),this.addEventListener?.(`invalid`,e=>e.preventDefault())}attributeChangedCallback(e,t,n){(e!==`name`||t!==n)&&super.attributeChangedCallback(e,t,n)}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(e){e?this.setValidityFlag(`customError`,e):this.removeValidityFlag(`customError`)}formDisabledCallback(e){this.formDisabled=this._hasDisabledAncestor()}_hasDisabledAncestor(){let e=this.parentElement;for(;e;){if(e.localName===`fieldset`&&e.hasAttribute(`disabled`))return!0;e=e.parentElement}return!1}requestUpdate(e,t,n){super.requestUpdate(e,t,n),e===`value`&&this.updateFormValue(),this.hasUpdated&&this.shouldValidate(e)&&this.validate()}firstUpdated(e){super.firstUpdated(e),this.validate()}updateFormValue(){let e,t=this.name??this.getAttribute(`name`);typeof this.value==`string`||this.value==null?e=this.value:Array.isArray(this.value)?(e=new FormData,this.value.forEach(n=>{e.append(t,typeof n==`string`?n:new Blob([JSON.stringify(n)],{type:`application/json`}))})):(e=new FormData,e.append(t,new Blob([JSON.stringify(this.value)],{type:`application/json`}))),this.internals.setFormValue(e,this.formState?.())}setValidityFlag(e,t,n){n??=!0;let r=this._validityStates.get(e);(!r||r.message!==t||r.flagValue!==n)&&(this._validityStates.set(e,{flagValue:n,message:t}),this._setInternalValidity())}removeValidityFlag(e){this._validityStates.has(e)&&(this._validityStates.delete(e),this._setInternalValidity())}validate(){}shouldValidate(e){return!e}_setInternalValidity(){let e=this._validityStates.get(`customError`)?.message,t={};this._validityStates.forEach(({flagValue:n,message:r},i)=>{t[i]=n,e||=r});let n=Object.keys(ValidityState.prototype).filter(e=>!(e in Me)&&e!==`valid`);for(let e of n){let n=e in t&&t[e];Object.defineProperty(this.internals.validity,e,{value:n,configurable:!0}),n&&(t.customError=!0)}this.internals.setValidity(t,e),k&&Object.defineProperty(this.internals.validity,"customError",{value:this._validityStates.has(`customError`)||!!t.customError,configurable:!0}),this.dispatchEvent(new Event(`validity`))}}})();var Ne=class extends I(P){static{this.role=`button`}constructor(){if(super(),this._preventScrollOnSpaceKeydown=e=>{e.key===` `&&(e.preventDefault(),this.internals.states.add(`active`))},this._removeActiveMarker=()=>{this.internals.states.delete(`active`)},this._dispatchClickEventOnSpaceKeyup=e=>{e.key===` `&&(this._removeActiveMarker(),this._dispatchClickEvent(e))},this._dispatchClickEvent=e=>{let{altKey:t,ctrlKey:n,metaKey:r,shiftKey:i}=e;e.target.dispatchEvent(new PointerEvent(`click`,{bubbles:!0,cancelable:!0,composed:!0,pointerId:-1,pointerType:``,altKey:t,ctrlKey:n,metaKey:r,shiftKey:i}))},this.internals.states.add(`button`),!r){this.setupBaseEventHandlers();let e={passive:!0};this.addEventListener(`keydown`,this._preventScrollOnSpaceKeydown),this.addEventListener(`keyup`,this._dispatchClickEventOnSpaceKeyup,e),this.addEventListener(`blur`,this._removeActiveMarker,e),this.addEventListener(`keypress`,e=>{(e.key===`Enter`||e.key===`
 `)&&this._dispatchClickEvent(e)},e)}}connectedCallback(){super.connectedCallback(),this.tabIndex=0}attributeChangedCallback(e,t,n){(![`name`,`value`].includes(e)||t!==n)&&super.attributeChangedCallback(e,t,n)}};let Pe=(()=>{let e=Ne,t=[],n,r=[],i=[],a,c;return class extends e{static{let s=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;n=[F(),l()],a=[l()],c=[l()],o(this,null,n,{kind:`accessor`,name:`value`,static:!1,private:!1,access:{has:e=>`value`in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:s},r,i),o(this,null,a,{kind:`setter`,name:`type`,static:!1,private:!1,access:{has:e=>`type`in e,set:(e,t)=>{e.type=t}},metadata:s},null,t),o(this,null,c,{kind:`setter`,name:`form`,static:!1,private:!1,access:{has:e=>`form`in e,set:(e,t)=>{e.form=t}},metadata:s},null,t),s&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})}#e;get value(){return this.#e}set value(e){this.#e=e}set type(e){this.setAttribute(`type`,`${e}`)}get type(){return this.getAttribute(`type`)??`button`}set form(e){this._formId=e,this.form?.addEventListener(`keydown`,this._formKeyDown,{capture:!0})}get form(){return this._formId?this.getRootNode?.()?.getElementById?.(this._formId)??null:this.internals.form}constructor(){super(),this._elementsOnWhichEnterPressTriggersSubmit=(s(this,t),[`input`,`sbb-date-input`,`sbb-time-input`]),this.#e=s(this,r,``),this._formId=(s(this,i),``),this._handleButtonClick=async e=>{if(this.type===`button`||await je(e))return;let t=this.form;if(t)this.type===`submit`?this._requestSubmit(t):this.type===`reset`&&t.reset();else return},this._formKeyDown=e=>{let t=this.form;this.type===`submit`&&t&&(e.key===`Enter`||e.key===`
-`)&&this._elementsOnWhichEnterPressTriggersSubmit.includes(e.target?.localName)&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault(),e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type,e))&&!this.matches(`:disabled`)&&this._requestSubmit(t))},this.addEventListener(`click`,this._handleButtonClick)}connectedCallback(){super.connectedCallback(),this.form?.addEventListener(`keydown`,this._formKeyDown,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.form?.removeEventListener(`keydown`,this._formKeyDown,{capture:!0})}_requestSubmit(e){let t=document.createElement(`button`);t.inert=!0,t.hidden=!0,t.name=this.name,t.value=this.value??``,e.append(t),e.requestSubmit(t),t.remove()}formResetCallback(){}formStateRestoreCallback(e,t){}updateFormValue(){}}})();function L(){return`sbbConfig`in globalThis||(globalThis.sbbConfig={}),globalThis.sbbConfig}function Fe(e){let t=L();Object.assign(t,e)}var R=class e{static{this._defaultLanguage=`en`}static{this._supportedLocales=[`en`,`de`,`fr`,`it`]}static{this._listeners=new Set}static{this._observer=r?null:new MutationObserver(t=>{t[0].oldValue!==document.documentElement.getAttribute(`lang`)&&e._listeners.forEach(e=>e._callHandlers())})}static{this._observerConfig={attributeFilter:[`lang`],attributeOldValue:!0}}static get current(){let t=((L().language??(r?e._defaultLanguage:document.documentElement.getAttribute(`lang`)))||e._defaultLanguage).split(`-`)[0];return e._supportedLocales.includes(t)?t:e._defaultLanguage}get current(){return e.current}constructor(e){this._host=e,this._handlers=[],this._host.addController(this)}withHandler(e){return this._handlers.unshift(e),this}hostConnected(){r||(e._listeners.size||e._observer.observe(document.documentElement,e._observerConfig),e._listeners.add(this),this._previousLanguage!==this.current&&this._callHandlers(this._previousLanguage!==void 0))}hostDisconnected(){r||(this._previousLanguage=this.current,e._listeners.delete(this),e._listeners.size||e._observer.disconnect())}_callHandlers(e=!0){this._handlers.forEach(e=>e()),e&&this._host.requestUpdate()}};const z={toAttribute(e,n){return(n===String||n===void 0)&&e===``||n===Number&&isNaN(e)?null:t.toAttribute(e,n)}},Ie={de:`Richtung`,en:`Direction`,fr:`Direction`,it:`Direzione`},Le={de:`Ankunft`,en:`Arrival`,fr:`Arrivée`,it:`Arrivo`},Re={de:`Sektor`,en:`Sector`,fr:`Secteur`,it:`Settore`},ze={de:`Skt.`,en:`Sec.`,fr:`Sect.`,it:`Set.`},Be={de:`und`,en:`and`,fr:`et`,it:`e`},Ve={first:{de:`Erste Klasse`,en:`First Class`,fr:`Première classe`,it:`Prima classe`},second:{de:`Zweite Klasse`,en:`Second Class`,fr:`Deuxième classe`,it:`Seconda classe`}},He={de:`Zug`,en:`Train`,fr:`Train`,it:`Treno`},Ue={de:`Züge`,en:`Trains`,fr:`Trains`,it:`Treni`},We={de:`Wagen des Zuges`,en:`Coaches of the train`,fr:`Wagons du train`,it:`Carrozze del treno`},Ge={de:`Wagen`,en:`Train coach`,fr:`Wagon`,it:`Carrozza del treno`},Ke={de:`Nummer`,en:`Number`,fr:`Numéro`,it:`Numero`},qe={de:`Geschlossener Zugwaggon`,en:`Closed train coach`,fr:`Wagon du train fermé`,it:`Carrozza del treno chiuso`},Je={de:`Lokomotive`,en:`Locomotive`,fr:`Locomotive`,it:`Locomotiva`},Ye={de:`Schlafwagen`,en:`Sleeping car`,fr:`Voiture-lits`,it:`Carrozza letti`},Xe={de:`Liegewagen`,en:`Couchette car`,fr:`Voiture-couchettes`,it:`Carrozza cuccette`},Ze={de:`Speisewagen`,en:`Dining car`,fr:`Voiture-restaurant`,it:`Carrozza ristorante`},Qe={previous:{de:`Kein Durchgang zum vorherigen Wagen`,en:`No passage to the previous train coach`,fr:`Pas de passage au wagon du train précédent`,it:`Nessun passaggio alla carrozza del treno precedente`},next:{de:`Kein Durchgang zum nächsten Wagen`,en:`No passage to the next train coach`,fr:`Pas de passage au wagon du train suivant`,it:`Nessun passaggio alla carrozza del treno successivo`},both:{de:`Kein Durchgang zum nächsten und vorherigen Wagen`,en:`No passage to the next and previous train coach`,fr:`Pas de passage au wagon du train suivant et précédent`,it:`Nessun passaggio alla carrozza del treno successivo e precedente`}},$e={de:`Zusätzliche Wageninformation`,en:`Additional wagon information`,fr:`Informations supplémentaires sur les wagons`,it:`Informazioni aggiuntive sulla carrozza del treno`},et={de:`Abfahrt`,en:`Departure`,fr:`Départ`,it:`Partenza`},tt={de:`nicht barrierefrei`,en:`not accessible`,fr:`non accessible`,it:`non accessibile`},nt={de:`herunterladen`,en:`download`,fr:`télécharger`,it:`scaricare`},rt={single:{long:{de:`Minute`,en:`Minute`,fr:`Minute`,it:`Minuto`},short:{de:`m`,en:`m`,fr:`m`,it:`m`}},multiple:{long:{de:`Minuten`,en:`Minutes`,fr:`Minutes`,it:`Minuti`},short:{de:`Min`,en:`min`,fr:`min.`,it:`mins`}}},it={single:{long:{de:`Stunde`,en:`Hour`,fr:`Heure`,it:`Ora`},short:{de:`Std.`,en:`h`,fr:`ore`,it:`hrs`}},multiple:{long:{de:`Stunden`,en:`Hours`,fr:`Heures`,it:`Ore`},short:{de:`Std.`,en:`h`,fr:`ore`,it:`hrs`}}},at={single:{long:{de:`Tag`,en:`Day`,fr:`Jour`,it:`Giorno`}},multiple:{long:{de:`Tage`,en:`Days`,fr:`Jours`,it:`Giorni`}}},ot={de:`Gleisänderung im Verlauf dieser Verbindung`,en:`Track change in the course of this connection`,fr:`Changement de voie sur le parcours de cette connexion`,it:`Cambiamento di binario nel corso di questa connessione`},st={de:`Reisedauer`,en:`Travel time`,fr:`Durée du voyage`,it:`Durata del viaggio`},ct={de:`Reisehinweise`,en:`Travelhints`,fr:`Indications sur le voyage`,it:`Indicazioni di viaggio`},lt={de:`Echtzeitinformationen`,en:`Real time information`,fr:`Informations en temps réel`,it:`Informazioni in tempo reale`},ut={de:`mal umsteigen`,en:`change`,fr:`changement de train`,it:`cambio`},dt={de:`mal umsteigen`,en:`changes`,fr:`changements de train`,it:`cambi`},ft={de:`neu`,en:`new`,fr:`nouveau`,it:`nuovo`},pt={de:`Auf`,en:`on`,fr:`sur`,it:`su`},mt={de:`Sparbillette`,en:`Supersaver tickets`,fr:`Billets dégriffés`,it:`Biglietti risparmio`},ht={none:{de:`Keine Belegungsprognose verfügbar`,en:`No occupancy forecast available`,fr:`Aucune prévision d'occupation disponible`,it:`Nessuna previsione di occupazione disponibile`},low:{de:`Tiefe bis mittlere Belegung erwartet`,en:`Low to average occupancy expected`,fr:`Taux d’occupation faible à moyen prévu`,it:`È prevista un’occupazione medio-bassa`},medium:{de:`Hohe Belegung erwartet`,en:`High occupancy expected`,fr:`Taux d’occupation élevé prévu`,it:`È prevista un’occupazione elevata`},high:{de:`Sehr hohe Belegung erwartet`,en:`Very high occupancy expected`,fr:`Taux d’occupation très élevé prévu`,it:`È prevista un’occupazione molto elevata`}},gt={funicular:{de:`Seilbahn/Zahnradbahn`,en:`Funicular/Cog railway`,fr:`Funiculaire/Chemin de fer à crémaillère`,it:`Funivia/Ferrovia a cremagliera`},ec_id:{de:`EC/IC`,en:`EC/IC`,fr:`EC/IC`,it:`EC/IC`},bus:{de:`Bus`,en:`Bus`,fr:`Bus`,it:`Bus`},re:{de:`RE`,en:`RE`,fr:`RE`,it:`RE`},arz_ext:{de:`ARZ/EXT`,en:`ARZ/EXT`,fr:`ARZ/EXT`,it:`ARZ/EXT`},ice_tgv_rjx:{de:`ICE/TGV/RJX`,en:`ICE/TGV/RJX`,fr:`ICE/TGV/RJX`,it:`ICE/TGV/RJX`},ir_pe:{de:`IR/PE`,en:`IR/PE`,fr:`IR/PE`,it:`IR/PE`},s_sn_r:{de:`S/SN/R`,en:`S/SN/R`,fr:`S/SN/R`,it:`S/SN/R`},tramway:{de:`Tram/Metro`,en:`Tramway/Underground`,fr:`Tram/Métro`,it:`Tram/Metro`},ship:{de:`Schiff`,en:`Ship`,fr:`Bateau`,it:`Battello`},train:{de:`Zug`,en:`Train`,fr:`Train`,it:`Treno`}},_t={de:`Linkziel öffnet in neuem Fenster.`,en:`Link target opens in a new window.`,fr:`Le lien s'ouvre dans une nouvelle fenêtre.`,it:`Il link si apre in una nuova finestra.`},vt={de:`Minuten Fussweg nach Ankunft:`,en:`minutes of walking time after arrival:`,fr:`minutes de trajet à pied après l’arrivée:`,it:`minuti a piedi all’arrivo:`},yt={de:`Minuten Fussweg vor Abfahrt:`,en:`minutes of walking time before departure:`,fr:`minutes de trajet à pied avant le départ:`,it:`minuti a piedi prima della partenza:`},bt={de:`Meldung schliessen`,en:`Close message`,fr:`Fermer le message`,it:`Chiudere il messaggio`},xt={de:`Nachricht schliessen`,en:`Close message`,fr:`Fermer le message`,it:`Chiudere il messaggio`},St={de:`Dialog`,en:`Dialog`,fr:`Dialogue`,it:`Dialogo`},Ct={de:`Übergelagertes Fenster schliessen`,en:`Close secondary window`,fr:`Fermer la fenêtre superposée`,it:`Chiudere la finestra sovrapposta`},wt={de:`Navigation schliessen`,en:`Close navigation`,fr:`Fermer la navigation`,it:`Chiudere la navigazione`},Tt={de:`Seitenleiste schliessen`,en:`Close sidebar`,fr:`Fermer la barre latérale`,it:`Chiudere la barra laterale`},Et={de:`Hinweis schliessen`,en:`Close note`,fr:`Fermer la note`,it:`Chiudere la nota`},Dt={de:`Zurück`,en:`Go back`,fr:`Retourner`,it:`Indietro`},Ot={de:`Heute`,en:`Today`,fr:`Aujourd’hui`,it:`Oggi`},kt={de:`Zum nächsten Monat wechseln`,en:`Change to the next month`,fr:`Passer au mois suivant`,it:`Passare al mese successivo`},At={de:`Zum letzten Monat wechseln`,en:`Change to the previous month`,fr:`Passer au mois précédent`,it:`Passare al mese precedente`},jt={de:`Nächster Tag`,en:`Next day`,fr:`Jour suivant`,it:`Giorno successivo`},Mt={de:`Vorheriger Tag`,en:`Previous day`,fr:`Jour précédent`,it:`Giorno precedente`},Nt={de:`Jahr und Monat auswählen`,en:`Choose year and month`,fr:`Choisir l’année et le mois`,it:`Seleziona anno e mese`},Pt={de:`Wechsel zur Datumsauswahl`,en:`Change to date selection`,fr:`Passer à la sélection de date`,it:`Passare alla selezione della data`},Ft=e=>({de:`Wechsel zu den nächsten ${e} Jahren`,en:`Change to the next ${e} years`,fr:`Passer aux ${e} prochaines années`,it:`Passare ai successivi ${e} anni`}),It=e=>({de:`Wechsel zu den vorherigen ${e} Jahren`,en:`Change to the previous ${e} years`,fr:`Passage aux ${e} précédentes années`,it:`Passare ai precedenti ${e} anni`}),Lt={de:`Zum nächsten Jahr wechseln`,en:`Change to the next year`,fr:`Passer à l'année suivante`,it:`Passare all'anno successivo`},Rt={de:`Zum letzten Jahr wechseln`,en:`Change to the previous year`,fr:`Passer à l'année précédent`,it:`Passare all'anno precedente`},zt=e=>({de:`Zum nächsten Tag wechseln, derzeit ausgewählt ${e}.`,en:`Change to the next day, currently selected ${e}.`,fr:`Passer au jour suivant, actuellement sélectionné ${e}.`,it:`Passare al giorno successivo, attualmente selezionato ${e}.`}),Bt=e=>({de:`Zum vorherigen Tag wechseln, derzeit ausgewählt ${e}.`,en:`Change to the previous day, currently selected ${e}.`,fr:`Passer au jour précédent, actuellement sélectionné ${e}.`,it:`Passare al giorno precedente, attualmente selezionato ${e}.`}),Vt={de:`Kalender anzeigen`,en:`Show calendar`,fr:`Afficher le calendrier`,it:`Visualizza il calendario`},Ht={de:`TT.MM.JJJJ`,en:`DD.MM.YYYY`,fr:`JJ.MM.AAAA`,it:`GG.MM.AAAA`},Ut={de:`Datum geändert auf`,en:`Date changed to`,fr:`Date modifiée au`,it:`Data modificata in`},Wt={de:`Verbindung von`,en:`Connection from`,fr:`Liaison de`,it:`Collegamento da`},Gt={de:`nach`,en:`to`,fr:`à`,it:`a`},Kt=e=>({de:`und zurück nach ${e}.`,en:`and back to ${e}.`,fr:`et retour à ${e}.`,it:`e ritorno a ${e}.`}),qt={de:`erweitert`,en:`expanded`,fr:`étendu`,it:`espanso`},Jt={de:`reduziert`,en:`collapsed`,fr:`condensé`,it:`compresso`},Yt={de:`Karte zeigen`,en:`Show map`,fr:`Afficher la carte`,it:`Mostra la mappa`},Xt={de:`Mehr Breadcrumbs anzeigen`,en:`Show more breadcrumbs`,fr:`Afficher plus de fils d’Ariane`,it:`Mostra più breadcrumbs`},Zt={de:`Feldinhalt löschen`,en:`Clear input value`,fr:`Effacer la valeur d’entrée`,it:`Cancella il valore dell’input`},Qt={de:`Klicken Sie auf diese Karte für Details`,en:`Click on this card for details`,fr:`Cliquez sur cette carte pour plus de détails`,it:`Clicca su questa scheda per i dettagli`},$t={de:`Klicken Sie auf diese Karte, um zurück zur Zusammenfassung zu gelangen`,en:`Click on this card to go back to the summary`,fr:`Cliquez sur cette carte pour revenir au résumé`,it:`Clicca su questa scheda per tornare al sommario`},en={de:`Datei auswählen`,en:`Choose a file`,fr:`Choisissez un fichier`,it:`Scegli un file`},tn={de:`Dateien auswählen`,en:`Choose files`,fr:`Choisissez des fichiers`,it:`Scegli file`},nn={de:`Ziehen Sie Ihre Datei hier hin (Drag & Drop)`,en:`Drag & Drop your file here`,fr:`Faites glisser et déposez votre fichier ici`,it:`Trascina e rilascia il file qui`},rn={de:`Ziehen Sie Ihre Dateien hier hin (Drag & Drop)`,en:`Drag & Drop your files here`,fr:`Faites glisser et déposez vos fichiers ici`,it:`Trascina e rilascia i file qui`},an={de:`Datei entfernen`,en:`Remove file`,fr:`Effacer le fichier`,it:`Rimuovi il file`},on=e=>e&&e.length>0?{de:`Aktuell ausgewählte Datei: ${e.join(`, `)}.`,en:`Currently selected files: ${e.join(`, `)}.`,fr:`Fichier actuellement sélectionné: ${e.join(`, `)}.`,it:`File attualmente selezionato: ${e.join(`, `)}.`}:{de:`Keine Datei ausgewählt.`,en:`No files selected.`,fr:`Nessun fichier sélectionné.`,it:`Nessun file selezionato.`},sn={de:`Nächste Seite`,en:`Next page`,fr:`Page suivante`,it:`Pagina successiva`},cn={de:`Vorherige Seite`,en:`Previous page`,fr:`Page précédente`,it:`Pagina precedente`},ln={de:`Seite`,en:`Page`,fr:`Page`,it:`Pagina`},un={de:`Einträge pro Seite`,en:`Items per page`,fr:`Entrées par page`,it:`Elementi per pagina`},dn={de:`ausgewählt`,en:`selected`,fr:`sélectionnée`,it:`selezionata`},fn={de:`von`,en:`of`,fr:`sur`,it:`di`},pn={de:`Muss gesetzt sein.`,en:`Must be checked.`,fr:`Doit être cochée.`,it:`Deve essere impostato.`},mn={de:`Auswahl erforderlich.`,en:`Selection required.`,fr:`Sélection requise.`,it:`Selezione necessaria.`},hn={de:`Eingabe erforderlich.`,en:`Input required.`,fr:`Entrée obligatoire.`,it:`Inserimento necessario.`},gn={de:`Bitte gültiges Datum eingeben.`,en:`Please provide a valid date.`,fr:`Veuillez saisir une date valide.`,it:`Inserire una data valida.`},_n=e=>({de:`Datum darf nicht vor ${e} sein.`,en:`Date must not be before ${e}.`,fr:`La date ne doit pas être antérieure au ${e}.`,it:`La data non deve essere anteriore al ${e}.`}),vn=e=>({de:`Datum darf nicht nach ${e} sein.`,en:`Date must not be after ${e}.`,fr:`La date ne doit pas être postérieure au ${e}.`,it:`La data non deve essere successiva al ${e}.`}),yn=e=>({de:`Zeit geändert zu ${e}.`,en:`Time changed to ${e}.`,fr:`Heure modifiée: ${e}.`,it:`Orario modificata alle ${e}.`}),bn={de:`Bitte gültige Zeit eingeben.`,en:`Please provide a valid time.`,fr:`Veuillez saisir une heure valide.`,it:`Inserisci un orario valido.`},xn={de:`Zeit darf nicht nach 23:59 sein.`,en:`Time must not be after 23:59.`,fr:`L’heure ne doit pas être postérieure à 23h59.`,it:`L’orario non può essere successivo alle 23.59.`},Sn={de:`Die Zeiteingabe darf nicht mehr als fünf Zeichen haben.`,en:`The time input must not exceed five characters.`,fr:`La saisie de l’heure ne doit pas comporter plus de cinq caractères.`,it:`L’indicazione temporale non può contenere più di cinque caratteri.`},Cn={de:`Drücken Sie die Entfernen-Taste um den Chip zu löschen`,en:`Press the Delete button to remove the chip`,fr:`Appuyez sur la touche Del pour supprimer cette puce`,it:`Premi il tasto Canc per rimuovere questa chip`},wn={de:`Ausgewählte Elemente:`,en:`Selected elements:`,fr:`Éléments sélectionnés:`,it:`Elementi selezionati:`},Tn={de:`Woche`,en:`Week`,fr:`Semaine`,it:`Settimana`},En={de:`Von und Nach tauschen`,en:`Swap from and to`,fr:`Échanger de et à`,it:`Inverti Da e A`},Dn=(e,t)=>({de:`${e} von ${t}`,en:`${e} of ${t}`,fr:`${e} sur ${t}`,it:`${e} di ${t}`}),On={de:`Karussell – Benutzen Sie die Pfeiltasten im Interaktionsmodus, um durch die Folien zu navigieren`,en:`Carousel - Use the arrow keys in interaction mode to navigate through the slides`,fr:`Carrousel – Utilisez les touches fléchées en mode interaction pour naviguer dans les diapositives`,it:`Carosello – Utilizzare i tasti freccia in modalità interazione per navigare tra le slide`},kn={de:`Nächste Folie`,en:`Next slide`,fr:`Diapositive suivante`,it:`Slide successiva`},An={de:`Vorherige Folie`,en:`Previous slide`,fr:`Diapositive précédente`,it:`Slide precedente`},jn={de:`Folie`,en:`Slide`,fr:`Diapositive`,it:`Slide`},Mn={de:`Zeichen übrig`,en:`characters remaining`,fr:`caractères restants`,it:`caratteri rimanenti`};let Nn=(()=>{let e=P,t,a=[],c=[],u,d=[],f=[],p,m=[],h=[],g,_=[],v=[],y,b=[],x=[],S,C=[],w=[];return class extends e{static{let n=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;t=[F(),l({reflect:!0,converter:z})],u=[F(),l({reflect:!0,converter:z})],p=[F(),l({reflect:!0,converter:z})],g=[F(),l({type:Boolean,reflect:!0})],y=[F(),l({attribute:`accessibility-label`})],S=[F(),l({attribute:`accessibility-current`})],o(this,null,t,{kind:`accessor`,name:`href`,static:!1,private:!1,access:{has:e=>`href`in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:n},a,c),o(this,null,u,{kind:`accessor`,name:`target`,static:!1,private:!1,access:{has:e=>`target`in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:n},d,f),o(this,null,p,{kind:`accessor`,name:`rel`,static:!1,private:!1,access:{has:e=>`rel`in e,get:e=>e.rel,set:(e,t)=>{e.rel=t}},metadata:n},m,h),o(this,null,g,{kind:`accessor`,name:`download`,static:!1,private:!1,access:{has:e=>`download`in e,get:e=>e.download,set:(e,t)=>{e.download=t}},metadata:n},_,v),o(this,null,y,{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:n},b,x),o(this,null,S,{kind:`accessor`,name:`accessibilityCurrent`,static:!1,private:!1,access:{has:e=>`accessibilityCurrent`in e,get:e=>e.accessibilityCurrent,set:(e,t)=>{e.accessibilityCurrent=t}},metadata:n},C,w),n&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n})}#e;get href(){return this.#e}set href(e){this.#e=e}#t;get target(){return this.#t}set target(e){this.#t=e}#n;get rel(){return this.#n}set rel(e){this.#n=e}#r;get download(){return this.#r}set download(e){this.#r=e}#i;get accessibilityLabel(){return this.#i}set accessibilityLabel(e){this.#i=e}#a;get accessibilityCurrent(){return this.#a}set accessibilityCurrent(e){this.#a=e}constructor(){super(),this.#e=s(this,a,``),this.#t=(s(this,c),s(this,d,``)),this.#n=(s(this,f),s(this,m,``)),this.#r=(s(this,h),s(this,_,!1)),this.#i=(s(this,v),s(this,b,``)),this.#a=(s(this,x),s(this,C,``)),this.language=(s(this,w),new R(this)),this.anchorRole=null,this._evaluateRelAttribute=()=>this.rel?this.rel:this.target===`_blank`?`external noopener nofollow`:i,this.internals.states.add(`link`),r||this.setupBaseEventHandlers()}focus(e){this.shadowRoot.querySelector(`a`)?.focus(e)}blur(){this.shadowRoot.querySelector(`a`)?.blur()}click(){this.shadowRoot.querySelector(`a`)?.click()}render(){return this.renderLink(this.renderTemplate())}renderLink(e){let t=!!this.href&&this.target===`_blank`;return n`
+`)&&this._elementsOnWhichEnterPressTriggersSubmit.includes(e.target?.localName)&&e.isTrusted&&(e.stopImmediatePropagation(),e.preventDefault(),e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type,e))&&!this.matches(`:disabled`)&&this._requestSubmit(t))},this.addEventListener(`click`,this._handleButtonClick)}connectedCallback(){super.connectedCallback(),this.form?.addEventListener(`keydown`,this._formKeyDown,{capture:!0})}disconnectedCallback(){super.disconnectedCallback(),this.form?.removeEventListener(`keydown`,this._formKeyDown,{capture:!0})}_requestSubmit(e){let t=document.createElement(`button`);t.inert=!0,t.hidden=!0,t.name=this.name,t.value=this.value??``,e.append(t),e.requestSubmit(t),t.remove()}formResetCallback(){}formStateRestoreCallback(e,t){}updateFormValue(){}}})();function L(){return`sbbConfig`in globalThis||(globalThis.sbbConfig={}),globalThis.sbbConfig}function Fe(e){let t=L();Object.assign(t,e)}var R=class e{static{this._defaultLanguage=`en`}static{this._supportedLocales=[`en`,`de`,`fr`,`it`]}static{this._listeners=new Set}static{this._observer=r?null:new MutationObserver(t=>{t[0].oldValue!==document.documentElement.getAttribute(`lang`)&&e._listeners.forEach(e=>e._callHandlers())})}static{this._observerConfig={attributeFilter:[`lang`],attributeOldValue:!0}}static get current(){let t=((L().language??(r?e._defaultLanguage:document.documentElement.getAttribute(`lang`)))||e._defaultLanguage).split(`-`)[0];return e._supportedLocales.includes(t)?t:e._defaultLanguage}get current(){return e.current}constructor(e){this._host=e,this._handlers=[],this._host.addController(this)}withHandler(e){return this._handlers.unshift(e),this}hostConnected(){r||(e._listeners.size||e._observer.observe(document.documentElement,e._observerConfig),e._listeners.add(this),this._previousLanguage!==this.current&&this._callHandlers(this._previousLanguage!==void 0))}hostDisconnected(){r||(this._previousLanguage=this.current,e._listeners.delete(this),e._listeners.size||e._observer.disconnect())}_callHandlers(e=!0){this._handlers.forEach(e=>e()),e&&this._host.requestUpdate()}};const z={toAttribute(e,n){return(n===String||n===void 0)&&e===``||n===Number&&isNaN(e)?null:t.toAttribute(e,n)}},Ie={de:`Richtung`,en:`Direction`,fr:`Direction`,it:`Direzione`},Le={de:`Ankunft`,en:`Arrival`,fr:`Arrivée`,it:`Arrivo`},Re={de:`Sektor`,en:`Sector`,fr:`Secteur`,it:`Settore`},ze={de:`Skt.`,en:`Sec.`,fr:`Sect.`,it:`Set.`},Be={de:`und`,en:`and`,fr:`et`,it:`e`},Ve={first:{de:`Erste Klasse`,en:`First Class`,fr:`Première classe`,it:`Prima classe`},second:{de:`Zweite Klasse`,en:`Second Class`,fr:`Deuxième classe`,it:`Seconda classe`}},He={de:`Zug`,en:`Train`,fr:`Train`,it:`Treno`},Ue={de:`Züge`,en:`Trains`,fr:`Trains`,it:`Treni`},We={de:`Wagen des Zuges`,en:`Coaches of the train`,fr:`Wagons du train`,it:`Carrozze del treno`},Ge={de:`Wagen`,en:`Train coach`,fr:`Wagon`,it:`Carrozza del treno`},Ke={de:`Nummer`,en:`Number`,fr:`Numéro`,it:`Numero`},qe={de:`Geschlossener Zugwaggon`,en:`Closed train coach`,fr:`Wagon du train fermé`,it:`Carrozza del treno chiuso`},Je={de:`Lokomotive`,en:`Locomotive`,fr:`Locomotive`,it:`Locomotiva`},Ye={de:`Schlafwagen`,en:`Sleeping car`,fr:`Voiture-lits`,it:`Carrozza letti`},Xe={de:`Liegewagen`,en:`Couchette car`,fr:`Voiture-couchettes`,it:`Carrozza cuccette`},Ze={de:`Speisewagen`,en:`Dining car`,fr:`Voiture-restaurant`,it:`Carrozza ristorante`},Qe={previous:{de:`Kein Durchgang zum vorherigen Wagen`,en:`No passage to the previous train coach`,fr:`Pas de passage au wagon du train précédent`,it:`Nessun passaggio alla carrozza del treno precedente`},next:{de:`Kein Durchgang zum nächsten Wagen`,en:`No passage to the next train coach`,fr:`Pas de passage au wagon du train suivant`,it:`Nessun passaggio alla carrozza del treno successivo`},both:{de:`Kein Durchgang zum nächsten und vorherigen Wagen`,en:`No passage to the next and previous train coach`,fr:`Pas de passage au wagon du train suivant et précédent`,it:`Nessun passaggio alla carrozza del treno successivo e precedente`}},$e={de:`Zusätzliche Wageninformation`,en:`Additional wagon information`,fr:`Informations supplémentaires sur les wagons`,it:`Informazioni aggiuntive sulla carrozza del treno`},et={de:`Abfahrt`,en:`Departure`,fr:`Départ`,it:`Partenza`},tt={de:`nicht barrierefrei`,en:`not accessible`,fr:`non accessible`,it:`non accessibile`},nt={de:`herunterladen`,en:`download`,fr:`télécharger`,it:`scaricare`},rt={single:{long:{de:`Minute`,en:`Minute`,fr:`Minute`,it:`Minuto`},short:{de:`m`,en:`m`,fr:`m`,it:`m`}},multiple:{long:{de:`Minuten`,en:`Minutes`,fr:`Minutes`,it:`Minuti`},short:{de:`Min`,en:`min`,fr:`min.`,it:`mins`}}},it={single:{long:{de:`Stunde`,en:`Hour`,fr:`Heure`,it:`Ora`},short:{de:`Std.`,en:`h`,fr:`ore`,it:`hrs`}},multiple:{long:{de:`Stunden`,en:`Hours`,fr:`Heures`,it:`Ore`},short:{de:`Std.`,en:`h`,fr:`ore`,it:`hrs`}}},at={single:{long:{de:`Tag`,en:`Day`,fr:`Jour`,it:`Giorno`}},multiple:{long:{de:`Tage`,en:`Days`,fr:`Jours`,it:`Giorni`}}},ot={de:`Gleisänderung im Verlauf dieser Verbindung`,en:`Track change in the course of this connection`,fr:`Changement de voie sur le parcours de cette connexion`,it:`Cambiamento di binario nel corso di questa connessione`},st={de:`Reisedauer`,en:`Travel time`,fr:`Durée du voyage`,it:`Durata del viaggio`},ct={de:`Reisehinweise`,en:`Travelhints`,fr:`Indications sur le voyage`,it:`Indicazioni di viaggio`},lt={de:`Echtzeitinformationen`,en:`Real time information`,fr:`Informations en temps réel`,it:`Informazioni in tempo reale`},ut={de:`mal umsteigen`,en:`change`,fr:`changement de train`,it:`cambio`},dt={de:`mal umsteigen`,en:`changes`,fr:`changements de train`,it:`cambi`},ft={de:`neu`,en:`new`,fr:`nouveau`,it:`nuovo`},pt={de:`Auf`,en:`on`,fr:`sur`,it:`su`},mt={de:`Sparbillette`,en:`Supersaver tickets`,fr:`Billets dégriffés`,it:`Biglietti risparmio`},ht={none:{de:`Keine Belegungsprognose verfügbar`,en:`No occupancy forecast available`,fr:`Aucune prévision d'occupation disponible`,it:`Nessuna previsione di occupazione disponibile`},low:{de:`Tiefe bis mittlere Belegung erwartet`,en:`Low to average occupancy expected`,fr:`Taux d’occupation faible à moyen prévu`,it:`È prevista un’occupazione medio-bassa`},medium:{de:`Hohe Belegung erwartet`,en:`High occupancy expected`,fr:`Taux d’occupation élevé prévu`,it:`È prevista un’occupazione elevata`},high:{de:`Sehr hohe Belegung erwartet`,en:`Very high occupancy expected`,fr:`Taux d’occupation très élevé prévu`,it:`È prevista un’occupazione molto elevata`}},gt={funicular:{de:`Seilbahn/Zahnradbahn`,en:`Funicular/Cog railway`,fr:`Funiculaire/Chemin de fer à crémaillère`,it:`Funivia/Ferrovia a cremagliera`},ec_id:{de:`EC/IC`,en:`EC/IC`,fr:`EC/IC`,it:`EC/IC`},bus:{de:`Bus`,en:`Bus`,fr:`Bus`,it:`Bus`},re:{de:`RE`,en:`RE`,fr:`RE`,it:`RE`},arz_ext:{de:`ARZ/EXT`,en:`ARZ/EXT`,fr:`ARZ/EXT`,it:`ARZ/EXT`},ice_tgv_rjx:{de:`ICE/TGV/RJX`,en:`ICE/TGV/RJX`,fr:`ICE/TGV/RJX`,it:`ICE/TGV/RJX`},ir_pe:{de:`IR/PE`,en:`IR/PE`,fr:`IR/PE`,it:`IR/PE`},s_sn_r:{de:`S/SN/R`,en:`S/SN/R`,fr:`S/SN/R`,it:`S/SN/R`},tramway:{de:`Tram/Metro`,en:`Tramway/Underground`,fr:`Tram/Métro`,it:`Tram/Metro`},ship:{de:`Schiff`,en:`Ship`,fr:`Bateau`,it:`Battello`},train:{de:`Zug`,en:`Train`,fr:`Train`,it:`Treno`}},_t={de:`Linkziel öffnet in neuem Fenster.`,en:`Link target opens in a new window.`,fr:`Le lien s'ouvre dans une nouvelle fenêtre.`,it:`Il link si apre in una nuova finestra.`},vt={de:`Minuten Fussweg nach Ankunft:`,en:`minutes of walking time after arrival:`,fr:`minutes de trajet à pied après l’arrivée:`,it:`minuti a piedi all’arrivo:`},yt={de:`Minuten Fussweg vor Abfahrt:`,en:`minutes of walking time before departure:`,fr:`minutes de trajet à pied avant le départ:`,it:`minuti a piedi prima della partenza:`},bt={de:`Meldung schliessen`,en:`Close message`,fr:`Fermer le message`,it:`Chiudere il messaggio`},xt={de:`Nachricht schliessen`,en:`Close message`,fr:`Fermer le message`,it:`Chiudere il messaggio`},St={de:`Dialog`,en:`Dialog`,fr:`Dialogue`,it:`Dialogo`},Ct={de:`Übergelagertes Fenster schliessen`,en:`Close secondary window`,fr:`Fermer la fenêtre superposée`,it:`Chiudere la finestra sovrapposta`},wt={de:`Navigation schliessen`,en:`Close navigation`,fr:`Fermer la navigation`,it:`Chiudere la navigazione`},Tt={de:`Seitenleiste schliessen`,en:`Close sidebar`,fr:`Fermer la barre latérale`,it:`Chiudere la barra laterale`},Et={de:`Hinweis schliessen`,en:`Close note`,fr:`Fermer la note`,it:`Chiudere la nota`},Dt={de:`Zurück`,en:`Go back`,fr:`Retourner`,it:`Indietro`},Ot={de:`Heute`,en:`Today`,fr:`Aujourd’hui`,it:`Oggi`},kt={de:`Zum nächsten Monat wechseln`,en:`Change to the next month`,fr:`Passer au mois suivant`,it:`Passare al mese successivo`},At={de:`Zum letzten Monat wechseln`,en:`Change to the previous month`,fr:`Passer au mois précédent`,it:`Passare al mese precedente`},jt={de:`Nächster Tag`,en:`Next day`,fr:`Jour suivant`,it:`Giorno successivo`},Mt={de:`Vorheriger Tag`,en:`Previous day`,fr:`Jour précédent`,it:`Giorno precedente`},Nt={de:`Jahr und Monat auswählen`,en:`Choose year and month`,fr:`Choisir l’année et le mois`,it:`Seleziona anno e mese`},Pt={de:`Wechsel zur Datumsauswahl`,en:`Change to date selection`,fr:`Passer à la sélection de date`,it:`Passare alla selezione della data`},Ft=e=>({de:`Wechsel zu den nächsten ${e} Jahren`,en:`Change to the next ${e} years`,fr:`Passer aux ${e} prochaines années`,it:`Passare ai successivi ${e} anni`}),It=e=>({de:`Wechsel zu den vorherigen ${e} Jahren`,en:`Change to the previous ${e} years`,fr:`Passage aux ${e} précédentes années`,it:`Passare ai precedenti ${e} anni`}),Lt={de:`Zum nächsten Jahr wechseln`,en:`Change to the next year`,fr:`Passer à l'année suivante`,it:`Passare all'anno successivo`},Rt={de:`Zum letzten Jahr wechseln`,en:`Change to the previous year`,fr:`Passer à l'année précédent`,it:`Passare all'anno precedente`},zt=e=>({de:`Zum nächsten Tag wechseln, derzeit ausgewählt ${e}.`,en:`Change to the next day, currently selected ${e}.`,fr:`Passer au jour suivant, actuellement sélectionné ${e}.`,it:`Passare al giorno successivo, attualmente selezionato ${e}.`}),Bt=e=>({de:`Zum vorherigen Tag wechseln, derzeit ausgewählt ${e}.`,en:`Change to the previous day, currently selected ${e}.`,fr:`Passer au jour précédent, actuellement sélectionné ${e}.`,it:`Passare al giorno precedente, attualmente selezionato ${e}.`}),Vt={de:`Kalender anzeigen`,en:`Show calendar`,fr:`Afficher le calendrier`,it:`Visualizza il calendario`},Ht={de:`TT.MM.JJJJ`,en:`DD.MM.YYYY`,fr:`JJ.MM.AAAA`,it:`GG.MM.AAAA`},Ut={de:`Datum geändert auf`,en:`Date changed to`,fr:`Date modifiée au`,it:`Data modificata in`},Wt={de:`Verbindung von`,en:`Connection from`,fr:`Liaison de`,it:`Collegamento da`},Gt={de:`nach`,en:`to`,fr:`à`,it:`a`},Kt=e=>({de:`und zurück nach ${e}.`,en:`and back to ${e}.`,fr:`et retour à ${e}.`,it:`e ritorno a ${e}.`}),qt={de:`erweitert`,en:`expanded`,fr:`étendu`,it:`espanso`},Jt={de:`reduziert`,en:`collapsed`,fr:`condensé`,it:`compresso`},Yt={de:`Karte zeigen`,en:`Show map`,fr:`Afficher la carte`,it:`Mostra la mappa`},Xt={de:`Mehr Breadcrumbs anzeigen`,en:`Show more breadcrumbs`,fr:`Afficher plus de fils d’Ariane`,it:`Mostra più breadcrumbs`},Zt={de:`Feldinhalt löschen`,en:`Clear input value`,fr:`Effacer la valeur d’entrée`,it:`Cancella il valore dell’input`},Qt={de:`Klicken Sie auf diese Karte für Details`,en:`Click on this card for details`,fr:`Cliquez sur cette carte pour plus de détails`,it:`Clicca su questa scheda per i dettagli`},$t={de:`Klicken Sie auf diese Karte, um zurück zur Zusammenfassung zu gelangen`,en:`Click on this card to go back to the summary`,fr:`Cliquez sur cette carte pour revenir au résumé`,it:`Clicca su questa scheda per tornare al sommario`},en={de:`Datei auswählen`,en:`Choose a file`,fr:`Choisissez un fichier`,it:`Scegli un file`},tn={de:`Dateien auswählen`,en:`Choose files`,fr:`Choisissez des fichiers`,it:`Scegli file`},nn={de:`Ziehen Sie Ihre Datei hier hin (Drag & Drop)`,en:`Drag & Drop your file here`,fr:`Faites glisser et déposez votre fichier ici`,it:`Trascina e rilascia il file qui`},rn={de:`Ziehen Sie Ihre Dateien hier hin (Drag & Drop)`,en:`Drag & Drop your files here`,fr:`Faites glisser et déposez vos fichiers ici`,it:`Trascina e rilascia i file qui`},an={de:`Datei entfernen`,en:`Remove file`,fr:`Effacer le fichier`,it:`Rimuovi il file`},on=e=>e&&e.length>0?{de:`Aktuell ausgewählte Datei: ${e.join(`, `)}.`,en:`Currently selected files: ${e.join(`, `)}.`,fr:`Fichier actuellement sélectionné: ${e.join(`, `)}.`,it:`File attualmente selezionato: ${e.join(`, `)}.`}:{de:`Keine Datei ausgewählt.`,en:`No files selected.`,fr:`Nessun fichier sélectionné.`,it:`Nessun file selezionato.`},sn={de:`Nächste Seite`,en:`Next page`,fr:`Page suivante`,it:`Pagina successiva`},cn={de:`Vorherige Seite`,en:`Previous page`,fr:`Page précédente`,it:`Pagina precedente`},ln={de:`Seite`,en:`Page`,fr:`Page`,it:`Pagina`},un={de:`Einträge pro Seite`,en:`Items per page`,fr:`Entrées par page`,it:`Elementi per pagina`},dn={de:`ausgewählt`,en:`selected`,fr:`sélectionnée`,it:`selezionata`},fn={de:`von`,en:`of`,fr:`sur`,it:`di`},pn={de:`Muss gesetzt sein.`,en:`Must be checked.`,fr:`Doit être cochée.`,it:`Deve essere impostato.`},mn={de:`Auswahl erforderlich.`,en:`Selection required.`,fr:`Sélection requise.`,it:`Selezione necessaria.`},hn={de:`Eingabe erforderlich.`,en:`Input required.`,fr:`Entrée obligatoire.`,it:`Inserimento necessario.`},gn={de:`Bitte gültiges Datum eingeben.`,en:`Please provide a valid date.`,fr:`Veuillez saisir une date valide.`,it:`Inserire una data valida.`},_n=e=>({de:`Datum darf nicht vor ${e} sein.`,en:`Date must not be before ${e}.`,fr:`La date ne doit pas être antérieure au ${e}.`,it:`La data non deve essere anteriore al ${e}.`}),vn=e=>({de:`Datum darf nicht nach ${e} sein.`,en:`Date must not be after ${e}.`,fr:`La date ne doit pas être postérieure au ${e}.`,it:`La data non deve essere successiva al ${e}.`}),yn=e=>({de:`Zeit geändert zu ${e}.`,en:`Time changed to ${e}.`,fr:`Heure modifiée: ${e}.`,it:`Orario modificata alle ${e}.`}),bn={de:`Bitte gültige Zeit eingeben.`,en:`Please provide a valid time.`,fr:`Veuillez saisir une heure valide.`,it:`Inserisci un orario valido.`},xn={de:`Zeit darf nicht nach 23:59 sein.`,en:`Time must not be after 23:59.`,fr:`L’heure ne doit pas être postérieure à 23h59.`,it:`L’orario non può essere successivo alle 23.59.`},Sn={de:`Die Zeiteingabe darf nicht mehr als fünf Zeichen haben.`,en:`The time input must not exceed five characters.`,fr:`La saisie de l’heure ne doit pas comporter plus de cinq caractères.`,it:`L’indicazione temporale non può contenere più di cinque caratteri.`},Cn={de:`Drücken Sie die Entfernen-Taste um den Chip zu löschen`,en:`Press the Delete button to remove the chip`,fr:`Appuyez sur la touche Del pour supprimer cette puce`,it:`Premi il tasto Canc per rimuovere questa chip`},wn={de:`Ausgewählte Elemente:`,en:`Selected elements:`,fr:`Éléments sélectionnés:`,it:`Elementi selezionati:`},Tn={de:`Woche`,en:`Week`,fr:`Semaine`,it:`Settimana`},En={de:`Von und Nach tauschen`,en:`Swap from and to`,fr:`Échanger de et à`,it:`Inverti Da e A`},Dn=(e,t)=>({de:`${e} von ${t}`,en:`${e} of ${t}`,fr:`${e} sur ${t}`,it:`${e} di ${t}`}),On={de:`Karussell – Benutzen Sie die Pfeiltasten im Interaktionsmodus, um durch die Folien zu navigieren`,en:`Carousel - Use the arrow keys in interaction mode to navigate through the slides`,fr:`Carrousel – Utilisez les touches fléchées en mode interaction pour naviguer dans les diapositives`,it:`Carosello – Utilizzare i tasti freccia in modalità interazione per navigare tra le slide`},kn={de:`Nächste Folie`,en:`Next slide`,fr:`Diapositive suivante`,it:`Slide successiva`},An={de:`Vorherige Folie`,en:`Previous slide`,fr:`Diapositive précédente`,it:`Slide precedente`},jn={de:`Folie`,en:`Slide`,fr:`Diapositive`,it:`Slide`},Mn={de:`Zeichen übrig`,en:`characters remaining`,fr:`caractères restants`,it:`caratteri rimanenti`};let Nn=(()=>{let e=P,t,a=[],c=[],u,d=[],f=[],p,m=[],h=[],g,_=[],v=[],y,b=[],x=[],S,C=[],w=[];return class extends e{static{let n=typeof Symbol==`function`&&Symbol.metadata?Object.create(e[Symbol.metadata]??null):void 0;t=[F(),l({reflect:!0,converter:z})],u=[F(),l({reflect:!0,converter:z})],p=[F(),l({reflect:!0,converter:z})],g=[F(),l({type:Boolean,reflect:!0})],y=[F(),l({attribute:`accessibility-label`})],S=[F(),l({attribute:`accessibility-current`})],o(this,null,t,{kind:`accessor`,name:`href`,static:!1,private:!1,access:{has:e=>`href`in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:n},a,c),o(this,null,u,{kind:`accessor`,name:`target`,static:!1,private:!1,access:{has:e=>`target`in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:n},d,f),o(this,null,p,{kind:`accessor`,name:`rel`,static:!1,private:!1,access:{has:e=>`rel`in e,get:e=>e.rel,set:(e,t)=>{e.rel=t}},metadata:n},m,h),o(this,null,g,{kind:`accessor`,name:`download`,static:!1,private:!1,access:{has:e=>`download`in e,get:e=>e.download,set:(e,t)=>{e.download=t}},metadata:n},_,v),o(this,null,y,{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:n},b,x),o(this,null,S,{kind:`accessor`,name:`accessibilityCurrent`,static:!1,private:!1,access:{has:e=>`accessibilityCurrent`in e,get:e=>e.accessibilityCurrent,set:(e,t)=>{e.accessibilityCurrent=t}},metadata:n},C,w),n&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:n})}#e;get href(){return this.#e}set href(e){this.#e=e}#t;get target(){return this.#t}set target(e){this.#t=e}#n;get rel(){return this.#n}set rel(e){this.#n=e}#r;get download(){return this.#r}set download(e){this.#r=e}#i;get accessibilityLabel(){return this.#i}set accessibilityLabel(e){this.#i=e}#a;get accessibilityCurrent(){return this.#a}set accessibilityCurrent(e){this.#a=e}constructor(){super(),this.#e=s(this,a,``),this.#t=(s(this,c),s(this,d,``)),this.#n=(s(this,f),s(this,m,``)),this.#r=(s(this,h),s(this,_,!1)),this.#i=(s(this,v),s(this,b,``)),this.#a=(s(this,x),s(this,C,``)),this.language=(s(this,w),new R(this)),this.anchorRole=null,this._evaluateRelAttribute=e=>this.rel?this.rel:e===`_blank`?`external noopener nofollow`:i,this.internals.states.add(`link`),r||this.setupBaseEventHandlers()}focus(e){this.shadowRoot.querySelector(`a`)?.focus(e)}blur(){this.shadowRoot.querySelector(`a`)?.blur()}click(){this.shadowRoot.querySelector(`a`)?.click()}resolveTarget(){return this.target}render(){return this.renderLink(this.renderTemplate())}renderLink(e){let t=this.resolveTarget(),r=!!this.href&&t===`_blank`;return n`
       <a
         class="sbb-action-base ${this.localName}"
         href=${this.href||i}
         ?download=${this.download}
-        target=${this.target||i}
-        rel=${this._evaluateRelAttribute()}
+        target=${t||i}
+        rel=${this._evaluateRelAttribute(t)}
         role=${this.anchorRole||i}
         aria-label=${this.accessibilityLabel||i}
         aria-current=${this.accessibilityCurrent||i}
         tabindex=${this.maybeDisabled&&!this.maybeDisabledInteractive?`-1`:i}
         aria-disabled=${this.maybeDisabled?`true`:i}
-        aria-describedby=${t?`sbb-link-new-window`:i}
+        aria-describedby=${r?`sbb-link-new-window`:i}
       >
         ${e}
       </a>
-      ${t?n`<span id="sbb-link-new-window" hidden
+      ${r?n`<span id="sbb-link-new-window" hidden
               >${_t[this.language.current]}</span
             >`:i}
     `}}})();var Pn=class extends N{static{this.events={beforeopen:`beforeopen`,open:`open`,beforeclose:`beforeclose`,close:`close`}}set state(e){this._state&&this.internals.states.delete(`state-${this._state}`),this._state=e,this._state&&this.internals.states.add(`state-${this._state}`)}get state(){return this._state}get isOpen(){return this.state===`opened`}constructor(){super(),this.state=`closed`}escapeStrategy(){this.close()}dispatchBeforeOpenEvent(){return this.dispatchEvent(new Event(`beforeopen`,{cancelable:!0}))}dispatchOpenEvent(){return this.dispatchEvent(new Event(`open`))}dispatchBeforeCloseEvent(){return this.dispatchEvent(new Event(`beforeclose`,{cancelable:!0}))}dispatchCloseEvent(){return this.dispatchEvent(new Event(`close`))}};const B=e=>(()=>{let t=e,n=[],r;return class extends t{static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;r=[l({type:Boolean,reflect:!0})],o(this,null,r,{kind:`setter`,name:`disabled`,static:!1,private:!1,access:{has:e=>`disabled`in e,set:(e,t)=>{e.disabled=t}},metadata:e},null,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}set disabled(e){this.#e=!!e,this.toggleAttribute(`disabled`,this.disabled)}get disabled(){return this.#e||this.isDisabledExternally()}#e=(s(this,n),!1);isDisabledExternally(){return!1}}})(),Fn=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(),l({attribute:`disabled-interactive`,type:Boolean,reflect:!0})],o(this,null,n,{kind:`accessor`,name:`disabledInteractive`,static:!1,private:!1,access:{has:e=>`disabledInteractive`in e,get:e=>e.disabledInteractive,set:(e,t)=>{e.disabledInteractive=t}},metadata:e},r,i),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#e=s(this,r,!1);get disabledInteractive(){return this.#e}set disabledInteractive(e){this.#e=e}constructor(){super(...arguments),s(this,i)}}})(),In=e=>{class t extends Fn(B(e)){willUpdate(e){super.willUpdate(e),e.has(`disabledInteractive`)&&(this.internals.ariaDisabled=this.disabledInteractive?`true`:null),e.has(`disabled`)&&(this.disabled?this.removeAttribute(`tabindex`):this.setAttribute(`tabindex`,`0`))}}return t},V=e=>(()=>{let t=e,n=[],r;return class extends t{constructor(){super(...arguments),this._required=(s(this,n),!1)}static{let e=typeof Symbol==`function`&&Symbol.metadata?Object.create(t[Symbol.metadata]??null):void 0;r=[l({reflect:!0,type:Boolean})],o(this,null,r,{kind:`setter`,name:`required`,static:!1,private:!1,access:{has:e=>`required`in e,set:(e,t)=>{e.required=t}},metadata:e},null,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}set required(e){this._required=!!e}get required(){return this._required||this.isRequiredExternally()}willUpdate(e){super.willUpdate(e),e.has(`required`)&&(this.internals.ariaRequired=`${this.required}`)}isRequiredExternally(){return!1}}})();var Ln=`:host{flex-flow:var(--sbb-selection-group-orientation) wrap;gap:var(--sbb-selection-group-gap);width:var(--sbb-selection-group-width);align-items:flex-start;display:flex}:host([orientation=vertical]){--sbb-selection-group-orientation:column;--sbb-selection-group-width:100%;--sbb-selection-group-elements-width:100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-selection-group-width:100%;--sbb-selection-group-gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-selection-group-elements-flex:auto}@media (width>=0){:host([orientation=vertical][horizontal-from=zero]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-selection-group-orientation:row;--sbb-selection-group-elements-width:auto}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width:auto}}slot[name=error]::slotted(*){flex-basis:100%}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:var(--sbb-selection-group-elements-flex)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel,sbb-radio-button-panel)){width:var(--sbb-selection-group-elements-width)}

package/custom-elements.json

@@ -7039,6 +7039,17 @@
               "name": "_evaluateRelAttribute",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set."
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -41399,6 +41410,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -43221,6 +43247,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -44132,6 +44173,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -45043,6 +45099,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -45954,6 +46025,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -50835,6 +50921,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -53880,6 +53981,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -69274,6 +69390,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -81028,6 +81159,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -107960,7 +108106,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a downloadable document, styled as a card.\n\nInherits link properties from `SbbLinkBaseElement`: `href`, `target`, `rel`\nand `accessibilityLabel`. The download behavior is always enabled.",
+          "description": "It displays a downloadable document, styled as a card.\n\nInherits link properties from `SbbLinkBaseElement`: `href`, `target`, `rel`,\n`download` and `accessibilityLabel`. Without the `download` attribute the\nreferenced document is opened inline in a new browser tab, unless a `target`\nis explicitly set.",
           "name": "SbbDownloadElement",
           "slots": [
             {
@@ -108004,7 +108150,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "[SbbSecondaryButtonStaticElement]"
+              "default": "[ SbbDividerElement, SbbSecondaryButtonStaticElement, ]"
             },
             {
               "kind": "field",
@@ -108029,22 +108175,6 @@
               "description": "The label of the download. Defaults to the file name of the `href`.",
               "attribute": "label"
             },
-            {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "true",
-              "description": "The download behavior is always enabled and handled internally, therefore\nthis property cannot be disabled and is not reflected to the host element.",
-              "attribute": "download",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
             {
               "kind": "field",
               "name": "fileName",
@@ -108086,6 +108216,21 @@
                 "module": "icon/icon-name-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Documents which are not downloaded are shown inline, in which case they\nare opened in a new browser tab, unless a target is explicitly set.\nAn explicitly empty `target` attribute also counts as set, which allows\nto opt out of the new tab behavior.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_updateDescribedByElements",
@@ -108221,6 +108366,22 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "accessibilityLabel",
@@ -108636,19 +108797,6 @@
               "description": "The label of the download. Defaults to the file name of the `href`.",
               "fieldName": "label"
             },
-            {
-              "name": "download",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "The download behavior is always enabled and handled internally, therefore\nthis property cannot be disabled and is not reflected to the host element.",
-              "fieldName": "download",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
             {
               "name": "icon-name",
               "type": {
@@ -108701,6 +108849,19 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "name": "accessibility-label",
               "type": {
@@ -119010,6 +119171,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -122894,6 +123070,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -130830,6 +131021,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -136079,6 +136285,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -155971,6 +156192,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -157708,6 +157944,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -159579,6 +159830,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",
@@ -173553,6 +173819,21 @@
                 "module": "core/base-elements/link-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "resolveTarget",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Resolves the target which is applied to the inner anchor element.\nSubclasses can override this to provide a fallback when no `target` is set.",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLink",

package/development/core/base-elements/link-base-element.d.ts

@@ -25,6 +25,11 @@ export declare abstract class SbbLinkBaseElement extends SbbActionBaseElement {
     /** @internal */
     click(): void;
     private _evaluateRelAttribute;
+    /**
+     * Resolves the target which is applied to the inner anchor element.
+     * Subclasses can override this to provide a fallback when no `target` is set.
+     */
+    protected resolveTarget(): string;
     /** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
     protected render(): TemplateResult;
     protected renderLink(renderContent: TemplateResult): TemplateResult;

package/development/core.js

@@ -2669,8 +2669,8 @@ let SbbLinkBaseElement = (() => {
 			this.#accessibilityCurrent_accessor_storage = (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, _accessibilityCurrent_initializers, ""));
 			this.language = (__runInitializers(this, _accessibilityCurrent_extraInitializers), new SbbLanguageController(this));
 			this.anchorRole = null;
-			this._evaluateRelAttribute = () => {
-				return this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : nothing;
+			this._evaluateRelAttribute = (target) => {
+				return this.rel ? this.rel : target === "_blank" ? "external noopener nofollow" : nothing;
 			};
 			this.internals.states.add("link");
 			if (!isServer) this.setupBaseEventHandlers();
@@ -2687,19 +2687,27 @@ let SbbLinkBaseElement = (() => {
 		click() {
 			this.shadowRoot.querySelector("a")?.click();
 		}
+		/**
+		* Resolves the target which is applied to the inner anchor element.
+		* Subclasses can override this to provide a fallback when no `target` is set.
+		*/
+		resolveTarget() {
+			return this.target;
+		}
 		/** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
 		render() {
 			return this.renderLink(this.renderTemplate());
 		}
 		renderLink(renderContent) {
-			const opensInNewWindow = !!this.href && this.target === "_blank";
+			const target = this.resolveTarget();
+			const opensInNewWindow = !!this.href && target === "_blank";
 			return html`
       <a
         class="sbb-action-base ${this.localName}"
         href=${this.href || nothing}
         ?download=${this.download}
-        target=${this.target || nothing}
-        rel=${this._evaluateRelAttribute()}
+        target=${target || nothing}
+        rel=${this._evaluateRelAttribute(target)}
         role=${this.anchorRole || nothing}
         aria-label=${this.accessibilityLabel || nothing}
         aria-current=${this.accessibilityCurrent || nothing}

package/development/download/download/download.component.d.ts

@@ -4,8 +4,10 @@ declare const SbbDownloadElement_base: import("../../core.ts").AbstractConstruct
 /**
  * It displays a downloadable document, styled as a card.
  *
- * Inherits link properties from `SbbLinkBaseElement`: `href`, `target`, `rel`
- * and `accessibilityLabel`. The download behavior is always enabled.
+ * Inherits link properties from `SbbLinkBaseElement`: `href`, `target`, `rel`,
+ * `download` and `accessibilityLabel`. Without the `download` attribute the
+ * referenced document is opened inline in a new browser tab, unless a `target`
+ * is explicitly set.
  *
  * @slot - Use the unnamed slot to add custom content. Optional.
  * @slot info - Slot used to render a `sbb-download-info`. A `sbb-download-info`
@@ -21,13 +23,6 @@ export declare class SbbDownloadElement extends SbbDownloadElement_base {
     accessor color: 'white' | 'milk';
     /** The label of the download. Defaults to the file name of the `href`. */
     accessor label: string;
-    /**
-     * The download behavior is always enabled and handled internally, therefore
-     * this property cannot be disabled and is not reflected to the host element.
-     * @default true
-     */
-    set download(_value: boolean);
-    get download(): boolean;
     /** The file name extracted from the `href` (e.g. `report.pdf`). */
     get fileName(): string;
     /** The lower-cased file extension extracted from the `href` (e.g. `pdf`), if any. */
@@ -38,7 +33,14 @@ export declare class SbbDownloadElement extends SbbDownloadElement_base {
      * set.
      */
     protected renderIconName(): string;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /**
+     * Documents which are not downloaded are shown inline, in which case they
+     * are opened in a new browser tab, unless a target is explicitly set.
+     * An explicitly empty `target` attribute also counts as set, which allows
+     * to opt out of the new tab behavior.
+     */
+    protected resolveTarget(): string;
+    protected updated(changedProperties: PropertyValues<this>): void;
     private _updateDescribedByElements;
     private _downloadInfoElements;
     protected renderTemplate(): TemplateResult;

package/development/download.pure.js

@@ -3,10 +3,11 @@ import { html, nothing, unsafeCSS } from "lit";
 import { property } from "lit/decorators.js";
 import { SbbSecondaryButtonStaticElement } from "./button.pure.js";
 import { SbbElement, SbbLanguageController, SbbLinkBaseElement, SbbPropertyWatcherController, defaultDateAdapter, forceType, i18nDownload, i18nNonAccessible, omitEmptyConverter, readConfig, screenReaderOnlyStyles } from "./core.js";
+import { SbbDividerElement } from "./divider.pure.js";
 import { SbbIconNameMixin } from "./icon.pure.js";
 
 //#region src/elements/download/download/download.scss?inline
-var download_default = ":host {\n  --sbb-card-background-color: var(--sbb-background-color-1);\n  --sbb-card-border-color: transparent;\n  --sbb-card-border-radius: var(--sbb-border-radius-4x);\n  --sbb-card-animation-easing: var(--sbb-animation-easing);\n  --sbb-card-border-style: solid;\n  --sbb-card-padding-inline-default: var(--sbb-spacing-responsive-s);\n  --sbb-card-padding-block-default: var(--sbb-spacing-responsive-xxxs);\n  --sbb-card-with-badge-padding-block-default: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);\n  --sbb-card-padding-block: var(--sbb-card-padding-block-default);\n  --sbb-card-with-badge-padding-block: var(--sbb-card-with-badge-padding-block-default);\n  --sbb-card-padding-inline: var(--sbb-card-padding-inline-default);\n  display: block;\n}\n\n:host(:where([color=white])) {\n  --sbb-card-background-color: var(--sbb-background-color-1);\n  --sbb-card-border-color: transparent;\n}\n\n:host(:where([color=milk])) {\n  --sbb-card-background-color: var(--sbb-background-color-3);\n  --sbb-card-border-color: transparent;\n}\n\n.sbb-download {\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n  --sbb-focus-outline-color: light-dark(\n    var(--sbb-focus-outline-color-default),\n    var(--sbb-focus-outline-color-dark)\n  );\n  --sbb-card-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-1x)\n  );\n  display: block;\n  position: relative;\n  padding-inline: var(--sbb-card-padding-inline);\n  padding-block: var(--sbb-card-padding-block);\n  border-radius: var(--sbb-card-border-radius);\n  background-color: var(--sbb-card-background-color);\n  box-shadow: none;\n  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);\n  color: var(--sbb-card-color);\n}\n.sbb-download::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-color: transparent;\n  border: var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);\n  border-radius: var(--sbb-card-border-radius);\n  pointer-events: none;\n}\n@media (forced-colors: active) {\n  .sbb-download {\n    --sbb-title-color: var(--sbb-card-color);\n  }\n}\n.sbb-download {\n  display: flex;\n  align-items: center;\n  gap: var(--sbb-download-gap);\n  text-decoration: none;\n  translate: 0 var(--sbb-card-hover-shift, 0);\n  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing), translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);\n}\n\n.sbb-download:focus-visible {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n\n@media (any-hover: hover) {\n  :host(:hover) .sbb-download {\n    --sbb-card-hover-shift: -0.125rem;\n    box-shadow: var(--sbb-box-shadow-level-9-hard);\n  }\n}\n@media (any-hover: hover) and (forced-colors: active) {\n  :host(:hover) .sbb-download {\n    --sbb-card-border-color: Highlight;\n  }\n}\n\n.sbb-download__icon {\n  flex: 0 0 auto;\n}\n\n.sbb-download__content {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.sbb-download__label {\n  overflow-wrap: break-word;\n  font-weight: bold;\n  color: var(--sbb-download-label-color);\n}\n\n.sbb-download__custom-content,\n.sbb-download__info {\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-letter-spacing-text);\n  font-size: var(--sbb-text-font-size-xxs);\n  color: var(--sbb-download-info-color);\n}\n\n.sbb-download__button {\n  flex: 0 0 auto;\n  margin-inline-start: auto;\n}\n";
+var download_default = ":host {\n  --sbb-card-background-color: var(--sbb-background-color-1);\n  --sbb-card-border-color: transparent;\n  --sbb-card-border-radius: var(--sbb-border-radius-4x);\n  --sbb-card-animation-easing: var(--sbb-animation-easing);\n  --sbb-card-border-style: solid;\n  --sbb-card-padding-inline-default: var(--sbb-spacing-responsive-s);\n  --sbb-card-padding-block-default: var(--sbb-spacing-responsive-xxxs);\n  --sbb-card-with-badge-padding-block-default: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);\n  --sbb-card-padding-block: var(--sbb-card-padding-block-default);\n  --sbb-card-with-badge-padding-block: var(--sbb-card-with-badge-padding-block-default);\n  --sbb-card-padding-inline: var(--sbb-card-padding-inline-default);\n  display: block;\n}\n\n:host(:where([color=white])) {\n  --sbb-card-background-color: var(--sbb-background-color-1);\n  --sbb-card-border-color: transparent;\n}\n\n:host(:where([color=milk])) {\n  --sbb-card-background-color: var(--sbb-background-color-3);\n  --sbb-card-border-color: transparent;\n}\n\n.sbb-download {\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n  --sbb-focus-outline-color: light-dark(\n    var(--sbb-focus-outline-color-default),\n    var(--sbb-focus-outline-color-dark)\n  );\n  --sbb-card-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-1x)\n  );\n  display: block;\n  position: relative;\n  padding-inline: var(--sbb-card-padding-inline);\n  padding-block: var(--sbb-card-padding-block);\n  border-radius: var(--sbb-card-border-radius);\n  background-color: var(--sbb-card-background-color);\n  box-shadow: none;\n  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);\n  color: var(--sbb-card-color);\n}\n.sbb-download::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-color: transparent;\n  border: var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);\n  border-radius: var(--sbb-card-border-radius);\n  pointer-events: none;\n}\n@media (forced-colors: active) {\n  .sbb-download {\n    --sbb-title-color: var(--sbb-card-color);\n  }\n}\n.sbb-download {\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  translate: 0 var(--sbb-card-hover-shift, 0);\n  transition: box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing), translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);\n}\n\n.sbb-download:focus-visible {\n  outline-offset: var(--sbb-focus-outline-offset);\n  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n}\n\n@media (any-hover: hover) {\n  :host(:hover) .sbb-download {\n    --sbb-card-hover-shift: -0.125rem;\n    box-shadow: var(--sbb-box-shadow-level-9-hard);\n  }\n}\n@media (any-hover: hover) and (forced-colors: active) {\n  :host(:hover) .sbb-download {\n    --sbb-card-border-color: Highlight;\n  }\n}\n\n.sbb-download__icon {\n  flex: 0 0 auto;\n}\n\n.sbb-download__divider {\n  align-self: stretch;\n  height: auto;\n  margin-block: var(--sbb-download-divider-margin-block);\n  margin-inline: var(--sbb-download-gap) var(--sbb-download-content-gap);\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-download__divider {\n  display: none;\n}\n\n.sbb-download__content {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.sbb-download__label {\n  overflow-wrap: break-word;\n  font-size: var(--sbb-download-label-font-size);\n  line-height: var(--sbb-typo-line-height-heading);\n  letter-spacing: var(--sbb-letter-spacing-heading);\n  font-weight: bold;\n  color: var(--sbb-download-label-color);\n}\n\n.sbb-download__custom-content,\n.sbb-download__info {\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-letter-spacing-text);\n  font-size: var(--sbb-text-font-size-xxs);\n  color: var(--sbb-download-info-color);\n}\n\n.sbb-download__button {\n  flex: 0 0 auto;\n  margin-inline-start: var(--sbb-download-content-gap);\n}\n";
 
 //#endregion
 //#region src/elements/download/download/download.component.ts
@@ -29,8 +30,10 @@ const fileExtensionIcons = /* @__PURE__ */ new Map([
 /**
 * It displays a downloadable document, styled as a card.
 *
-* Inherits link properties from `SbbLinkBaseElement`: `href`, `target`, `rel`
-* and `accessibilityLabel`. The download behavior is always enabled.
+* Inherits link properties from `SbbLinkBaseElement`: `href`, `target`, `rel`,
+* `download` and `accessibilityLabel`. Without the `download` attribute the
+* referenced document is opened inline in a new browser tab, unless a `target`
+* is explicitly set.
 *
 * @slot - Use the unnamed slot to add custom content. Optional.
 * @slot info - Slot used to render a `sbb-download-info`. A `sbb-download-info`
@@ -40,18 +43,16 @@ const fileExtensionIcons = /* @__PURE__ */ new Map([
 */
 let SbbDownloadElement = (() => {
 	let _classSuper = SbbIconNameMixin(SbbLinkBaseElement);
-	let _instanceExtraInitializers = [];
 	let _color_decorators;
 	let _color_initializers = [];
 	let _color_extraInitializers = [];
 	let _label_decorators;
 	let _label_initializers = [];
 	let _label_extraInitializers = [];
-	let _set_download_decorators;
 	return class SbbDownloadElement extends _classSuper {
 		constructor() {
 			super(...arguments);
-			this.#color_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _color_initializers, "white"));
+			this.#color_accessor_storage = __runInitializers(this, _color_initializers, "white");
 			this.#label_accessor_storage = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _label_initializers, ""));
 			this._languageController = (__runInitializers(this, _label_extraInitializers), new SbbLanguageController(this));
 		}
@@ -59,10 +60,6 @@ let SbbDownloadElement = (() => {
 			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
 			_color_decorators = [property({ reflect: true })];
 			_label_decorators = [forceType(), property({ converter: omitEmptyConverter })];
-			_set_download_decorators = [property({
-				type: Boolean,
-				reflect: false
-			})];
 			__esDecorate(this, null, _color_decorators, {
 				kind: "accessor",
 				name: "color",
@@ -91,19 +88,6 @@ let SbbDownloadElement = (() => {
 				},
 				metadata: _metadata
 			}, _label_initializers, _label_extraInitializers);
-			__esDecorate(this, null, _set_download_decorators, {
-				kind: "setter",
-				name: "download",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "download" in obj,
-					set: (obj, value) => {
-						obj.download = value;
-					}
-				},
-				metadata: _metadata
-			}, null, _instanceExtraInitializers);
 			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
 				enumerable: true,
 				configurable: true,
@@ -115,7 +99,7 @@ let SbbDownloadElement = (() => {
 			this.elementName = "sbb-download";
 		}
 		static {
-			this.elementDependencies = [SbbSecondaryButtonStaticElement];
+			this.elementDependencies = [SbbDividerElement, SbbSecondaryButtonStaticElement];
 		}
 		static {
 			this.styles = [screenReaderOnlyStyles, unsafeCSS(download_default)];
@@ -136,15 +120,6 @@ let SbbDownloadElement = (() => {
 		set label(value) {
 			this.#label_accessor_storage = value;
 		}
-		/**
-		* The download behavior is always enabled and handled internally, therefore
-		* this property cannot be disabled and is not reflected to the host element.
-		* @default true
-		*/
-		set download(_value) {}
-		get download() {
-			return true;
-		}
 		/** The file name extracted from the `href` (e.g. `report.pdf`). */
 		get fileName() {
 			return this.href.split(/[?#]/)[0].split("/").filter(Boolean).at(-1) ?? "";
@@ -164,15 +139,29 @@ let SbbDownloadElement = (() => {
 			const extension = this.fileExtension;
 			return extension && fileExtensionIcons.get(extension) || "document-standard-small";
 		}
-		firstUpdated(_changedProperties) {
-			super.firstUpdated(_changedProperties);
+		/**
+		* Documents which are not downloaded are shown inline, in which case they
+		* are opened in a new browser tab, unless a target is explicitly set.
+		* An explicitly empty `target` attribute also counts as set, which allows
+		* to opt out of the new tab behavior.
+		*/
+		resolveTarget() {
+			return !!this.target || this.hasAttribute("target") ? this.target : this.download ? "" : "_blank";
+		}
+		updated(changedProperties) {
+			super.updated(changedProperties);
 			this._updateDescribedByElements();
 		}
 		_updateDescribedByElements() {
 			const link = this.shadowRoot?.querySelector?.("a");
 			if (link) {
 				const customContentElement = this.shadowRoot?.querySelector?.(".sbb-download__custom-content");
-				link.ariaDescribedByElements = [...customContentElement ? [customContentElement] : [], ...this._downloadInfoElements()];
+				const newWindowHintElement = this.shadowRoot?.querySelector?.("#sbb-link-new-window");
+				link.ariaDescribedByElements = [
+					...customContentElement ? [customContentElement] : [],
+					...this._downloadInfoElements(),
+					...newWindowHintElement ? [newWindowHintElement] : []
+				];
 			}
 		}
 		_downloadInfoElements() {
@@ -181,6 +170,11 @@ let SbbDownloadElement = (() => {
 		renderTemplate() {
 			return html`
       ${this.renderIconSlot("sbb-download__icon")}
+      <sbb-divider
+        class="sbb-download__divider"
+        orientation="vertical"
+        aria-hidden="true"
+      ></sbb-divider>
       <span class="sbb-download__content">
         <span class="sbb-download__label">${this.label || this.fileName}</span>
         <span class="sbb-screen-reader-only">

package/download/_download.global.scss

@@ -1,7 +1,13 @@
 $theme: 'standard' !default;
 
 @mixin base {
+  // Gap between the icon and the divider.
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+
+  // Gap between the divider and the content, and the content and the button.
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
 }

package/download.pure.js

@@ -1,6 +1,11 @@
-import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{property as a}from"lit/decorators.js";import{SbbSecondaryButtonStaticElement as o}from"./button.pure.js";import{SbbElement as s,SbbLanguageController as c,SbbLinkBaseElement as l,SbbPropertyWatcherController as u,defaultDateAdapter as d,forceType as f,i18nDownload as p,i18nNonAccessible as m,omitEmptyConverter as h,readConfig as g,screenReaderOnlyStyles as _}from"./core.js";import{SbbIconNameMixin as v}from"./icon.pure.js";var y=`:host{--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent;--sbb-card-border-radius:var(--sbb-border-radius-4x);--sbb-card-animation-easing:var(--sbb-animation-easing);--sbb-card-border-style:solid;--sbb-card-padding-inline-default:var(--sbb-spacing-responsive-s);--sbb-card-padding-block-default:var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block-default:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block:var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block:var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline:var(--sbb-card-padding-inline-default);display:block}:host(:where([color=white])){--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent}:host(:where([color=milk])){--sbb-card-background-color:var(--sbb-background-color-3);--sbb-card-border-color:transparent}.sbb-download{--sbb-focus-outline-color:light-dark(var(--sbb-focus-outline-color-default),var(--sbb-focus-outline-color-dark));--sbb-card-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-1x));padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color);display:block;position:relative}.sbb-download:after{content:"";border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none;background-color:#0000;position:absolute;inset:0}@media (forced-colors:active){.sbb-download{--sbb-title-color:var(--sbb-card-color)}}.sbb-download{align-items:center;gap:var(--sbb-download-gap);translate:0 var(--sbb-card-hover-shift,0);transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing), translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);text-decoration:none;display:flex}.sbb-download: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)}@media (any-hover:hover){:host(:hover) .sbb-download{--sbb-card-hover-shift:-.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media (any-hover:hover) and (forced-colors:active){:host(:hover) .sbb-download{--sbb-card-border-color:Highlight}}.sbb-download__icon{flex:none}.sbb-download__content{flex-direction:column;flex:auto;min-width:0;display:flex}.sbb-download__label{overflow-wrap:break-word;color:var(--sbb-download-label-color);font-weight:700}.sbb-download__custom-content,.sbb-download__info{line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-letter-spacing-text);font-size:var(--sbb-text-font-size-xxs);color:var(--sbb-download-info-color)}.sbb-download__button{flex:none;margin-inline-start:auto}
-`;const b=new Map([[`pdf`,`document-pdf-small`],[`xls`,`document-xls-small`],[`xlsx`,`document-xls-small`],[`ppt`,`document-ppt-small`],[`pptx`,`document-ppt-small`],[`doc`,`document-doc-small`],[`docx`,`document-doc-small`],[`zip`,`document-zip-small`],[`jpg`,`document-image-small`],[`jpeg`,`document-image-small`],[`png`,`document-image-small`],[`gif`,`document-image-small`],[`svg`,`document-image-small`],[`webp`,`document-image-small`]]);let x=(()=>{let s=v(l),u=[],d,m=[],g=[],x,S=[],C=[],w;return class extends s{constructor(){super(...arguments),this.#e=(t(this,u),t(this,m,`white`)),this.#t=(t(this,g),t(this,S,``)),this._languageController=(t(this,C),new c(this))}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;d=[a({reflect:!0})],x=[f(),a({converter:h})],w=[a({type:Boolean,reflect:!1})],e(this,null,d,{kind:`accessor`,name:`color`,static:!1,private:!1,access:{has:e=>`color`in e,get:e=>e.color,set:(e,t)=>{e.color=t}},metadata:t},m,g),e(this,null,x,{kind:`accessor`,name:`label`,static:!1,private:!1,access:{has:e=>`label`in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:t},S,C),e(this,null,w,{kind:`setter`,name:`download`,static:!1,private:!1,access:{has:e=>`download`in e,set:(e,t)=>{e.download=t}},metadata:t},null,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-download`}static{this.elementDependencies=[o]}static{this.styles=[_,i(y)]}#e;get color(){return this.#e}set color(e){this.#e=e}#t;get label(){return this.#t}set label(e){this.#t=e}set download(e){}get download(){return!0}get fileName(){return this.href.split(/[?#]/)[0].split(`/`).filter(Boolean).at(-1)??``}get fileExtension(){let e=this.fileName;return e.includes(`.`)?e.split(`.`).at(-1)?.toLowerCase()??``:``}renderIconName(){if(this.iconName)return this.iconName;if(!this.href)return``;let e=this.fileExtension;return e&&b.get(e)||`document-standard-small`}firstUpdated(e){super.firstUpdated(e),this._updateDescribedByElements()}_updateDescribedByElements(){let e=this.shadowRoot?.querySelector?.(`a`);if(e){let t=this.shadowRoot?.querySelector?.(`.sbb-download__custom-content`);e.ariaDescribedByElements=[...t?[t]:[],...this._downloadInfoElements()]}}_downloadInfoElements(){return this.querySelectorAll?.(`sbb-download-info`)??[]}renderTemplate(){return n`
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{property as a}from"lit/decorators.js";import{SbbSecondaryButtonStaticElement as o}from"./button.pure.js";import{SbbElement as s,SbbLanguageController as c,SbbLinkBaseElement as l,SbbPropertyWatcherController as u,defaultDateAdapter as d,forceType as f,i18nDownload as p,i18nNonAccessible as m,omitEmptyConverter as h,readConfig as g,screenReaderOnlyStyles as _}from"./core.js";import{SbbDividerElement as v}from"./divider.pure.js";import{SbbIconNameMixin as y}from"./icon.pure.js";var b=`:host{--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent;--sbb-card-border-radius:var(--sbb-border-radius-4x);--sbb-card-animation-easing:var(--sbb-animation-easing);--sbb-card-border-style:solid;--sbb-card-padding-inline-default:var(--sbb-spacing-responsive-s);--sbb-card-padding-block-default:var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block-default:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-block:var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block:var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline:var(--sbb-card-padding-inline-default);display:block}:host(:where([color=white])){--sbb-card-background-color:var(--sbb-background-color-1);--sbb-card-border-color:transparent}:host(:where([color=milk])){--sbb-card-background-color:var(--sbb-background-color-3);--sbb-card-border-color:transparent}.sbb-download{--sbb-focus-outline-color:light-dark(var(--sbb-focus-outline-color-default),var(--sbb-focus-outline-color-dark));--sbb-card-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-1x));padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color);display:block;position:relative}.sbb-download:after{content:"";border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none;background-color:#0000;position:absolute;inset:0}@media (forced-colors:active){.sbb-download{--sbb-title-color:var(--sbb-card-color)}}.sbb-download{translate:0 var(--sbb-card-hover-shift,0);transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing), translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);align-items:center;text-decoration:none;display:flex}.sbb-download: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)}@media (any-hover:hover){:host(:hover) .sbb-download{--sbb-card-hover-shift:-.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media (any-hover:hover) and (forced-colors:active){:host(:hover) .sbb-download{--sbb-card-border-color:Highlight}}.sbb-download__icon{flex:none}.sbb-download__divider{height:auto;margin-block:var(--sbb-download-divider-margin-block);margin-inline:var(--sbb-download-gap) var(--sbb-download-content-gap);align-self:stretch}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-download__divider{display:none}.sbb-download__content{flex-direction:column;flex:auto;min-width:0;display:flex}.sbb-download__label{overflow-wrap:break-word;font-size:var(--sbb-download-label-font-size);line-height:var(--sbb-typo-line-height-heading);letter-spacing:var(--sbb-letter-spacing-heading);color:var(--sbb-download-label-color);font-weight:700}.sbb-download__custom-content,.sbb-download__info{line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-letter-spacing-text);font-size:var(--sbb-text-font-size-xxs);color:var(--sbb-download-info-color)}.sbb-download__button{flex:none;margin-inline-start:var(--sbb-download-content-gap)}
+`;const x=new Map([[`pdf`,`document-pdf-small`],[`xls`,`document-xls-small`],[`xlsx`,`document-xls-small`],[`ppt`,`document-ppt-small`],[`pptx`,`document-ppt-small`],[`doc`,`document-doc-small`],[`docx`,`document-doc-small`],[`zip`,`document-zip-small`],[`jpg`,`document-image-small`],[`jpeg`,`document-image-small`],[`png`,`document-image-small`],[`gif`,`document-image-small`],[`svg`,`document-image-small`],[`webp`,`document-image-small`]]);let S=(()=>{let s=y(l),u,d=[],m=[],g,S=[],C=[];return class extends s{constructor(){super(...arguments),this.#e=t(this,d,`white`),this.#t=(t(this,m),t(this,S,``)),this._languageController=(t(this,C),new c(this))}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;u=[a({reflect:!0})],g=[f(),a({converter:h})],e(this,null,u,{kind:`accessor`,name:`color`,static:!1,private:!1,access:{has:e=>`color`in e,get:e=>e.color,set:(e,t)=>{e.color=t}},metadata:t},d,m),e(this,null,g,{kind:`accessor`,name:`label`,static:!1,private:!1,access:{has:e=>`label`in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:t},S,C),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-download`}static{this.elementDependencies=[v,o]}static{this.styles=[_,i(b)]}#e;get color(){return this.#e}set color(e){this.#e=e}#t;get label(){return this.#t}set label(e){this.#t=e}get fileName(){return this.href.split(/[?#]/)[0].split(`/`).filter(Boolean).at(-1)??``}get fileExtension(){let e=this.fileName;return e.includes(`.`)?e.split(`.`).at(-1)?.toLowerCase()??``:``}renderIconName(){if(this.iconName)return this.iconName;if(!this.href)return``;let e=this.fileExtension;return e&&x.get(e)||`document-standard-small`}resolveTarget(){return this.target||this.hasAttribute(`target`)?this.target:this.download?``:`_blank`}updated(e){super.updated(e),this._updateDescribedByElements()}_updateDescribedByElements(){let e=this.shadowRoot?.querySelector?.(`a`);if(e){let t=this.shadowRoot?.querySelector?.(`.sbb-download__custom-content`),n=this.shadowRoot?.querySelector?.(`#sbb-link-new-window`);e.ariaDescribedByElements=[...t?[t]:[],...this._downloadInfoElements(),...n?[n]:[]]}}_downloadInfoElements(){return this.querySelectorAll?.(`sbb-download-info`)??[]}renderTemplate(){return n`
       ${this.renderIconSlot(`sbb-download__icon`)}
+      <sbb-divider
+        class="sbb-download__divider"
+        orientation="vertical"
+        aria-hidden="true"
+      ></sbb-divider>
       <span class="sbb-download__content">
         <span class="sbb-download__label">${this.label||this.fileName}</span>
         <span class="sbb-screen-reader-only">
@@ -17,5 +22,5 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,not
         class="sbb-download__button"
         icon-name="download-small"
       ></sbb-secondary-button-static>
-    `}}})();var S=`:host{display:block}
-`;const C=[`B`,`KB`,`MB`,`GB`,`TB`];let w=(()=>{let r=s,o,l=[],p=[],_,v=[],y=[],b,x=[],w=[],T,E=[],D=[];return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[f(),a({converter:h})],_=[f(),a({converter:h})],b=[f(),a({converter:h})],T=[f(),a({attribute:`non-accessible`,type:Boolean})],e(this,null,o,{kind:`accessor`,name:`type`,static:!1,private:!1,access:{has:e=>`type`in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},l,p),e(this,null,_,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},v,y),e(this,null,b,{kind:`accessor`,name:`changed`,static:!1,private:!1,access:{has:e=>`changed`in e,get:e=>e.changed,set:(e,t)=>{e.changed=t}},metadata:t},x,w),e(this,null,T,{kind:`accessor`,name:`nonAccessible`,static:!1,private:!1,access:{has:e=>`nonAccessible`in e,get:e=>e.nonAccessible,set:(e,t)=>{e.nonAccessible=t}},metadata:t},E,D),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-download-info`}static{this.styles=[i(S)]}#e;get type(){return this.#e}set type(e){this.#e=e}#t;get size(){return this.#t}set size(e){this.#t=e}#n;get changed(){return this.#n}set changed(e){this.#n=e}#r;get nonAccessible(){return this.#r}set nonAccessible(e){this.#r=e}constructor(){super(),this.#e=t(this,l,``),this.#t=(t(this,p),t(this,v,``)),this.#n=(t(this,y),t(this,x,``)),this.#r=(t(this,w),t(this,E,!1)),this._language=(t(this,D),new c(this)),this._dateAdapter=g().datetime?.dateAdapter??d,this._resolvedType=``,this._typeRedundant=!1,this._resolvedSize=``,this._resolvedChanged=``,this.internals.ariaHidden=`true`,this.addController(new u(this,()=>this.closest(`sbb-download`),{href:()=>this.requestUpdate(),label:()=>this.requestUpdate()}))}connectedCallback(){super.connectedCallback(),this.slot||=`info`,this.requestUpdate()}willUpdate(e){super.willUpdate(e),this._resolvedType=this._resolveType(),this._typeRedundant=this._isTypeRedundant(),e.has(`size`)&&(this._resolvedSize=this._resolveSize()),e.has(`changed`)&&(this._resolvedChanged=this._resolveChanged())}_resolveType(){return this.type||(this.closest?.(`sbb-download`)?.fileExtension.toUpperCase()??``)}_isTypeRedundant(){let e=this.closest?.(`sbb-download`);return!!e&&!e.label&&!!e.fileExtension}_resolveSize(){let e=this.size.trim();if(!e||!/^\d+$/.test(e))return e;let t=Number(e);if(t<=0)return`0 ${C[0]}`;let n=Math.min(Math.floor(Math.log(t)/Math.log(1024)),C.length-1);return`${(t/1024**n).toFixed(0)} ${C[n]}`}_resolveChanged(){if(!this.changed)return``;let e=this._dateAdapter.deserialize(this.changed);return this._dateAdapter.isValid(e)?this._dateAdapter.format(e,{weekdayStyle:`none`}):this.changed}render(){let e=[this._resolvedType,this._resolvedSize,this.nonAccessible?m[this._language.current]:``,this._resolvedChanged].filter(Boolean);return this.internals.ariaLabel=e.slice(this._typeRedundant&&this._resolvedType?1:0).join(`, `),n`${e.join(`, `)}`}}})();export{x as SbbDownloadElement,w as SbbDownloadInfoElement};
+    `}}})();var C=`:host{display:block}
+`;const w=[`B`,`KB`,`MB`,`GB`,`TB`];let T=(()=>{let r=s,o,l=[],p=[],_,v=[],y=[],b,x=[],S=[],T,E=[],D=[];return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[f(),a({converter:h})],_=[f(),a({converter:h})],b=[f(),a({converter:h})],T=[f(),a({attribute:`non-accessible`,type:Boolean})],e(this,null,o,{kind:`accessor`,name:`type`,static:!1,private:!1,access:{has:e=>`type`in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},l,p),e(this,null,_,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},v,y),e(this,null,b,{kind:`accessor`,name:`changed`,static:!1,private:!1,access:{has:e=>`changed`in e,get:e=>e.changed,set:(e,t)=>{e.changed=t}},metadata:t},x,S),e(this,null,T,{kind:`accessor`,name:`nonAccessible`,static:!1,private:!1,access:{has:e=>`nonAccessible`in e,get:e=>e.nonAccessible,set:(e,t)=>{e.nonAccessible=t}},metadata:t},E,D),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-download-info`}static{this.styles=[i(C)]}#e;get type(){return this.#e}set type(e){this.#e=e}#t;get size(){return this.#t}set size(e){this.#t=e}#n;get changed(){return this.#n}set changed(e){this.#n=e}#r;get nonAccessible(){return this.#r}set nonAccessible(e){this.#r=e}constructor(){super(),this.#e=t(this,l,``),this.#t=(t(this,p),t(this,v,``)),this.#n=(t(this,y),t(this,x,``)),this.#r=(t(this,S),t(this,E,!1)),this._language=(t(this,D),new c(this)),this._dateAdapter=g().datetime?.dateAdapter??d,this._resolvedType=``,this._typeRedundant=!1,this._resolvedSize=``,this._resolvedChanged=``,this.internals.ariaHidden=`true`,this.addController(new u(this,()=>this.closest(`sbb-download`),{href:()=>this.requestUpdate(),label:()=>this.requestUpdate()}))}connectedCallback(){super.connectedCallback(),this.slot||=`info`,this.requestUpdate()}willUpdate(e){super.willUpdate(e),this._resolvedType=this._resolveType(),this._typeRedundant=this._isTypeRedundant(),e.has(`size`)&&(this._resolvedSize=this._resolveSize()),e.has(`changed`)&&(this._resolvedChanged=this._resolveChanged())}_resolveType(){return this.type||(this.closest?.(`sbb-download`)?.fileExtension.toUpperCase()??``)}_isTypeRedundant(){let e=this.closest?.(`sbb-download`);return!!e&&!e.label&&!!e.fileExtension}_resolveSize(){let e=this.size.trim();if(!e||!/^\d+$/.test(e))return e;let t=Number(e);if(t<=0)return`0 ${w[0]}`;let n=Math.min(Math.floor(Math.log(t)/Math.log(1024)),w.length-1);return`${(t/1024**n).toFixed(0)} ${w[n]}`}_resolveChanged(){if(!this.changed)return``;let e=this._dateAdapter.deserialize(this.changed);return this._dateAdapter.isValid(e)?this._dateAdapter.format(e,{weekdayStyle:`none`}):this.changed}render(){let e=[this._resolvedType,this._resolvedSize,this.nonAccessible?m[this._language.current]:``,this._resolvedChanged].filter(Boolean);return this.internals.ariaLabel=e.slice(this._typeRedundant&&this._resolvedType?1:0).join(`, `),n`${e.join(`, `)}`}}})();export{S as SbbDownloadElement,T as SbbDownloadInfoElement};

package/lean-off-brand-theme.css

@@ -1302,6 +1302,9 @@ summary {
   --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
   --sbb-divider-border-width: var(--sbb-border-width-1x);
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: var(--sbb-color-granite);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));

package/lean-safety-theme.css

@@ -1322,6 +1322,9 @@ summary {
   --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
   --sbb-divider-border-width: var(--sbb-border-width-1x);
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: var(--sbb-color-granite);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));

package/lean-theme.css

@@ -1322,6 +1322,9 @@ summary {
   --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
   --sbb-divider-border-width: var(--sbb-border-width-1x);
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: var(--sbb-color-granite);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));

package/off-brand-theme.css

@@ -1302,6 +1302,9 @@ summary {
   --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
   --sbb-divider-border-width: var(--sbb-border-width-1x);
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: var(--sbb-color-granite);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.8.0-dev.1788844741",
+  "version": "5.8.0-dev.1788874314",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/ffbe64465f4567bdea45281793ea427f67eb5ebb"
+    "https://github.com/sbb-design-systems/lyne-components/commit/e0cd632b0b04d213956fa80609b92da64499af76"
   ],
   "type": "module",
   "exports": {

package/safety-theme.css

@@ -1322,6 +1322,9 @@ summary {
   --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
   --sbb-divider-border-width: var(--sbb-border-width-1x);
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: var(--sbb-color-granite);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));

package/standard-theme.css

@@ -1322,6 +1322,9 @@ summary {
   --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
   --sbb-divider-border-width: var(--sbb-border-width-1x);
   --sbb-download-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-download-content-gap: var(--sbb-spacing-fixed-4x);
+  --sbb-download-divider-margin-block: var(--sbb-divider-border-width);
+  --sbb-download-label-font-size: var(--sbb-heading-font-size-5);
   --sbb-download-label-color: var(--sbb-color-3);
   --sbb-download-info-color: var(--sbb-color-granite);
   --sbb-download-info-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));