@sbb-esta/lyne-elements-experimental 5.0.1 → 5.1.0

package/autocomplete-grid.js

@@ -1,10 +1 @@
-import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { t } from "./autocomplete-grid-cell.component-79IjA__I.js";
-import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as r, t as i } from "./autocomplete-grid-option.component-DUFBhQwI.js";
-import { t as a } from "./autocomplete-grid-row.component-B3U15Rwa.js";
-import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
-import "./autocomplete-grid.pure.js";
-o.define(), e.define(), t.define(), n.define(), i.define(), a.define();
-//#endregion
-export { e as SbbAutocompleteGridButtonElement, t as SbbAutocompleteGridCellElement, o as SbbAutocompleteGridElement, n as SbbAutocompleteGridOptgroupElement, i as SbbAutocompleteGridOptionElement, a as SbbAutocompleteGridRowElement, r as autocompleteGridOptionId };
+import{SbbAutocompleteGridButtonElement as e,SbbAutocompleteGridCellElement as t,SbbAutocompleteGridElement as n,SbbAutocompleteGridOptgroupElement as r,SbbAutocompleteGridOptionElement as i,SbbAutocompleteGridRowElement as a}from"./autocomplete-grid.pure.js";export*from"./autocomplete-grid.pure.js";n.define(),e.define(),t.define(),r.define(),i.define(),a.define();

package/autocomplete-grid.pure.js

@@ -1,7 +1,12 @@
-import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { t } from "./autocomplete-grid-cell.component-79IjA__I.js";
-import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as r, t as i } from "./autocomplete-grid-option.component-DUFBhQwI.js";
-import { t as a } from "./autocomplete-grid-row.component-B3U15Rwa.js";
-import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
-export { e as SbbAutocompleteGridButtonElement, t as SbbAutocompleteGridCellElement, o as SbbAutocompleteGridElement, n as SbbAutocompleteGridOptgroupElement, i as SbbAutocompleteGridOptionElement, a as SbbAutocompleteGridRowElement, r as autocompleteGridOptionId };
+import{miniButtonStyle as e}from"@sbb-esta/lyne-elements/button.pure.js";import{SbbActionBaseElement as t,SbbDisabledMixin as n,SbbElement as r,SbbNegativeMixin as i,SbbPropertyWatcherController as a,getNextElementIndex as o,isEventPrevented as s,isSafari as c,setAriaComboBoxAttributes as l,ɵstateController as u}from"@sbb-esta/lyne-elements/core.js";import{SbbIconNameMixin as d}from"@sbb-esta/lyne-elements/icon.pure.js";import{html as f,isServer as p,unsafeCSS as m}from"lit";import{SbbOptgroupBaseElement as h,SbbOptionBaseElement as g}from"@sbb-esta/lyne-elements/option.pure.js";import{SbbAutocompleteBaseElement as _}from"@sbb-esta/lyne-elements/autocomplete.pure.js";let v=0;var y=class extends n(i(d(t))){static{this.elementName=`sbb-autocomplete-grid-button`}static{this.role=`button`}static{this.styles=[e]}get option(){return this.closest(`sbb-autocomplete-grid-row`)?.querySelector(`sbb-autocomplete-grid-option`)||null}get optgroup(){return this.closest(`sbb-autocomplete-grid-optgroup`)}constructor(){super(),this._handleButtonClick=async e=>{await s(e)||this.closest(`form`)},this.internals.states.add(`button`),p||(this.setupBaseEventHandlers(),this.addEventListener(`click`,this._handleButtonClick),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid-optgroup`),{disabled:()=>this._updateInternals()})))}isDisabledExternally(){return this.optgroup?.disabled??!1}renderTemplate(){return super.renderIconSlot()}connectedCallback(){super.connectedCallback(),this.id||=`sbb-autocomplete-grid-button-${++v}`,this.removeAttribute(`tabindex`)}willUpdate(e){super.willUpdate(e),e.has(`disabled`)&&this._updateInternals()}_updateInternals(){this.disabled||this.optgroup?.disabled?(this.internals.states.add(`disabled`),this.internals.ariaDisabled=`true`):(this.internals.states.delete(`disabled`),this.internals.ariaDisabled=null)}},b=`:host{--sbb-autocomplete-grid-cell-gap:var(--sbb-spacing-fixed-6x);display:block}.sbb-autocomplete-grid-cell{column-gap:var(--sbb-autocomplete-grid-cell-gap);display:flex}
+`,x=class extends r{static{this.elementName=`sbb-autocomplete-grid-cell`}static{this.role=`gridcell`}static{this.styles=[m(b)]}render(){return f`
+      <span class="sbb-autocomplete-grid-cell">
+        <slot></slot>
+      </span>
+    `}},S=class extends h{static{this.elementName=`sbb-autocomplete-grid-optgroup`}get options(){return Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-option`)??[])}constructor(){super(),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid`),{negative:e=>{this.toggleState(`negative`,e.negative),this.requestUpdate()}}))}getAutocompleteParent(){return this.closest?.(`sbb-autocomplete-grid`)||null}},C=`:host{--sbb-focus-outline-offset:var(--sbb-option-focus-outline-offset);display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color:var(--sbb-color-3-negative);--sbb-option-icon-color:var(--sbb-color-5)}:host(:is(:state(size-s),[state--size-s])){--sbb-option-min-height:var(--sbb-size-element-xxs);--sbb-option-focus-outline-offset:calc(-1 * var(--sbb-spacing-fixed-1x));--sbb-option-focus-outline-inset:0 var(--sbb-spacing-fixed-1x)}:host(:is(:state(size-m),[state--size-m])){--sbb-option-min-height:var(--sbb-size-element-s);--sbb-option-focus-outline-offset:inherit;--sbb-option-focus-outline-inset:var(--sbb-spacing-fixed-1x)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color:var(--sbb-focus-outline-color)}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);align-items:center;column-gap:var(--sbb-option-column-gap);min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color);justify-content:start;display:flex;position:relative}.sbb-option:after{content:"";inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius);display:block;position:absolute}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media (forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:highlight}}.sbb-option__icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color);display:flex}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display,none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space,initial)}
+`;const w=`sbb-autocomplete-grid-option`;var T=class extends g{static{this.elementName=`sbb-autocomplete-grid-option`}static{this.role=`gridcell`}static{this.styles=[m(C)]}constructor(){super(),this.addController(new a(this,()=>this.closest(`sbb-autocomplete-grid-optgroup`),{disabled:e=>{this.disabledFromGroup=e.disabled,u(this.closest?.(`sbb-autocomplete-grid-row`))?.toggle(`disabled`,this.disabled||this.disabledFromGroup),this.updateAriaDisabled()},label:e=>this.groupLabel=e.label}))}willUpdate(e){super.willUpdate(e),e.has(`disabled`)&&(u(this.closest?.(`sbb-autocomplete-grid-row`))?.toggle(`disabled`,this.disabled||this.disabledFromGroup),this.updateAriaDisabled())}selectByClick(e){if(this.disabled||this.disabledFromGroup){e.stopPropagation();return}this.selectViaUserInteraction(!0)}},E=`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-autocomplete-grid-row-color:var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover:var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color:var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color:var(--sbb-background-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}@media (any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-autocomplete-grid-row-background-color:var(--sbb-autocomplete-grid-row-background-color-hover)}}:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-color:GrayText}}::slotted(sbb-autocomplete-grid-option){margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));flex:auto;overflow-x:hidden}.sbb-autocomplete-grid-row{align-items:center;justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color,inherit);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color);padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);display:flex}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{z-index:0;position:relative}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1;display:block;position:absolute;inset:.375rem}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:graytext}}
+`;let D=0;var O=class extends r{static{this.elementName=`sbb-autocomplete-grid-row`}static{this.role=`row`}static{this.styles=[m(E)]}connectedCallback(){super.connectedCallback(),this.id||=`sbb-autocomplete-grid-row-${++D}`}render(){return f`
+      <span class="sbb-autocomplete-grid-row">
+        <slot></slot>
+      </span>
+    `}};let k=0;const A=c;var j=class extends _{constructor(){super(...arguments),this.overlayId=`sbb-autocomplete-grid-${++k}`,this.panelRole=`grid`,this._activeColumnIndex=0}static{this.elementName=`sbb-autocomplete-grid`}static{this.role=A?`grid`:null}get options(){return Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-option`)??[])}syncNegative(){this.querySelectorAll?.(`sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint`).forEach(e=>e.negative=this.negative),this.querySelectorAll?.(`sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup`).forEach(e=>u(e).toggle(`negative`,this.negative))}openedPanelKeyboardInteraction(e){if(this.isOpen)switch(e.key){case`Enter`:this.selectByKeyboard(e);break;case`ArrowDown`:case`ArrowUp`:this.setNextActiveOption(e);break;case`ArrowRight`:case`ArrowLeft`:this._setNextHorizontalActiveElement(e);break}}selectByKeyboard(e){this.activeOption&&(e.preventDefault(),this._activeColumnIndex===0?this.activeOption.selectViaUserInteraction(!0):this.activeOption.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-button`)[this._activeColumnIndex-1]?.click())}setNextActiveOption(e){let t=this.options.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(this.activeOption?.setActive(!1),this.triggerElement.ariaActiveDescendantElement=null,Array.from(this.querySelectorAll?.(`sbb-autocomplete-grid-row :is(:state(focus-visible),[state--focus-visible])`)??[]).forEach(e=>u(e).delete(`focus-visible`)),this._activeColumnIndex=0,!t.length){this.activeOption=null;return}let n=o(e,this.activeOption?t.indexOf(this.activeOption):-1,t.length);this.activeOption=t[n],this.activeOption.setActive(!0),this.triggerElement.ariaActiveDescendantElement=this.activeOption,this.activeOption.scrollIntoView({block:`nearest`}),e&&e.preventDefault(),this.autoSelectActiveOption&&e&&this.setPendingSelection(this.activeOption)}_setNextHorizontalActiveElement(e){if(!this.activeOption)return;let t=Array.from(this.activeOption?.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-option, sbb-autocomplete-grid-button`)??[])?.filter(e=>!e.matches(`:is(:state(disabled),[state--disabled])`));if(!t.length)return;let n=o(e,this._activeColumnIndex,t.length),r=t[n];r instanceof T?r.setActive(!0):u(r).add(`focus-visible`);let i=t[this._activeColumnIndex];i instanceof T?i.setActive(!1):u(i).delete(`focus-visible`),this.triggerElement.ariaActiveDescendantElement=r,r.scrollIntoView({block:`nearest`}),this._activeColumnIndex=n}resetActiveElement(){this._activeColumnIndex!==0&&this.activeOption?.closest(`sbb-autocomplete-grid-row`)?.querySelectorAll(`sbb-autocomplete-grid-button`).forEach(e=>u(e).delete(`focus-visible`)),this.activeOption?.setActive(!1),this.activeOption=null,this._activeColumnIndex=0,this.triggerElement&&(this.triggerElement.ariaActiveDescendantElement=null)}setTriggerAttributes(e){l(e,A?this.id:this.overlayId,!1,`grid`)}};export{y as SbbAutocompleteGridButtonElement,x as SbbAutocompleteGridCellElement,j as SbbAutocompleteGridElement,S as SbbAutocompleteGridOptgroupElement,T as SbbAutocompleteGridOptionElement,O as SbbAutocompleteGridRowElement,w as autocompleteGridOptionId};

package/core.js

@@ -1,5 +1,31 @@
-import { n as e, t } from "./date-helper-DNzMLcyb.js";
-import { extractTimeAndStringFromNoticeText as n, isConnectionLeg as r, isRideLeg as i } from "./core/timetable/timetable-helper.js";
-import { getDepartureArrivalTimeAttribute as a } from "./core/timetable/access-leg-helper.js";
-import "./core/timetable/timetable-properties.js";
-export { t as durationToTime, n as extractTimeAndStringFromNoticeText, a as getDepartureArrivalTimeAttribute, r as isConnectionLeg, i as isRideLeg, e as removeTimezoneFromISOTimeString };
+import{i18nDurationDay as e,i18nDurationHour as t,i18nDurationMinute as n,i18nWalkingDistanceArrival as r,i18nWalkingDistanceDeparture as i}from"@sbb-esta/lyne-elements/core.js";import{html as a,nothing as o}from"lit";import"@sbb-esta/lyne-elements/icon.pure.js";const s=6e4,c=36e5,l=Symbol.for(`constructDateFrom`);function u(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&l in e?e[l](t):e instanceof Date?new e.constructor(t):new Date(t)}function d(e,t){return u(t||e,e)}function f(e,t,n){let r=d(e,n?.in);return isNaN(t)?u(n?.in||e,NaN):(t&&r.setDate(r.getDate()+t),r)}function p(e,t,n){return u(n?.in||e,+d(e)+t)}function m(e,t,n){return p(e,t*c,n)}function h(e,t,n){let r=d(e,n?.in);return r.setTime(r.getTime()+t*s),r}function g(e){let t=d(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function _(e,...t){let n=u.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function v(e,t){let n=d(e,t?.in);return n.setHours(0,0,0,0),n}function y(e,t,n){let[r,i]=_(n?.in,e,t),a=v(r),o=v(i),s=+a-g(a),c=+o-g(o);return Math.round((s-c)/864e5)}function b(e,t,n){let[r,i]=_(n?.in,e,t),a=x(r,i),o=Math.abs(y(r,i));r.setDate(r.getDate()-a*o);let s=a*(o-Number(x(r,i)===-a));return s===0?0:s}function x(e,t){let n=e.getFullYear()-t.getFullYear()||e.getMonth()-t.getMonth()||e.getDate()-t.getDate()||e.getHours()-t.getHours()||e.getMinutes()-t.getMinutes()||e.getSeconds()-t.getSeconds()||e.getMilliseconds()-t.getMilliseconds();return n<0?-1:n>0?1:n}function S(e){return t=>{let n=(e?Math[e]:Math.trunc)(t);return n===0?0:n}}function C(e,t,n){let[r,i]=_(n?.in,e,t),a=(r-+i)/c;return S(n?.roundingMethod)(a)}function w(e,t){return d(e)-+d(t)}function T(e,t,n){let r=w(e,t)/s;return S(n?.roundingMethod)(r)}function E(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function D(e){return!(!E(e)&&typeof e!=`number`||isNaN(+d(e)))}function O(e,t){let n=()=>u(t?.in,NaN),r=t?.additionalDigits??2,i=re(e),a;if(i.date){let e=A(i.date,r);a=j(e.restDateString,e.year)}if(!a||isNaN(+a))return n();let o=+a,s=0,c;if(i.time&&(s=N(i.time),isNaN(s)))return n();if(i.timezone){if(c=F(i.timezone),isNaN(c))return n()}else{let e=new Date(o+s),n=d(0,t?.in);return n.setFullYear(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()),n.setHours(e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds()),n}return d(o+s+c,t?.in)}const k={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},ee=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,te=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,ne=/^([+-])(\d{2})(?::?(\d{2}))?$/;function re(e){let t={},n=e.split(k.dateTimeDelimiter),r;if(n.length>2)return t;if(/:/.test(n[0])?r=n[0]:(t.date=n[0],r=n[1],k.timeZoneDelimiter.test(t.date)&&(t.date=e.split(k.timeZoneDelimiter)[0],r=e.substr(t.date.length,e.length))),r){let e=k.timezone.exec(r);e?(t.time=r.replace(e[1],``),t.timezone=e[1]):t.time=r}return t}function A(e,t){let n=RegExp(`^(?:(\\d{4}|[+-]\\d{`+(4+t)+`})|(\\d{2}|[+-]\\d{`+(2+t)+`})$)`),r=e.match(n);if(!r)return{year:NaN,restDateString:``};let i=r[1]?parseInt(r[1]):null,a=r[2]?parseInt(r[2]):null;return{year:a===null?i:a*100,restDateString:e.slice((r[1]||r[2]).length)}}function j(e,t){if(t===null)return new Date(NaN);let n=e.match(ee);if(!n)return new Date(NaN);let r=!!n[4],i=M(n[1]),a=M(n[2])-1,o=M(n[3]),s=M(n[4]),c=M(n[5])-1;if(r)return V(t,s,c)?I(t,s,c):new Date(NaN);{let e=new Date(0);return!z(t,a,o)||!B(t,i)?new Date(NaN):(e.setUTCFullYear(t,a,Math.max(i,o)),e)}}function M(e){return e?parseInt(e):1}function N(e){let t=e.match(te);if(!t)return NaN;let n=P(t[1]),r=P(t[2]),i=P(t[3]);return H(n,r,i)?n*c+r*s+i*1e3:NaN}function P(e){return e&&parseFloat(e.replace(`,`,`.`))||0}function F(e){if(e===`Z`)return 0;let t=e.match(ne);if(!t)return 0;let n=t[1]===`+`?-1:1,r=parseInt(t[2]),i=t[3]&&parseInt(t[3])||0;return U(r,i)?n*(r*c+i*s):NaN}function I(e,t,n){let r=new Date(0);r.setUTCFullYear(e,0,4);let i=r.getUTCDay()||7,a=(t-1)*7+n+1-i;return r.setUTCDate(r.getUTCDate()+a),r}const L=[31,null,31,30,31,30,31,31,30,31,30,31];function R(e){return e%400==0||e%4==0&&e%100!=0}function z(e,t,n){return t>=0&&t<=11&&n>=1&&n<=(L[t]||(R(e)?29:28))}function B(e,t){return t>=1&&t<=(R(e)?366:365)}function V(e,t,n){return t>=1&&t<=53&&n>=0&&n<=6}function H(e,t,n){return e===24?t===0&&n===0:n>=0&&n<60&&t>=0&&t<60&&e>=0&&e<25}function U(e,t){return t>=0&&t<=59}function W(e,t,n){return f(e,-t,n)}function G(e,t,n){return m(e,-t,n)}function K(e){if(e&&D(O(e))){if(e.includes(`Z`))return new Date(e.replace(`Z`,``));if(e.includes(`T`)){let t=e.split(`T`);if(t[1]&&(t[1].includes(`+`)||t[1].includes(`-`)))return new Date(`${t[0]}T${t[1].split(/[+-]/)[0]}`)}return new Date(e)}}const q=(r,i)=>{let a=[],o=[],s=h(0,r),c=b(s,0);c>0&&(a.push(`${c} d`),i&&o.push(`${c} ${c>1?e.multiple.long[i]:e.single.long[i]}`),s=W(s,c));let l=C(s,0);l>0&&(a.push(`${l} h`),i&&o.push(`${l} ${l>1?t.multiple.long[i]:t.single.long[i]}`),s=G(s,l));let u=T(s,0);return u>0&&(a.push(`${u} min`),i&&o.push(`${u} ${u>1?n.multiple.long[i]:n.single.long[i]}`)),{short:a.join(` `),long:o.join(` `)}},J=e=>e?.__typename===`PTRideLeg`,Y=e=>e?.__typename===`PTConnectionLeg`,X=e=>{let t=e?.text?.template&&e.text.template.indexOf(`(`)+1,n=e?.text?.template?.substring(t||0,e?.text?.template.indexOf(`)`));return{duration:n&&+n.substring(0,n.length-1)||0,text:e?.text?.template?.split(`(`)[0]||``}};function Z(e,t){let n=Y(e)?e:null,r=n?n?.notices?.filter(e=>t.includes(e.name))[0]:null;return r?{duration:n?.duration||0,text:r?.text?.template||``,icon:`walk-small`}:null}function ie(e,t,n,r){let a=J(e)?e?.serviceJourney?.notices?.filter(e=>[`CI`].includes(e.name))[0]:null,o=a&&X(a);return a?{duration:(o?.duration||0)+(t||0),text:n?i[r]:o?.text||``,icon:n?`wheelchair-small`:`sa-${a?.name?.toLowerCase()}`}:null}function ae(e,t,n,i){let a=J(e)?e?.serviceJourney?.notices?.filter(e=>[`CO`].includes(e.name))[0]:null,o=a&&X(a);return a?{duration:(o?.duration||0)+(t||0),text:n?r[i]:o?.text||``,icon:n?`wheelchair-small`:`sa-${a?.name?.toLowerCase()}`}:null}function Q(e,t,n,s,c){return a`
+    <span class="sbb-pearl-chain__time-transfer sbb-pearl-chain__time-transfer--${t}-${c}">
+      <sbb-icon name=${t}></sbb-icon>
+      <time datetime=${e+`M`}>
+        <span class="sbb-screen-reader-only">
+          ${!s&&c?c===`departure`?i[n]:r[n]:o}
+          ${s?a`<span>${s}</span>`:o}&nbsp;
+        </span>
+        ${e}
+        <span class="sbb-pearl-chain__time-walktime-prime-symbol" aria-hidden="true">'</span>
+        <span class="sbb-screen-reader-only">min</span>
+      </time>
+    </span>
+  `}function $(e,t,n,r){return a`
+    <span class="sbb-pearl-chain__time-walktime sbb-pearl-chain__time-walktime--${r}-${n}">
+      <sbb-icon name=${r}></sbb-icon>
+      <time datetime=${e+`M`}>
+        <span class="sbb-screen-reader-only">${t}</span>
+        ${e}
+        <span class="sbb-pearl-chain__time-walktime-prime-symbol" aria-hidden="true">'</span>
+      </time>
+    </span>
+  `}function oe(e,t,n,s,c){let l=e&&e.filter(e=>J(e)||Y(e))[0],u=[`YM`,`YB`,`Y`,`YT`],d=Z(l,u),f=ie(l,t,c,s),p=t?{text:i[s],duration:t,icon:c?`wheelchair-small`:`walk-small`}:null,m=()=>d||(p&&!f&&!d?p:f||null);function h(){return a`
+      ${d?$(d.duration,d.text,`left`,d.icon):o}
+      ${p&&!f&&!d?$(p.duration,p.text,`left`,p.icon):o}
+      ${f?c?$(f.duration,f.text,`left`,f.icon):Q(f.duration,f.icon,s,f.text,`departure`):o}
+    `}let g=e&&e[e.length-1],_=(Y(g)||J(g))&&g,v=_&&Z(_,u),y=_&&ae(_,n,c,s),b=n?{text:r[s],duration:n,icon:c?`wheelchair-small`:`walk-small`}:null,x=()=>v||(b&&!y&&!v?b:y||null);function S(){return a`
+      ${v?$(v.duration,v.text,`right`,v.icon):o}
+      ${b&&!y&&!v?$(b.duration,b.text,`right`,b.icon):o}
+      ${y?c?$(y.duration,y.text,`right`,y.icon):Q(y.duration,y.icon,s,y.text,`arrival`):o}
+    `}return{renderDepartureTimeAttribute:h,renderArrivalTimeAttribute:S,departureTimeAttribute:m(),arrivalTimeAttribute:x()}}export{q as durationToTime,X as extractTimeAndStringFromNoticeText,oe as getDepartureArrivalTimeAttribute,Y as isConnectionLeg,J as isRideLeg,K as removeTimezoneFromISOTimeString};

package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts

@@ -37,4 +37,3 @@ declare global {
         'sbb-autocomplete-grid': SbbAutocompleteGridElement;
     }
 }
-//# sourceMappingURL=autocomplete-grid.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts

@@ -1,8 +1,8 @@
 import { SbbActionBaseElement } from '@sbb-esta/lyne-elements/core.js';
-import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbAutocompleteGridOptgroupElement } from '../autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts';
-import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option/autocomplete-grid-option.component.ts';
-declare const SbbAutocompleteGridButtonElement_base: import('@sbb-esta/lyne-elements/core.js').AbstractConstructor<import('@sbb-esta/lyne-elements/core.js').SbbDisabledMixinType> & import('@sbb-esta/lyne-elements/core.js').AbstractConstructor<import('@sbb-esta/lyne-elements/core.js').SbbNegativeMixinType> & import('@sbb-esta/lyne-elements/core.js').AbstractConstructor<import('@sbb-esta/lyne-elements/icon.pure.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
+import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+import type { SbbAutocompleteGridOptgroupElement } from '../autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts';
+import type { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option/autocomplete-grid-option.component.ts';
+declare const SbbAutocompleteGridButtonElement_base: import("@sbb-esta/lyne-elements/core.js").AbstractConstructor<import("@sbb-esta/lyne-elements/core.js").SbbDisabledMixinType> & import("@sbb-esta/lyne-elements/core.js").AbstractConstructor<import("@sbb-esta/lyne-elements/core.js").SbbNegativeMixinType> & import("@sbb-esta/lyne-elements/core.js").AbstractConstructor<import("@sbb-esta/lyne-elements/icon.pure.js").SbbIconNameMixinType> & typeof SbbActionBaseElement;
 /**
  * It displays an icon-only button that can be used in `sbb-autocomplete-grid`.
  *
@@ -29,4 +29,3 @@ declare global {
     }
 }
 export {};
-//# sourceMappingURL=autocomplete-grid-button.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts

@@ -1,5 +1,5 @@
 import { SbbElement } from '@sbb-esta/lyne-elements/core.js';
-import { CSSResultGroup, TemplateResult } from 'lit';
+import { type CSSResultGroup, type TemplateResult } from 'lit';
 /**
  * A wrapper component for autocomplete-grid action button.
  *
@@ -16,4 +16,3 @@ declare global {
         'sbb-autocomplete-grid-cell': SbbAutocompleteGridCellElement;
     }
 }
-//# sourceMappingURL=autocomplete-grid-cell.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts

@@ -1,6 +1,6 @@
-import { SbbAutocompleteBaseElement } from '@sbb-esta/lyne-elements/autocomplete.pure.js';
+import type { SbbAutocompleteBaseElement } from '@sbb-esta/lyne-elements/autocomplete.pure.js';
 import { SbbOptgroupBaseElement } from '@sbb-esta/lyne-elements/option.pure.js';
-import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option/autocomplete-grid-option.component.ts';
+import type { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option/autocomplete-grid-option.component.ts';
 /**
  * It can be used as a container for one or more `sbb-autocomplete-grid-option`.
  *
@@ -17,4 +17,3 @@ declare global {
         'sbb-autocomplete-grid-optgroup': SbbAutocompleteGridOptgroupElement;
     }
 }
-//# sourceMappingURL=autocomplete-grid-optgroup.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts

@@ -1,5 +1,5 @@
 import { SbbOptionBaseElement } from '@sbb-esta/lyne-elements/option.pure.js';
-import { CSSResultGroup, PropertyValues } from 'lit';
+import { type CSSResultGroup, type PropertyValues } from 'lit';
 export declare const autocompleteGridOptionId: string;
 /**
  * It displays an option item which can be used in `sbb-autocomplete-grid`.
@@ -23,4 +23,3 @@ declare global {
         'sbb-autocomplete-grid-option': SbbAutocompleteGridOptionElement;
     }
 }
-//# sourceMappingURL=autocomplete-grid-option.component.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts

@@ -1,5 +1,5 @@
 import { SbbElement } from '@sbb-esta/lyne-elements/core.js';
-import { CSSResultGroup, TemplateResult } from 'lit';
+import { type CSSResultGroup, type TemplateResult } from 'lit';
 /**
  * The component is used as a wrapper for options and action buttons.
  *
@@ -17,4 +17,3 @@ declare global {
         'sbb-autocomplete-grid-row': SbbAutocompleteGridRowElement;
     }
 }
-//# sourceMappingURL=autocomplete-grid-row.component.d.ts.map

package/development/autocomplete-grid.d.ts

@@ -1,2 +1 @@
 export * from './autocomplete-grid.pure.ts';
-//# sourceMappingURL=autocomplete-grid.d.ts.map

package/development/autocomplete-grid.js

@@ -1,10 +1,7 @@
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-BbdELDro.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-C7WuqRit.js";
-import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-DoXbOsQM.js";
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
-import "./autocomplete-grid.pure.js";
+import { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement } from "./autocomplete-grid.pure.js";
+
+export * from "./autocomplete-grid.pure.js"
+
 //#region src/elements-experimental/autocomplete-grid.ts
 /** @entrypoint */
 SbbAutocompleteGridElement.define();
@@ -13,7 +10,5 @@ SbbAutocompleteGridCellElement.define();
 SbbAutocompleteGridOptgroupElement.define();
 SbbAutocompleteGridOptionElement.define();
 SbbAutocompleteGridRowElement.define();
-//#endregion
-export { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement, autocompleteGridOptionId };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9hdXRvY29tcGxldGUtZ3JpZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7XG4gIFNiYkF1dG9jb21wbGV0ZUdyaWRCdXR0b25FbGVtZW50LFxuICBTYmJBdXRvY29tcGxldGVHcmlkQ2VsbEVsZW1lbnQsXG4gIFNiYkF1dG9jb21wbGV0ZUdyaWRFbGVtZW50LFxuICBTYmJBdXRvY29tcGxldGVHcmlkT3B0Z3JvdXBFbGVtZW50LFxuICBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudCxcbiAgU2JiQXV0b2NvbXBsZXRlR3JpZFJvd0VsZW1lbnQsXG59IGZyb20gJy4vYXV0b2NvbXBsZXRlLWdyaWQucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vYXV0b2NvbXBsZXRlLWdyaWQucHVyZS50cyc7XG5cblNiYkF1dG9jb21wbGV0ZUdyaWRFbGVtZW50LmRlZmluZSgpO1xuU2JiQXV0b2NvbXBsZXRlR3JpZEJ1dHRvbkVsZW1lbnQuZGVmaW5lKCk7XG5TYmJBdXRvY29tcGxldGVHcmlkQ2VsbEVsZW1lbnQuZGVmaW5lKCk7XG5TYmJBdXRvY29tcGxldGVHcmlkT3B0Z3JvdXBFbGVtZW50LmRlZmluZSgpO1xuU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQuZGVmaW5lKCk7XG5TYmJBdXRvY29tcGxldGVHcmlkUm93RWxlbWVudC5kZWZpbmUoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBWUEsMkJBQTJCLE9BQU07QUFDakMsaUNBQWlDLE9BQU07QUFDdkMsK0JBQStCLE9BQU07QUFDckMsbUNBQW1DLE9BQU07QUFDekMsaUNBQWlDLE9BQU07QUFDdkMsOEJBQThCLE9BQU0ifQ==
+//#endregion

package/development/autocomplete-grid.pure.d.ts

@@ -5,4 +5,3 @@ export * from './autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-
 export * from './autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts';
 export * from './autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts';
 export * from './autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts';
-//# sourceMappingURL=autocomplete-grid.pure.d.ts.map

package/development/autocomplete-grid.pure.js

@@ -1,7 +1,328 @@
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { t as SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell.component-BbdELDro.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as autocompleteGridOptionId, t as SbbAutocompleteGridOptionElement } from "./autocomplete-grid-option.component-C7WuqRit.js";
-import { t as SbbAutocompleteGridRowElement } from "./autocomplete-grid-row.component-DoXbOsQM.js";
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
-export { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement, autocompleteGridOptionId };
+import { miniButtonStyle } from "@sbb-esta/lyne-elements/button.pure.js";
+import { SbbActionBaseElement, SbbDisabledMixin, SbbElement, SbbNegativeMixin, SbbPropertyWatcherController, getNextElementIndex, isEventPrevented, isSafari, setAriaComboBoxAttributes, ɵstateController } from "@sbb-esta/lyne-elements/core.js";
+import { SbbIconNameMixin } from "@sbb-esta/lyne-elements/icon.pure.js";
+import { html, isServer, unsafeCSS } from "lit";
+import { SbbOptgroupBaseElement, SbbOptionBaseElement } from "@sbb-esta/lyne-elements/option.pure.js";
+import { SbbAutocompleteBaseElement } from "@sbb-esta/lyne-elements/autocomplete.pure.js";
+
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.ts
+let autocompleteButtonNextId = 0;
+/**
+* It displays an icon-only button that can be used in `sbb-autocomplete-grid`.
+*
+* @slot icon - Slot used to display the icon, if one is set
+*/
+var SbbAutocompleteGridButtonElement = class extends SbbDisabledMixin(SbbNegativeMixin(SbbIconNameMixin(SbbActionBaseElement))) {
+	static {
+		this.elementName = "sbb-autocomplete-grid-button";
+	}
+	static {
+		this.role = "button";
+	}
+	static {
+		this.styles = [miniButtonStyle];
+	}
+	/** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
+	get option() {
+		return this.closest("sbb-autocomplete-grid-row")?.querySelector("sbb-autocomplete-grid-option") || null;
+	}
+	get optgroup() {
+		return this.closest("sbb-autocomplete-grid-optgroup");
+	}
+	constructor() {
+		super();
+		this._handleButtonClick = async (event) => {
+			if (await isEventPrevented(event) || !this.closest("form")) return;
+		};
+		this.internals.states.add("button");
+		if (!isServer) {
+			this.setupBaseEventHandlers();
+			this.addEventListener("click", this._handleButtonClick);
+			this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid-optgroup"), { disabled: () => this._updateInternals() }));
+		}
+	}
+	isDisabledExternally() {
+		return this.optgroup?.disabled ?? false;
+	}
+	renderTemplate() {
+		return super.renderIconSlot();
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.id ||= `sbb-autocomplete-grid-button-${++autocompleteButtonNextId}`;
+		this.removeAttribute("tabindex");
+	}
+	willUpdate(changedProperties) {
+		super.willUpdate(changedProperties);
+		if (changedProperties.has("disabled")) this._updateInternals();
+	}
+	_updateInternals() {
+		if (this.disabled || this.optgroup?.disabled) {
+			this.internals.states.add("disabled");
+			this.internals.ariaDisabled = "true";
+		} else {
+			this.internals.states.delete("disabled");
+			this.internals.ariaDisabled = null;
+		}
+	}
+};
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?inline
+var autocomplete_grid_cell_default = ":host {\n  --sbb-autocomplete-grid-cell-gap: var(--sbb-spacing-fixed-6x);\n  display: block;\n}\n\n.sbb-autocomplete-grid-cell {\n  display: flex;\n  column-gap: var(--sbb-autocomplete-grid-cell-gap);\n}\n";
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts
+/**
+* A wrapper component for autocomplete-grid action button.
+*
+* @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
+*/
+var SbbAutocompleteGridCellElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-autocomplete-grid-cell";
+	}
+	static {
+		this.role = "gridcell";
+	}
+	static {
+		this.styles = [unsafeCSS(autocomplete_grid_cell_default)];
+	}
+	render() {
+		return html`
+      <span class="sbb-autocomplete-grid-cell">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts
+/**
+* It can be used as a container for one or more `sbb-autocomplete-grid-option`.
+*
+* @slot - Use the unnamed slot to add `sbb-autocomplete-grid-option` elements to the `sbb-autocomplete-grid-optgroup`.
+*/
+var SbbAutocompleteGridOptgroupElement = class extends SbbOptgroupBaseElement {
+	static {
+		this.elementName = "sbb-autocomplete-grid-optgroup";
+	}
+	get options() {
+		return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
+	}
+	constructor() {
+		super();
+		this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => {
+			this.toggleState("negative", e.negative);
+			this.requestUpdate();
+		} }));
+	}
+	getAutocompleteParent() {
+		return this.closest?.("sbb-autocomplete-grid") || null;
+	}
+};
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
+var autocomplete_grid_option_default = ":host {\n  --sbb-focus-outline-offset: var(--sbb-option-focus-outline-offset);\n  display: block;\n}\n\n:host(:is(:state(negative),[state--negative])) {\n  --sbb-option-color: var(--sbb-color-3-negative);\n  --sbb-option-icon-color: var(--sbb-color-5);\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n  --sbb-option-min-height: var(--sbb-size-element-xxs);\n  --sbb-option-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));\n  --sbb-option-focus-outline-inset: 0 var(--sbb-spacing-fixed-1x);\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n  --sbb-option-min-height: var(--sbb-size-element-s);\n  --sbb-option-focus-outline-offset: inherit;\n  --sbb-option-focus-outline-inset: var(--sbb-spacing-fixed-1x);\n}\n\n:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot {\n  display: none;\n}\n\n:host(:is(:state(active),[state--active])) {\n  --sbb-option-focus-outline-color: var(--sbb-focus-outline-color);\n}\n\n.sbb-option {\n  font-size: var(--sbb-option-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  position: relative;\n  display: flex;\n  align-items: center;\n  column-gap: var(--sbb-option-column-gap);\n  justify-content: start;\n  min-height: var(--sbb-option-min-height);\n  padding-inline: var(--sbb-option-padding-inline);\n  color: var(--sbb-option-color);\n}\n.sbb-option::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset: var(--sbb-option-focus-outline-inset);\n  pointer-events: none;\n  border: var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);\n  border-radius: var(--sbb-option-border-radius);\n}\n\n:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight {\n  font-weight: bold;\n}\n@media (forced-colors: active) {\n  :host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight {\n    color: Highlight;\n  }\n}\n\n.sbb-option__icon {\n  display: flex;\n  min-width: var(--sbb-size-icon-ui-small);\n  min-height: var(--sbb-size-icon-ui-small);\n  color: var(--sbb-option-icon-color);\n}\n:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon {\n  display: var(--sbb-option-icon-container-display, none);\n}\n\n.sbb-option__label {\n  text-overflow: var(--sbb-option-text-overflow);\n  overflow: var(--sbb-option-overflow);\n  white-space: var(--sbb-option-white-space, initial);\n}\n";
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts
+const autocompleteGridOptionId = `sbb-autocomplete-grid-option`;
+/**
+* It displays an option item which can be used in `sbb-autocomplete-grid`.
+*
+* @slot - Use the unnamed slot to add content to the option label.
+* @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
+* @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
+* when preserve-icon-space on autocomplete is not set or iconName is not set.
+* @overrideType value - T = string
+*/
+var SbbAutocompleteGridOptionElement = class extends SbbOptionBaseElement {
+	static {
+		this.elementName = "sbb-autocomplete-grid-option";
+	}
+	static {
+		this.role = "gridcell";
+	}
+	static {
+		this.styles = [unsafeCSS(autocomplete_grid_option_default)];
+	}
+	constructor() {
+		super();
+		this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
+			disabled: (p) => {
+				this.disabledFromGroup = p.disabled;
+				ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
+				this.updateAriaDisabled();
+			},
+			label: (p) => this.groupLabel = p.label
+		}));
+	}
+	willUpdate(changedProperties) {
+		super.willUpdate(changedProperties);
+		if (changedProperties.has("disabled")) {
+			ɵstateController(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup);
+			this.updateAriaDisabled();
+		}
+	}
+	selectByClick(event) {
+		if (this.disabled || this.disabledFromGroup) {
+			event.stopPropagation();
+			return;
+		}
+		this.selectViaUserInteraction(true);
+	}
+};
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?inline
+var autocomplete_grid_row_default = ":host {\n  display: block;\n}\n\n:host(:is(:state(negative),[state--negative])) {\n  --sbb-autocomplete-grid-row-color: var(--sbb-color-3-negative);\n  --sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3-negative);\n  --sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-border-color-5);\n  --sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3-negative);\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n}\n\n@media (any-hover: hover) {\n  :host(:hover:not(:is(:state(disabled),[state--disabled]))) {\n    --sbb-autocomplete-grid-row-background-color: var(\n      --sbb-autocomplete-grid-row-background-color-hover\n    );\n  }\n}\n\n:host(:is(:state(disabled),[state--disabled])) {\n  --sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-default);\n}\n@media (forced-colors: active) {\n  :host(:is(:state(disabled),[state--disabled])) {\n    --sbb-autocomplete-grid-row-color: GrayText;\n  }\n}\n\n::slotted(sbb-autocomplete-grid-option) {\n  flex: 1 1 auto;\n  margin-right: calc(-1 * var(--sbb-spacing-fixed-2x));\n  overflow-x: hidden;\n}\n\n.sbb-autocomplete-grid-row {\n  display: flex;\n  align-items: center;\n  padding-inline-end: var(--sbb-autocomplete-grid-row-padding-inline-end);\n  justify-content: var(--sbb-autocomplete-grid-row-justify-content);\n  gap: var(--sbb-spacing-fixed-6x);\n  color: var(--sbb-autocomplete-grid-row-color);\n  background-color: var(--sbb-autocomplete-grid-row-background-color, inherit);\n  cursor: var(--sbb-autocomplete-grid-row-cursor);\n  -webkit-tap-highlight-color: transparent;\n  -webkit-text-fill-color: var(--sbb-autocomplete-grid-row-color);\n}\n:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row {\n  position: relative;\n  z-index: 0;\n}\n:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset: 0.375rem;\n  border: var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);\n  border-radius: var(--sbb-border-radius-2x);\n  background-color: var(--sbb-autocomplete-grid-row-disabled-background-color);\n  z-index: -1;\n}\n@media (forced-colors: active) {\n  :host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row::before {\n    border-color: GrayText;\n  }\n}\n";
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.ts
+let autocompleteRowNextId = 0;
+/**
+* The component is used as a wrapper for options and action buttons.
+*
+* @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-option` and a `sbb-autocomplete-grid-cell` with one or more `sbb-autocomplete-grid-button`.
+*/
+var SbbAutocompleteGridRowElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-autocomplete-grid-row";
+	}
+	static {
+		this.role = "row";
+	}
+	static {
+		this.styles = [unsafeCSS(autocomplete_grid_row_default)];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.id ||= `sbb-autocomplete-grid-row-${++autocompleteRowNextId}`;
+	}
+	render() {
+		return html`
+      <span class="sbb-autocomplete-grid-row">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+
+//#endregion
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts
+let nextId = 0;
+/**
+* On Safari, the aria role 'listbox' must be on the host element, or else VoiceOver won't work at all.
+* On the other hand, JAWS and NVDA need the role to be "closer" to the options, or else optgroups won't work.
+*/
+const ariaRoleOnHost = isSafari;
+/**
+* Combined with a native input, it displays a panel with a list of available options with connected buttons.
+*
+* @slot - Use the unnamed slot to add `sbb-autocomplete-grid-row` or `sbb-autocomplete-grid-optgroup` elements to the `sbb-autocomplete-grid`.
+* @cssprop [--sbb-autocomplete-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+* the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+* component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+* @cssprop [--sbb-options-panel-max-height] - Maximum height of the options panel.
+* If the calculated remaining space is smaller, the value gets ignored.
+*/
+var SbbAutocompleteGridElement = class extends SbbAutocompleteBaseElement {
+	constructor() {
+		super(...arguments);
+		this.overlayId = `sbb-autocomplete-grid-${++nextId}`;
+		this.panelRole = "grid";
+		this._activeColumnIndex = 0;
+	}
+	static {
+		this.elementName = "sbb-autocomplete-grid";
+	}
+	static {
+		this.role = ariaRoleOnHost ? "grid" : null;
+	}
+	get options() {
+		return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
+	}
+	syncNegative() {
+		this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint").forEach((e) => e.negative = this.negative);
+		this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((element) => ɵstateController(element).toggle("negative", this.negative));
+	}
+	openedPanelKeyboardInteraction(event) {
+		if (!this.isOpen) return;
+		switch (event.key) {
+			case "Enter":
+				this.selectByKeyboard(event);
+				break;
+			case "ArrowDown":
+			case "ArrowUp":
+				this.setNextActiveOption(event);
+				break;
+			case "ArrowRight":
+			case "ArrowLeft":
+				this._setNextHorizontalActiveElement(event);
+				break;
+		}
+	}
+	/**
+	* Select an element on 'Enter' keypress.
+	*
+	* Due to keyboard navigation code, the `_activeColumnIndex` is zero when an option is 'focused'
+	* and greater than zero when a button is 'focused', so asking for `querySelectorAll(...)[this._activeColumnIndex]`
+	* would always return a `SbbAutocompleteGridButtonElement`.
+	*/
+	selectByKeyboard(event) {
+		if (this.activeOption) {
+			event.preventDefault();
+			if (this._activeColumnIndex !== 0) this.activeOption.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button")[this._activeColumnIndex - 1]?.click();
+			else this.activeOption["selectViaUserInteraction"](true);
+		}
+	}
+	setNextActiveOption(event) {
+		const enabledOptions = this.options.filter((opt) => !opt.matches(":is(:state(disabled),[state--disabled])"));
+		this.activeOption?.setActive(false);
+		this.triggerElement.ariaActiveDescendantElement = null;
+		Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row :is(:state(focus-visible),[state--focus-visible])") ?? []).forEach((row) => ɵstateController(row).delete("focus-visible"));
+		this._activeColumnIndex = 0;
+		if (!enabledOptions.length) {
+			this.activeOption = null;
+			return;
+		}
+		const next = getNextElementIndex(event, this.activeOption ? enabledOptions.indexOf(this.activeOption) : -1, enabledOptions.length);
+		this.activeOption = enabledOptions[next];
+		this.activeOption.setActive(true);
+		this.triggerElement.ariaActiveDescendantElement = this.activeOption;
+		this.activeOption.scrollIntoView({ block: "nearest" });
+		if (event) event.preventDefault();
+		if (this.autoSelectActiveOption && event) this.setPendingSelection(this.activeOption);
+	}
+	_setNextHorizontalActiveElement(event) {
+		if (!this.activeOption) return;
+		const elementsInRow = Array.from(this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button") ?? [])?.filter((el) => !el.matches(":is(:state(disabled),[state--disabled])"));
+		if (!elementsInRow.length) return;
+		const next = getNextElementIndex(event, this._activeColumnIndex, elementsInRow.length);
+		const nextElement = elementsInRow[next];
+		if (nextElement instanceof SbbAutocompleteGridOptionElement) nextElement.setActive(true);
+		else ɵstateController(nextElement).add("focus-visible");
+		const lastActiveElement = elementsInRow[this._activeColumnIndex];
+		if (lastActiveElement instanceof SbbAutocompleteGridOptionElement) lastActiveElement.setActive(false);
+		else ɵstateController(lastActiveElement).delete("focus-visible");
+		this.triggerElement.ariaActiveDescendantElement = nextElement;
+		nextElement.scrollIntoView({ block: "nearest" });
+		this._activeColumnIndex = next;
+	}
+	resetActiveElement() {
+		if (this._activeColumnIndex !== 0) this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button").forEach((e) => ɵstateController(e).delete("focus-visible"));
+		this.activeOption?.setActive(false);
+		this.activeOption = null;
+		this._activeColumnIndex = 0;
+		if (this.triggerElement) this.triggerElement.ariaActiveDescendantElement = null;
+	}
+	setTriggerAttributes(element) {
+		setAriaComboBoxAttributes(element, ariaRoleOnHost ? this.id : this.overlayId, false, "grid");
+	}
+};
+
+//#endregion
+export { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement, autocompleteGridOptionId };

package/development/core/datetime/date-helper.d.ts

@@ -24,4 +24,3 @@ export declare const durationToTime: (duration: number, currentLanguage?: string
     short: string;
     long: string;
 };
-//# sourceMappingURL=date-helper.d.ts.map

package/development/core/timetable/access-leg-helper.d.ts

@@ -1,5 +1,6 @@
-import { TemplateResult } from 'lit';
-import { Leg } from './timetable-properties.ts';
+import type { TemplateResult } from 'lit';
+import type { Leg } from './timetable-properties.ts';
+import '@sbb-esta/lyne-elements/icon.pure.js';
 interface IAccessAttribute {
     duration: number;
     text: string;
@@ -23,4 +24,3 @@ export declare function getDepartureArrivalTimeAttribute(legs: Leg[], departureW
     arrivalTimeAttribute: IAccessAttribute | null;
 };
 export {};
-//# sourceMappingURL=access-leg-helper.d.ts.map

package/development/core/timetable/timetable-helper.d.ts

@@ -1,4 +1,4 @@
-import { Leg, Notice } from './timetable-properties.ts';
+import type { Leg, Notice } from './timetable-properties.ts';
 export declare const isRideLeg: (leg: any) => leg is Extract<Leg, {
     __typename: "PTRideLeg";
 }>;
@@ -9,4 +9,3 @@ export declare const extractTimeAndStringFromNoticeText: (notice?: Notice) => {
     duration: number;
     text: string;
 };
-//# sourceMappingURL=timetable-helper.d.ts.map

package/development/core/timetable/timetable-properties.d.ts

@@ -22,6 +22,8 @@ export interface ServiceAlteration {
      *
      */
     delayText: string;
+    /** Cancelled Expected Flag */
+    cancelledExpected?: boolean;
     /** Journey is partially cancelled at beginning or end */
     partiallyCancelled: boolean;
     /** If partiallyCancelled, enduser info */
@@ -305,4 +307,3 @@ export interface ServiceJourney {
     /** List of stop points */
     stopPoints: ScheduledStopPoint[];
 }
-//# sourceMappingURL=timetable-properties.d.ts.map

package/development/core.d.ts

@@ -3,4 +3,3 @@ export * from './core/datetime/date-helper.ts';
 export * from './core/timetable/access-leg-helper.ts';
 export * from './core/timetable/timetable-helper.ts';
 export * from './core/timetable/timetable-properties.ts';
-//# sourceMappingURL=core.d.ts.map