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

package/journey-summary.js

@@ -1,6 +1 @@
-import { t as e } from "./journey-summary.component-DNoO3OCf.js";
-import "./journey-summary.pure.js";
-//#region src/elements-experimental/journey-summary.ts
-e.define();
-//#endregion
-export { e as SbbJourneySummaryElement };
+import{SbbJourneySummaryElement as e}from"./journey-summary.pure.js";export*from"./journey-summary.pure.js";e.define();

package/journey-summary.pure.js

@@ -1,2 +1,55 @@
-import { t as e } from "./journey-summary.component-DNoO3OCf.js";
-export { e as SbbJourneySummaryElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as n,SbbLanguageController as r,defaultDateAdapter as i,forceType as a,i18nTripDuration as o,screenReaderOnlyStyles as s}from"@sbb-esta/lyne-elements/core.js";import{SbbDividerElement as c}from"@sbb-esta/lyne-elements/divider.pure.js";import{SbbJourneyHeaderElement as l}from"@sbb-esta/lyne-elements/journey-header.pure.js";import{html as u,nothing as d,unsafeCSS as ee}from"lit";import{property as f}from"lit/decorators.js";import{durationToTime as te,removeTimezoneFromISOTimeString as ne}from"./core.js";import{SbbPearlChainTimeElement as re}from"./pearl-chain-time.pure.js";const p=6048e5,m=Symbol.for(`constructDateFrom`);function h(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&m in e?e[m](t):e instanceof Date?new e.constructor(t):new Date(t)}function g(e,t){return h(t||e,e)}function _(e){let t=g(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 v(e,...t){let n=h.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function y(e,t){let n=g(e,t?.in);return n.setHours(0,0,0,0),n}function b(e,t,n){let[r,i]=v(n?.in,e,t),a=y(r),o=y(i),s=+a-_(a),c=+o-_(o);return Math.round((s-c)/864e5)}const x={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},S=(e,t,n)=>{let r,i=x[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function C(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const w={date:C({formats:{full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},defaultWidth:`full`}),time:C({formats:{full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},defaultWidth:`full`}),dateTime:C({formats:{full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},defaultWidth:`full`})},T={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},E=(e,t,n,r)=>T[e];function D(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const O={ordinalNumber:(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},era:D({values:{narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},defaultWidth:`wide`}),quarter:D({values:{narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},defaultWidth:`wide`,argumentCallback:e=>e-1}),month:D({values:{narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},defaultWidth:`wide`}),day:D({values:{narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},defaultWidth:`wide`}),dayPeriod:D({values:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},defaultWidth:`wide`,formattingValues:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},defaultFormattingWidth:`wide`})};function k(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?j(s,e=>e.test(o)):A(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function A(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function j(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function M(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const N={code:`en-US`,formatDistance:S,formatLong:w,formatRelative:E,localize:O,match:{ordinalNumber:M({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:k({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:`any`}),quarter:k({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:k({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:`any`}),day:k({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:`any`}),dayPeriod:k({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:`any`})},options:{weekStartsOn:0,firstWeekContainsDate:1}};let P={};function F(){return P}function I(e,t){let n=g(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}function ie(e,t){let n=g(e,t?.in);return b(n,I(n))+1}function L(e,t){let n=F(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=g(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function R(e,t){return L(e,{...t,weekStartsOn:1})}function z(e,t){let n=g(e,t?.in),r=n.getFullYear(),i=h(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=R(i),o=h(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=R(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function ae(e,t){let n=z(e,t),r=h(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),R(r)}function B(e,t){let n=g(e,t?.in),r=R(n)-+ae(n);return Math.round(r/p)+1}function V(e,t){let n=g(e,t?.in),r=n.getFullYear(),i=F(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=h(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=L(o,t),c=h(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=L(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function oe(e,t){let n=F(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=V(e,t),a=h(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),L(a,t)}function se(e,t){let n=g(e,t?.in),r=L(n,t)-+oe(n,t);return Math.round(r/p)+1}function H(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const U={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return H(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):H(n+1,2)},d(e,t){return H(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return H(e.getHours()%12||12,t.length)},H(e,t){return H(e.getHours(),t.length)},m(e,t){return H(e.getMinutes(),t.length)},s(e,t){return H(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return H(Math.trunc(r*10**(n-3)),t.length)}},W={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},G={G:function(e,t,n){let r=+(e.getFullYear()>0);switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return U.y(e,t)},Y:function(e,t,n,r){let i=V(e,r),a=i>0?i:1-i;return t===`YY`?H(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):H(a,t.length)},R:function(e,t){return H(z(e),t.length)},u:function(e,t){return H(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return H(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return H(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return U.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return H(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=se(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):H(i,t.length)},I:function(e,t,n){let r=B(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):H(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):U.d(e,t)},D:function(e,t,n){let r=ie(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):H(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return H(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return H(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return H(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?W.noon:r===0?W.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?W.evening:r>=12?W.afternoon:r>=4?W.morning:W.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return U.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):U.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):H(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):H(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):U.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):U.s(e,t)},S:function(e,t){return U.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return q(r);case`XXXX`:case`XX`:return J(r);default:return J(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return q(r);case`xxxx`:case`xx`:return J(r);default:return J(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+K(r,`:`);default:return`GMT`+J(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+K(r,`:`);default:return`GMT`+J(r,`:`)}},t:function(e,t,n){return H(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return H(+e,t.length)}};function K(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+H(a,2)}function q(e,t){return e%60==0?(e>0?`-`:`+`)+H(Math.abs(e)/60,2):J(e,t)}function J(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=H(Math.trunc(r/60),2),a=H(r%60,2);return n+i+t+a}const Y=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});default:return t.date({width:`full`})}},X=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});default:return t.time({width:`full`})}},ce={p:X,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return Y(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,Y(r,t)).replace(`{{time}}`,X(i,t))}},le=/^D+$/,ue=/^Y+$/,de=[`D`,`DD`,`YY`,`YYYY`];function fe(e){return le.test(e)}function pe(e){return ue.test(e)}function me(e,t,n){let r=he(e,t,n);if(console.warn(r),de.includes(e))throw RangeError(r)}function he(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}function ge(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function Z(e){return!(!ge(e)&&typeof e!=`number`||isNaN(+g(e)))}const _e=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Q=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ve=/^'([^]*?)'?$/,ye=/''/g,be=/[a-zA-Z]/;function $(e,t,n){let r=F(),i=n?.locale??r.locale??N,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=g(e,n?.in);if(!Z(s))throw RangeError(`Invalid time value`);let c=t.match(Q).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=ce[t];return n(e,i.formatLong)}return e}).join(``).match(_e).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:xe(e)};if(G[t])return{isToken:!0,value:e};if(t.match(be))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&pe(a)||!n?.useAdditionalDayOfYearTokens&&fe(a))&&me(a,t,String(e));let o=G[a[0]];return o(s,a,i.localize,l)}).join(``)}function xe(e){let t=e.match(ve);return t?t[1].replace(ye,`'`):e}var Se=`:host{display:block}.sbb-journey-summary{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-4);flex-direction:column;display:flex}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x);overflow:hidden}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}
+`;let Ce=(()=>{let p=n,m=[],h,g=[],_=[],v,y=[],b=[],x,S=[],C=[],w,T=[],E=[],D,O=[],k=[],A,j=[],M=[],N;return class extends p{constructor(){super(...arguments),this.#e=(t(this,m),t(this,g,null)),this.#t=(t(this,_),t(this,y,null)),this.#n=(t(this,b),t(this,S,!1)),this.#r=(t(this,C),t(this,T,`3`)),this.#i=(t(this,E),t(this,O,!1)),this.#a=(t(this,k),t(this,j,!1)),this._now=(t(this,M),null),this._hasContentSlot=!1,this._language=new r(this)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;h=[f({type:Object})],v=[f({attribute:`trip-back`,type:Object})],x=[a(),f({attribute:`round-trip`,type:Boolean})],w=[f({attribute:`header-level`})],D=[a(),f({attribute:`disable-animation`,type:Boolean})],A=[a(),f({attribute:`a11y-footpath`,type:Boolean})],N=[f()],e(this,null,h,{kind:`accessor`,name:`trip`,static:!1,private:!1,access:{has:e=>`trip`in e,get:e=>e.trip,set:(e,t)=>{e.trip=t}},metadata:t},g,_),e(this,null,v,{kind:`accessor`,name:`tripBack`,static:!1,private:!1,access:{has:e=>`tripBack`in e,get:e=>e.tripBack,set:(e,t)=>{e.tripBack=t}},metadata:t},y,b),e(this,null,x,{kind:`accessor`,name:`roundTrip`,static:!1,private:!1,access:{has:e=>`roundTrip`in e,get:e=>e.roundTrip,set:(e,t)=>{e.roundTrip=t}},metadata:t},S,C),e(this,null,w,{kind:`accessor`,name:`headerLevel`,static:!1,private:!1,access:{has:e=>`headerLevel`in e,get:e=>e.headerLevel,set:(e,t)=>{e.headerLevel=t}},metadata:t},T,E),e(this,null,D,{kind:`accessor`,name:`disableAnimation`,static:!1,private:!1,access:{has:e=>`disableAnimation`in e,get:e=>e.disableAnimation,set:(e,t)=>{e.disableAnimation=t}},metadata:t},O,k),e(this,null,A,{kind:`accessor`,name:`a11yFootpath`,static:!1,private:!1,access:{has:e=>`a11yFootpath`in e,get:e=>e.a11yFootpath,set:(e,t)=>{e.a11yFootpath=t}},metadata:t},j,M),e(this,null,N,{kind:`setter`,name:`now`,static:!1,private:!1,access:{has:e=>`now`in e,set:(e,t)=>{e.now=t}},metadata:t},null,m),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-journey-summary`}static{this.elementDependencies=[c,l,re]}static{this.styles=[s,ee(Se)]}#e;get trip(){return this.#e}set trip(e){this.#e=e}#t;get tripBack(){return this.#t}set tripBack(e){this.#t=e}#n;get roundTrip(){return this.#n}set roundTrip(e){this.#n=e}#r;get headerLevel(){return this.#r}set headerLevel(e){this.#r=e}#i;get disableAnimation(){return this.#i}set disableAnimation(e){this.#i=e}#a;get a11yFootpath(){return this.#a}set a11yFootpath(e){this.#a=e}set now(e){this._now=i.getValidDateOrNull(i.deserialize(e))}get now(){return this._now??new Date}connectedCallback(){super.connectedCallback(),this._hasContentSlot=!!this.querySelector?.(`[slot="content"]`)}_renderJourneyStart(e,t){let n=i,r=t?te(t,this._language.current):null;if(Z(e))return u`
+        <time datetime=${$(e,`d`)+` `+$(e,`M`)}>
+          ${n.format(e).replace(`,`,`.`)}</time
+        >${t&&t>0?u`,<time>
+                <span class="sbb-screen-reader-only">
+                  ${o[this._language.current]} ${r.long}
+                </span>
+                <span aria-hidden="true">${r.short}</span>
+              </time>`:d}
+      `}_renderJourneyVias(e){let t=e.slice(0,5);return u`
+      <div class="sbb-journey-summary__via-block">
+        <span class="sbb-journey-summary__via-text">Via</span>
+        <ul class="sbb-journey-summary__vias" role=${e.length<=1?`presentation`:d}>
+          ${t.map((e,n)=>u`<li class="sbb-journey-summary__via">
+                ${e}${n!==t.length-1&&n<4?u`<span>,</span>`:d}
+              </li>`)}
+        </ul>
+      </div>
+    `}_renderJourneyInformation(e){let{vias:t,duration:n,departureWalk:r,departure:i,arrivalWalk:a,arrival:o,legs:s}=e||{};return u`
+      <div>
+        ${t&&t.length>0?this._renderJourneyVias(t):d}
+        <div class="sbb-journey-summary__date">
+          ${this._renderJourneyStart(ne(i),n)}
+        </div>
+        <sbb-pearl-chain-time
+          .arrivalTime=${o}
+          .departureTime=${i}
+          .departureWalk=${r}
+          .arrivalWalk=${a}
+          .legs=${s}
+          .disableAnimation=${this.disableAnimation}
+          .a11yFootpath=${this.a11yFootpath}
+          .now=${this.now}
+        ></sbb-pearl-chain-time>
+      </div>
+    `}render(){let{origin:e,destination:t}=this.trip||{};return u`
+      <div class="sbb-journey-summary">
+        ${e?u`<sbb-journey-header
+              visual-level="4"
+              .level=${this.headerLevel||d}
+              .origin=${e}
+              .destination=${t}
+              .roundTrip=${this.roundTrip??d}
+            ></sbb-journey-header>`:d}
+        ${this._renderJourneyInformation(this.trip)}
+        ${this.tripBack?u`<div>
+              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
+              ${this._renderJourneyInformation(this.tripBack)}
+            </div>`:d}
+        ${this._hasContentSlot?u` <div class="sbb-journey-summary__slot">
+              <slot name="content"></slot>
+            </div>`:d}
+      </div>
+    `}}})();export{Ce as SbbJourneySummaryElement};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -143,7 +143,7 @@
   },
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "5.0.1"
+    "@sbb-esta/lyne-elements": "5.1.0"
   },
   "dependencies": {
     "lit": "^3.3.3",

package/pearl-chain-time.js

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

package/pearl-chain-time.pure.js

@@ -1,2 +1,28 @@
-import { t as e } from "./pearl-chain-time.component-BuvA6IE1.js";
-export { e as SbbPearlChainTimeElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as n,SbbLanguageController as r,defaultDateAdapter as i,forceType as a,i18nArrival as o,i18nDeparture as s,i18nTransferProcedures as c,screenReaderOnlyStyles as l}from"@sbb-esta/lyne-elements/core.js";import{SbbIconElement as u}from"@sbb-esta/lyne-elements/icon.pure.js";import{html as d,nothing as f,unsafeCSS as ee}from"lit";import{property as p}from"lit/decorators.js";import{getDepartureArrivalTimeAttribute as te,isRideLeg as ne,removeTimezoneFromISOTimeString as m}from"./core.js";import{SbbPearlChainElement as re}from"./pearl-chain.pure.js";const h=6048e5,g=Symbol.for(`constructDateFrom`);function _(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&g in e?e[g](t):e instanceof Date?new e.constructor(t):new Date(t)}function v(e,t){return _(t||e,e)}function y(e){let t=v(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 b(e,...t){let n=_.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function x(e,t){let n=v(e,t?.in);return n.setHours(0,0,0,0),n}function S(e,t,n){let[r,i]=b(n?.in,e,t),a=x(r),o=x(i),s=+a-y(a),c=+o-y(o);return Math.round((s-c)/864e5)}const C={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},w=(e,t,n)=>{let r,i=C[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function T(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const E={date:T({formats:{full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},defaultWidth:`full`}),time:T({formats:{full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},defaultWidth:`full`}),dateTime:T({formats:{full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},defaultWidth:`full`})},D={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},O=(e,t,n,r)=>D[e];function k(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const A={ordinalNumber:(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},era:k({values:{narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},defaultWidth:`wide`}),quarter:k({values:{narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},defaultWidth:`wide`,argumentCallback:e=>e-1}),month:k({values:{narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},defaultWidth:`wide`}),day:k({values:{narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},defaultWidth:`wide`}),dayPeriod:k({values:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},defaultWidth:`wide`,formattingValues:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},defaultFormattingWidth:`wide`})};function j(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?N(s,e=>e.test(o)):M(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function M(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function N(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function P(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const F={code:`en-US`,formatDistance:w,formatLong:E,formatRelative:O,localize:A,match:{ordinalNumber:P({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:j({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:`any`}),quarter:j({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:j({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:`any`}),day:j({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:`any`}),dayPeriod:j({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:`any`})},options:{weekStartsOn:0,firstWeekContainsDate:1}};let I={};function L(){return I}function R(e,t){let n=v(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}function ie(e,t){let n=v(e,t?.in);return S(n,R(n))+1}function z(e,t){let n=L(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=v(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function B(e,t){return z(e,{...t,weekStartsOn:1})}function V(e,t){let n=v(e,t?.in),r=n.getFullYear(),i=_(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=B(i),o=_(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=B(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function ae(e,t){let n=V(e,t),r=_(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),B(r)}function oe(e,t){let n=v(e,t?.in),r=B(n)-+ae(n);return Math.round(r/h)+1}function H(e,t){let n=v(e,t?.in),r=n.getFullYear(),i=L(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=_(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=z(o,t),c=_(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=z(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function se(e,t){let n=L(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=H(e,t),a=_(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),z(a,t)}function ce(e,t){let n=v(e,t?.in),r=z(n,t)-+se(n,t);return Math.round(r/h)+1}function U(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const W={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return U(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):U(n+1,2)},d(e,t){return U(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return U(e.getHours()%12||12,t.length)},H(e,t){return U(e.getHours(),t.length)},m(e,t){return U(e.getMinutes(),t.length)},s(e,t){return U(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return U(Math.trunc(r*10**(n-3)),t.length)}},G={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},K={G:function(e,t,n){let r=+(e.getFullYear()>0);switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return W.y(e,t)},Y:function(e,t,n,r){let i=H(e,r),a=i>0?i:1-i;return t===`YY`?U(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):U(a,t.length)},R:function(e,t){return U(V(e),t.length)},u:function(e,t){return U(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return U(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return U(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return W.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return U(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=ce(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):U(i,t.length)},I:function(e,t,n){let r=oe(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):U(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):W.d(e,t)},D:function(e,t,n){let r=ie(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):U(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return U(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return U(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return U(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?G.noon:r===0?G.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?G.evening:r>=12?G.afternoon:r>=4?G.morning:G.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return W.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):W.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):U(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):U(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):W.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):W.s(e,t)},S:function(e,t){return W.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return J(r);case`XXXX`:case`XX`:return Y(r);default:return Y(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return J(r);case`xxxx`:case`xx`:return Y(r);default:return Y(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+q(r,`:`);default:return`GMT`+Y(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+q(r,`:`);default:return`GMT`+Y(r,`:`)}},t:function(e,t,n){return U(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return U(+e,t.length)}};function q(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+U(a,2)}function J(e,t){return e%60==0?(e>0?`-`:`+`)+U(Math.abs(e)/60,2):Y(e,t)}function Y(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=U(Math.trunc(r/60),2),a=U(r%60,2);return n+i+t+a}const X=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});default:return t.date({width:`full`})}},Z=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});default:return t.time({width:`full`})}},le={p:Z,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return X(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,X(r,t)).replace(`{{time}}`,Z(i,t))}},ue=/^D+$/,de=/^Y+$/,fe=[`D`,`DD`,`YY`,`YYYY`];function pe(e){return ue.test(e)}function me(e){return de.test(e)}function he(e,t,n){let r=ge(e,t,n);if(console.warn(r),fe.includes(e))throw RangeError(r)}function ge(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}function _e(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function ve(e){return!(!_e(e)&&typeof e!=`number`||isNaN(+v(e)))}const Q=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ye=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,be=/^'([^]*?)'?$/,xe=/''/g,Se=/[a-zA-Z]/;function $(e,t,n){let r=L(),i=n?.locale??r.locale??F,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=v(e,n?.in);if(!ve(s))throw RangeError(`Invalid time value`);let c=t.match(ye).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=le[t];return n(e,i.formatLong)}return e}).join(``).match(Q).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:Ce(e)};if(K[t])return{isToken:!0,value:e};if(t.match(Se))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&me(a)||!n?.useAdditionalDayOfYearTokens&&pe(a))&&he(a,t,String(e));let o=K[a[0]];return o(s,a,i.localize,l)}).join(``)}function Ce(e){let t=e.match(be);return t?t[1].replace(xe,`'`):e}var we=`:host{--sbb-pearl-chain-time-height:auto;display:block}@media (width>=37.5rem){:host{--sbb-pearl-chain-time-height:1.5625rem}}@media (width>=64rem){:host{--sbb-pearl-chain-time-height:1.75rem}}.sbb-pearl-chain__time{height:var(--sbb-pearl-chain-time-height);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.sbb-pearl-chain__time-walktime,.sbb-pearl-chain__time-transfer{--sbb-text-font-size:var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);align-items:center;display:inline-flex}.sbb-pearl-chain__time-walktime--walk-small-left{margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem);transform:translate(-.4375rem)}.sbb-pearl-chain__time-walktime--walk-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-left{margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem);transform:translate(-.375rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime-prime-symbol{float:right}.sbb-pearl-chain__time-transfer{gap:var(--sbb-spacing-fixed-1x)}.sbb-pearl-chain__time-transfer--sa-ci-departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--sa-ci-arrival{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-chain{margin-inline:var(--sbb-spacing-fixed-3x);flex:auto;align-self:center}.sbb-pearl-chain__time-time{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-2);font-weight:700}
+`;let Te=(()=>{let h=n,g=[],_,v=[],y=[],b,x=[],S=[],C,w=[],T=[],E,D=[],O=[],k,A=[],j=[],M,N=[],P=[],F,I=[],L=[],R;return class extends h{constructor(){super(...arguments),this.#e=(t(this,g),t(this,v,[])),this.#t=(t(this,y),t(this,x,``)),this.#n=(t(this,S),t(this,w,``)),this.#r=(t(this,T),t(this,D,NaN)),this.#i=(t(this,O),t(this,A,NaN)),this.#a=(t(this,j),t(this,N,!1)),this.#o=(t(this,P),t(this,I,!1)),this._now=(t(this,L),null),this._language=new r(this)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;_=[p({type:Array})],b=[a(),p({attribute:`departure-time`})],C=[a(),p({attribute:`arrival-time`})],E=[a(),p({attribute:`departure-walk`,type:Number})],k=[a(),p({attribute:`arrival-walk`,type:Number})],M=[a(),p({attribute:`disable-animation`,type:Boolean})],F=[a(),p({attribute:`a11y-footpath`,type:Boolean})],R=[p()],e(this,null,_,{kind:`accessor`,name:`legs`,static:!1,private:!1,access:{has:e=>`legs`in e,get:e=>e.legs,set:(e,t)=>{e.legs=t}},metadata:t},v,y),e(this,null,b,{kind:`accessor`,name:`departureTime`,static:!1,private:!1,access:{has:e=>`departureTime`in e,get:e=>e.departureTime,set:(e,t)=>{e.departureTime=t}},metadata:t},x,S),e(this,null,C,{kind:`accessor`,name:`arrivalTime`,static:!1,private:!1,access:{has:e=>`arrivalTime`in e,get:e=>e.arrivalTime,set:(e,t)=>{e.arrivalTime=t}},metadata:t},w,T),e(this,null,E,{kind:`accessor`,name:`departureWalk`,static:!1,private:!1,access:{has:e=>`departureWalk`in e,get:e=>e.departureWalk,set:(e,t)=>{e.departureWalk=t}},metadata:t},D,O),e(this,null,k,{kind:`accessor`,name:`arrivalWalk`,static:!1,private:!1,access:{has:e=>`arrivalWalk`in e,get:e=>e.arrivalWalk,set:(e,t)=>{e.arrivalWalk=t}},metadata:t},A,j),e(this,null,M,{kind:`accessor`,name:`disableAnimation`,static:!1,private:!1,access:{has:e=>`disableAnimation`in e,get:e=>e.disableAnimation,set:(e,t)=>{e.disableAnimation=t}},metadata:t},N,P),e(this,null,F,{kind:`accessor`,name:`a11yFootpath`,static:!1,private:!1,access:{has:e=>`a11yFootpath`in e,get:e=>e.a11yFootpath,set:(e,t)=>{e.a11yFootpath=t}},metadata:t},I,L),e(this,null,R,{kind:`setter`,name:`now`,static:!1,private:!1,access:{has:e=>`now`in e,set:(e,t)=>{e.now=t}},metadata:t},null,g),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-pearl-chain-time`}static{this.elementDependencies=[u,re]}static{this.styles=[l,ee(we)]}#e;get legs(){return this.#e}set legs(e){this.#e=e}#t;get departureTime(){return this.#t}set departureTime(e){this.#t=e}#n;get arrivalTime(){return this.#n}set arrivalTime(e){this.#n=e}#r;get departureWalk(){return this.#r}set departureWalk(e){this.#r=e}#i;get arrivalWalk(){return this.#i}set arrivalWalk(e){this.#i=e}#a;get disableAnimation(){return this.#a}set disableAnimation(e){this.#a=e}#o;get a11yFootpath(){return this.#o}set a11yFootpath(e){this.#o=e}set now(e){this._now=i.getValidDateOrNull(i.deserialize(e))}get now(){return this._now??new Date}render(){let e=this.departureTime?m(this.departureTime):void 0,t=this.arrivalTime?m(this.arrivalTime):void 0,{renderDepartureTimeAttribute:n,renderArrivalTimeAttribute:r}=te(this.legs,this.departureWalk||0,this.arrivalWalk||0,this._language.current,this.a11yFootpath),i=this.legs?.filter(e=>ne(e));return d`
+      <div class="sbb-pearl-chain__time">
+        ${n()}
+        ${e?d`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
+              <span class="sbb-screen-reader-only"
+                >${s[this._language.current]}:&nbsp;</span
+              >
+              ${$(e,`HH:mm`)}
+            </time>`:f}
+        ${i?.length>1?d`<span class="sbb-screen-reader-only" role="paragraph">
+              ${i?.length-1} ${c[this._language.current]}
+            </span>`:f}
+        <sbb-pearl-chain
+          class="sbb-pearl-chain__time-chain"
+          .legs=${this.legs}
+          .disableAnimation=${this.disableAnimation}
+          .now=${this.now}
+        ></sbb-pearl-chain>
+        ${t?d`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
+              <span class="sbb-screen-reader-only"
+                >${o[this._language.current]}:&nbsp;</span
+              >
+              ${$(t,`HH:mm`)}
+            </time>`:f}
+        ${r()}
+      </div>
+    `}}})();export{Te as SbbPearlChainTimeElement};

package/pearl-chain-vertical-item.js

@@ -1,6 +1 @@
-import { t as e } from "./pearl-chain-vertical-item.component-QZ4s8Jbv.js";
-import "./pearl-chain-vertical-item.pure.js";
-//#region src/elements-experimental/pearl-chain-vertical-item.ts
-e.define();
-//#endregion
-export { e as SbbPearlChainVerticalItemElement };
+import{SbbPearlChainVerticalItemElement as e}from"./pearl-chain-vertical-item.pure.js";export*from"./pearl-chain-vertical-item.pure.js";e.define();

package/pearl-chain-vertical-item.pure.js

@@ -1,2 +1,26 @@
-import { t as e } from "./pearl-chain-vertical-item.component-QZ4s8Jbv.js";
-export { e as SbbPearlChainVerticalItemElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as n,forceType as r}from"@sbb-esta/lyne-elements/core.js";import{html as i,nothing as a,unsafeCSS as o}from"lit";import{property as s}from"lit/decorators.js";import{styleMap as c}from"lit/directives/style-map.js";var l=`:host{--sbb-pearl-chain-position-color:var(--sbb-color-primary);--sbb-pearl-chain-bullet-size-start-end:.625rem;--sbb-pearl-chain-bullet-size-stop:.5rem;--sbb-pearl-chain-bullet-color:var(--sbb-background-color-3-inverted);--sbb-pearl-chain-bullet-color-past:light-dark(var(--sbb-color-metal),var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant:light-dark(var(--sbb-color-metal),var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-disruption:var(--sbb-color-error);--sbb-pearl-chain-bullet-border-width:var(--sbb-border-width-2x);--sbb-pearl-chain-bullet-animation-duration:1.92s;--sbb-pearl-chain-bullet-animation-easing:ease-out;--sbb-pearl-chain-bullet-crossed-width:.88375rem;--sbb-pearl-chain-bullet-crossed-height:.21875rem;--sbb-pearl-chain-bullet-crossed-border-width:.09375rem;--sbb-pearl-chain-vertical-right-item-width:100%;--sbb-pearl-chain-vertical-middle-item-min-width:var(--sbb-pearl-chain-bullet-size-start-end);--sbb-pearl-chain-vertical-item-border-width:var(--sbb-border-width-2x);--sbb-pearl-chain-vertical-item-border-width-thin:var(--sbb-border-width-1x);--sbb-pearl-chain-vertical-item-spacing-small:var(--sbb-spacing-fixed-1x);--sbb-pearl-chain-vertical-item-color-default:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-vertical-item-color-disruption:var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-vertical-item-color-past:var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-vertical-item-color-walk:var(--sbb-color-sky);--sbb-pearl-chain-vertical-item-inline-start:50%;--sbb-pearl-chain-vertical-item-transform:translateX(-50%);display:table-row;position:relative}slot[name=right],.sbb-pearl-chain-vertical-item__column{vertical-align:top;display:table-cell;position:relative}slot[name=right]{width:var(--sbb-pearl-chain-vertical-right-item-width)}.sbb-pearl-chain-vertical-item__column--middle{min-width:var(--sbb-pearl-chain-vertical-middle-item-min-width,--sbb-pearl-chain-vertical-middle-min-width)}slot[name=left]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-left-item-block-start);padding-inline-end:var(--sbb-pearl-chain-vertical-left-item-inline-end)}slot[name=right]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-right-item-block-start);padding-inline-start:var(--sbb-pearl-chain-vertical-right-item-inline-start)}.sbb-pearl-chain-vertical-item__middle{vertical-align:top;border-spacing:0}.sbb-pearl-chain-vertical-item__line{bottom:0;transform:var(--sbb-pearl-chain-vertical-item-transform);width:var(--sbb-border-width-2x);position:absolute;inset-block-start:calc(var(--sbb-pearl-chain-bullet-size-start-end) / 2);inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start)}.sbb-pearl-chain-vertical-item__line:after{content:"";height:var(--sbb-pearl-chain-vertical-item-leg-status);width:var(--sbb-pearl-chain-vertical-item-border-width);background-color:var(--sbb-pearl-chain-vertical-item-color-past);position:absolute;inset-block-start:0;inset-inline-start:0}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line:after{--sbb-pearl-chain-vertical-item-color-past:GrayText}}.sbb-pearl-chain-vertical-item__line--dotted{background-color:unset;border-color:unset;background-image:linear-gradient(currentColor 0% 50%,canvas 50%);background-repeat:repeat-y;background-size:calc(2 * var(--sbb-pearl-chain-vertical-item-spacing-small)) var(--sbb-pearl-chain-vertical-item-spacing-small)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--dotted{border-inline-start:.0625rem dashed highlight;transform:translateY(.0625rem);background-color:unset!important}}.sbb-pearl-chain-vertical-item__line--thin{width:var(--sbb-pearl-chain-vertical-item-border-width-thin)}.sbb-pearl-chain-vertical-item__line--default{background-color:var(--sbb-pearl-chain-vertical-item-color-default);border-color:var(--sbb-pearl-chain-vertical-item-color-default);color:var(--sbb-pearl-chain-vertical-item-color-default)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--default{--sbb-pearl-chain-vertical-item-color-default:CanvasText}}.sbb-pearl-chain-vertical-item__line--disruption{border-color:var(--sbb-pearl-chain-vertical-item-color-disruption);background-color:var(--sbb-pearl-chain-vertical-item-color-disruption);color:var(--sbb-pearl-chain-vertical-item-color-disruption)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--disruption{--sbb-pearl-chain-vertical-item-color-disruption:Highlight}}.sbb-pearl-chain-vertical-item__line--past{border-color:var(--sbb-pearl-chain-vertical-item-color-past);background-color:var(--sbb-pearl-chain-vertical-item-color-past);color:var(--sbb-pearl-chain-vertical-item-color-past)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--past{--sbb-pearl-chain-vertical-item-color-past:GrayText}}.sbb-pearl-chain-vertical-item__line--walk{border-color:var(--sbb-pearl-chain-vertical-item-color-walk);background-color:var(--sbb-pearl-chain-vertical-item-color-walk);color:var(--sbb-pearl-chain-vertical-item-color-walk)}.sbb-pearl-chain-vertical-item__bullet{transform:var(--sbb-pearl-chain-vertical-item-transform);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%;position:relative;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain-vertical-item__bullet--start-end{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end)}.sbb-pearl-chain-vertical-item__bullet--stop{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-disruption)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color:Highlight}}.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-past)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color:GrayText!important}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--irrelevant{--sbb-pearl-chain-bullet-border-width:var(--sbb-border-width-1x);min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped{border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped:before{content:"";border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:highlight}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped{--sbb-pearl-chain-bullet-crossed-width:.706875rem;--sbb-pearl-chain-bullet-crossed-height:.1875rem;min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{content:"";border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:highlight}}.sbb-pearl-chain-vertical-item__bullet--position{inset-block-start:var(--sbb-pearl-chain-vertical-item-position);min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%;position:absolute;left:50%;translate:-50%}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-position-color)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-position-color:Highlight}}@keyframes pearl-chain-bullet-position-pulse{0%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}25%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}50%{box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--sbb-pearl-chain-position-color) 20%, transparent)}to{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}}.sbb-pearl-chain-vertical-item__bullet--position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite}:host([disable-animation]) .sbb-pearl-chain-vertical-item__bullet--position{animation:unset!important}
+`;let u=(()=>{let u=n,d,f=[],p=[],m,h=[],g=[];return class extends u{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;d=[s({attribute:`pearl-chain-vertical-item-attributes`,type:Object})],m=[r(),s({attribute:`disable-animation`,reflect:!0,type:Boolean})],e(this,null,d,{kind:`accessor`,name:`pearlChainVerticalItemAttributes`,static:!1,private:!1,access:{has:e=>`pearlChainVerticalItemAttributes`in e,get:e=>e.pearlChainVerticalItemAttributes,set:(e,t)=>{e.pearlChainVerticalItemAttributes=t}},metadata:t},f,p),e(this,null,m,{kind:`accessor`,name:`disableAnimation`,static:!1,private:!1,access:{has:e=>`disableAnimation`in e,get:e=>e.disableAnimation,set:(e,t)=>{e.disableAnimation=t}},metadata:t},h,g),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-pearl-chain-vertical-item`}static{this.styles=[o(l)]}#e=t(this,f,null);get pearlChainVerticalItemAttributes(){return this.#e}set pearlChainVerticalItemAttributes(e){this.#e=e}#t=(t(this,p),t(this,h,!1));get disableAnimation(){return this.#t}set disableAnimation(e){this.#t=e}render(){let{bulletType:e,lineType:t,lineColor:n,hideLine:r,minHeight:o,bulletSize:s,position:l}=this.pearlChainVerticalItemAttributes||{},u=l&&l>0&&l<=100?`sbb-pearl-chain-vertical-item__bullet--past`:`sbb-pearl-chain-vertical-item__bullet--${e}`;return i`
+      <div
+        class="sbb-pearl-chain-vertical-item__column"
+        style=${c({height:`${o}px`})}
+      >
+        <slot name="left"></slot>
+      </div>
+      <div
+        aria-hidden="true"
+        class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
+      >
+        ${r?a:i`<div
+              style=${c({"--sbb-pearl-chain-vertical-item-leg-status":`${l}%`})}
+              class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${t} sbb-pearl-chain-vertical-item__line--${n}"
+            ></div>`}
+        ${e?i`<div
+              class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${s} ${u}"
+            ></div>`:a}
+        ${l&&l>0?i`<div
+              style=${c({"--sbb-pearl-chain-vertical-item-position":`${l}%`})}
+              class="sbb-pearl-chain-vertical-item__bullet--position"
+            ></div>`:a}
+      </div>
+      <slot name="right"></slot>
+    `}constructor(){super(...arguments),t(this,g)}}})();export{u as SbbPearlChainVerticalItemElement};

package/pearl-chain-vertical.js

@@ -1,6 +1 @@
-import { t as e } from "./pearl-chain-vertical.component-Dc3vaHsQ.js";
-import "./pearl-chain-vertical.pure.js";
-//#region src/elements-experimental/pearl-chain-vertical.ts
-e.define();
-//#endregion
-export { e as SbbPearlChainVerticalElement };
+import{SbbPearlChainVerticalElement as e}from"./pearl-chain-vertical.pure.js";export*from"./pearl-chain-vertical.pure.js";e.define();

package/pearl-chain-vertical.pure.js

@@ -1,2 +1,6 @@
-import { t as e } from "./pearl-chain-vertical.component-Dc3vaHsQ.js";
-export { e as SbbPearlChainVerticalElement };
+import{SbbElement as e}from"@sbb-esta/lyne-elements/core.js";import{html as t,unsafeCSS as n}from"lit";var r=`:host{--sbb-pearl-chain-vertical-width:100%;display:block}.sbb-pearl-chain-vertical{width:var(--sbb-pearl-chain-vertical-width);display:table}
+`,i=class extends e{static{this.elementName=`sbb-pearl-chain-vertical`}static{this.styles=[n(r)]}render(){return t`
+      <div class="sbb-pearl-chain-vertical">
+        <slot></slot>
+      </div>
+    `}};export{i as SbbPearlChainVerticalElement};

package/pearl-chain.js

@@ -1,6 +1 @@
-import { t as e } from "./pearl-chain.component-DtGXXkY6.js";
-import "./pearl-chain.pure.js";
-//#region src/elements-experimental/pearl-chain.ts
-e.define();
-//#endregion
-export { e as SbbPearlChainElement };
+import{SbbPearlChainElement as e}from"./pearl-chain.pure.js";export*from"./pearl-chain.pure.js";e.define();

package/pearl-chain.pure.js

@@ -1,2 +1,27 @@
-import { t as e } from "./pearl-chain.component-DtGXXkY6.js";
-export { e as SbbPearlChainElement };
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as n,defaultDateAdapter as r,forceType as i,screenReaderOnlyStyles as a}from"@sbb-esta/lyne-elements/core.js";import{html as o,nothing as s,unsafeCSS as c}from"lit";import{property as l}from"lit/decorators.js";import{styleMap as u}from"lit/directives/style-map.js";import{isRideLeg as d,removeTimezoneFromISOTimeString as f}from"./core.js";const p=6e4,m=Symbol.for(`constructDateFrom`);function h(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&m in e?e[m](t):e instanceof Date?new e.constructor(t):new Date(t)}function g(e,t){return h(t||e,e)}function _(e,t,n){let r=g(e,n?.in);return r.setTime(r.getTime()+t*p),r}function v(e,t){return g(e)-+g(t)}function y(e){return t=>{let n=(e?Math[e]:Math.trunc)(t);return n===0?0:n}}function b(e,t,n){let r=v(e,t)/p;return y(n?.roundingMethod)(r)}function x(e,t){return+g(e)>+g(t)}function S(e,t){return+g(e)<+g(t)}var C=`:host{--sbb-pearl-chain-height:var(--sbb-border-width-2x);--sbb-pearl-chain-spacing-small:.125rem;--sbb-pearl-chain-color:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-color-disruption:var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-color-past:var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-leg-width:100%;--sbb-pearl-chain-position-color:var(--sbb-color-primary);--sbb-pearl-chain-bullet-size-start-end:.625rem;--sbb-pearl-chain-bullet-size-stop:.5rem;--sbb-pearl-chain-bullet-color:var(--sbb-background-color-3-inverted);--sbb-pearl-chain-bullet-color-past:light-dark(var(--sbb-color-metal),var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant:light-dark(var(--sbb-color-metal),var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-disruption:var(--sbb-color-error);--sbb-pearl-chain-bullet-border-width:var(--sbb-border-width-2x);--sbb-pearl-chain-bullet-animation-duration:1.92s;--sbb-pearl-chain-bullet-animation-easing:ease-out;--sbb-pearl-chain-bullet-crossed-width:.88375rem;--sbb-pearl-chain-bullet-crossed-height:.21875rem;--sbb-pearl-chain-bullet-crossed-border-width:.09375rem;display:block}.sbb-pearl-chain{color:var(--sbb-pearl-chain-color);width:100%;padding-block:calc((var(--sbb-pearl-chain-bullet-size-start-end) - var(--sbb-pearl-chain-height)) / 2);flex-wrap:nowrap;justify-content:space-between;padding-inline-end:var(--sbb-pearl-chain-bullet-size-start-end);display:flex;position:relative}.sbb-pearl-chain__bullet{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media (forced-colors:active){.sbb-pearl-chain__bullet{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain__bullet{content:"";z-index:3;background-color:currentColor;position:absolute;inset-block-start:0}.sbb-pearl-chain__bullet:first-of-type{inset-inline-start:0}.sbb-pearl-chain__bullet:last-of-type{inset-inline-end:0}.sbb-pearl-chain__leg{height:var(--sbb-pearl-chain-height);border-inline-end:var(--sbb-pearl-chain-spacing-small) solid Canvas;width:var(--sbb-pearl-chain-leg-width);background-color:currentColor;flex-grow:0;flex-shrink:0;align-items:center;display:flex;position:relative}@media (forced-colors:active){.sbb-pearl-chain__leg{background-color:canvastext}.sbb-pearl-chain--past .sbb-pearl-chain__leg{background-color:graytext}}.sbb-pearl-chain__leg:last-of-type{border:none}.sbb-pearl-chain__stop{z-index:2;background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%;position:relative}@media (forced-colors:active){.sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain__stop{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain__bullet--future{background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media (forced-colors:active){.sbb-pearl-chain__bullet--future{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{color:var(--sbb-pearl-chain-color-past);--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-past)}@media (forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{--sbb-pearl-chain-bullet-color:GrayText!important;background-color:graytext!important}}.sbb-pearl-chain__bullet--progress{background:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-past)}@media (forced-colors:active){.sbb-pearl-chain__bullet--progress{--sbb-pearl-chain-bullet-color:GrayText!important}}.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:var(--sbb-pearl-chain-color-disruption);--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-disruption)}@media (forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{--sbb-pearl-chain-bullet-color:Highlight;color:highlight;background:highlight}}.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-disruption)}@media (forced-colors:active){.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color:Highlight}}.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-past)}@media (forced-colors:active){.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color:GrayText!important}}.sbb-pearl-chain__leg--cancelled-expected:after{background-color:unset;background-image:linear-gradient(90deg,currentColor 0% 50%,canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media (forced-colors:active){.sbb-pearl-chain__leg--cancelled-expected:after{background:unset;border-block-start:.0625rem dashed highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__leg--disruption:after{background-color:unset;background-image:linear-gradient(90deg,currentColor 0% 50%,canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media (forced-colors:active){.sbb-pearl-chain__leg--disruption:after{background:unset;border-block-start:.0625rem dashed highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__leg--skipped{color:var(--sbb-pearl-chain-color-disruption)}.sbb-pearl-chain__leg--skipped:after{background-color:unset;background-image:linear-gradient(90deg,currentColor 0% 50%,canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media (forced-colors:active){.sbb-pearl-chain__leg--skipped:after{background:unset;border-block-start:.0625rem dashed highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__stop--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain__stop--departure-skipped:before{content:"";border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (forced-colors:active){.sbb-pearl-chain__stop--departure-skipped:before{background:highlight}}.sbb-pearl-chain--arrival-skipped,.sbb-pearl-chain--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{content:"";border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (forced-colors:active){.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{background:highlight}}.sbb-pearl-chain__leg:after{content:"";border-radius:var(--sbb-pearl-chain-height);z-index:1;background-color:currentColor;position:absolute;inset-block:0;inset-inline-start:0}@media (forced-colors:active){.sbb-pearl-chain__leg:after{background-color:canvastext}.sbb-pearl-chain--past .sbb-pearl-chain__leg:after{background-color:graytext}}.sbb-pearl-chain__leg:last-of-type:after{inset-inline-end:calc(-1 * var(--sbb-pearl-chain-height))}.sbb-pearl-chain__leg--progress:after{background-color:var(--sbb-pearl-chain-color-past);width:var(--sbb-pearl-chain-leg-status)}.sbb-pearl-chain__position{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media (forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-position-color)}@media (forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-position-color:Highlight}}@keyframes pearl-chain-bullet-position-pulse{0%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}25%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}50%{box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--sbb-pearl-chain-position-color) 20%, transparent)}to{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}}.sbb-pearl-chain__position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite;z-index:4;position:absolute;inset-block-start:-200%;inset-inline-start:var(--sbb-pearl-chain-status-position)}.sbb-pearl-chain__position--no-animation{animation:unset}
+`;let w=(()=>{let p=n,m=[],h,g=[],v=[],y,w=[],T=[],E;return class extends p{constructor(){super(...arguments),this.#e=(t(this,m),t(this,g,[])),this.#t=(t(this,v),t(this,w,!1)),this._now=(t(this,T),null)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;h=[l({type:Array})],y=[i(),l({attribute:`disable-animation`,type:Boolean})],E=[l()],e(this,null,h,{kind:`accessor`,name:`legs`,static:!1,private:!1,access:{has:e=>`legs`in e,get:e=>e.legs,set:(e,t)=>{e.legs=t}},metadata:t},g,v),e(this,null,y,{kind:`accessor`,name:`disableAnimation`,static:!1,private:!1,access:{has:e=>`disableAnimation`in e,get:e=>e.disableAnimation,set:(e,t)=>{e.disableAnimation=t}},metadata:t},w,T),e(this,null,E,{kind:`setter`,name:`now`,static:!1,private:!1,access:{has:e=>`now`in e,set:(e,t)=>{e.now=t}},metadata:t},null,m),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-pearl-chain`}static{this.styles=[a,c(C)]}#e;get legs(){return this.#e}set legs(e){this.#e=e}#t;get disableAnimation(){return this.#t}set disableAnimation(e){this.#t=e}set now(e){this._now=r.getValidDateOrNull(r.deserialize(e))}get now(){return this._now}_getAllDuration(e){return e?.reduce((e,t)=>{let n=f(t.arrival?.time),r=f(t.departure?.time);return n&&r?e+b(f(t.arrival.time),f(t.departure.time)):e},0)}_isAllCancelled(e){return e?.every(e=>e?.serviceJourney?.serviceAlteration?.cancelled)}_getRelativeDuration(e,t){let n=f(t.arrival?.time),r=f(t.departure?.time);if(n&&r){let n=b(f(t.arrival.time),f(t.departure.time)),r=this._getAllDuration(e);return r===0?100:n/r*100}return 0}_getProgress(e,t,n){if(!t?.time||!n?.time)return 0;let r=_(t.time,t.delay??0),i=b(_(n.time,n.delay??0),r),a=b(e,r);return i&&a/i*100}_getStatus(e,t,n){let r=t&&t.time&&_(t.time,t.delay??0),i=n&&n.time&&_(n.time,n.delay??0);return r&&S(r,e)&&i&&x(i,e)?`progress`:i&&S(i,e)?`past`:`future`}_renderPosition(e,t,n){let r=this._getProgress(e,t,n);if(r<0&&r>100)return;let i=()=>({"--sbb-pearl-chain-status-position":`${r}%`,...r>=50?{transform:`translateX(-100%)`}:{}}),a=this.disableAnimation?`sbb-pearl-chain__position--no-animation`:``;return o`<span
+      style=${u(i())}
+      class="sbb-pearl-chain__position ${a}"
+    ></span>`}render(){let e=this.now??new Date,t=this.legs?.filter(e=>d(e)),n=t?.length&&f(t[0]?.departure?.time),r=n&&{time:n,delay:t[0].departure.delay??0},i=t?.length&&f(t[t.length-1].arrival?.time),a=i&&{time:i,delay:t[t.length-1]?.arrival.delay??0},c=t&&t[0]?.serviceJourney?.stopPoints&&t[0]?.serviceJourney?.stopPoints[0].stopStatus===`NOT_SERVICED`?`sbb-pearl-chain--departure-skipped`:``,l=(()=>{let e=t&&t[t.length-1],n=e&&e.serviceJourney?.stopPoints;return n&&n[n.length-1].stopStatus===`NOT_SERVICED`?`sbb-pearl-chain--arrival-skipped`:``})(),p=t&&t[0]?.serviceJourney?.serviceAlteration?.cancelled?`sbb-pearl-chain--departure-disruption`:``,m=t&&t[t.length-1]?.serviceJourney?.serviceAlteration?.cancelled?`sbb-pearl-chain--arrival-disruption`:``,h=r&&a&&this._getStatus(e,r,a),g=t&&h&&!p?`sbb-pearl-chain__bullet--`+h:``,_=t&&h&&!m?`sbb-pearl-chain__bullet--`+this._getStatus(e,void 0,a):``;return this._isAllCancelled(t)?o`
+        <div class="sbb-pearl-chain">
+          <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
+          <div class="sbb-pearl-chain__leg sbb-pearl-chain__leg--disruption"></div>
+          <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
+        </div>
+      `:o`
+      <div class="sbb-pearl-chain">
+        <span
+          class="sbb-pearl-chain__bullet ${g} ${c} ${p}"
+        ></span>
+        ${t?.map((n,r)=>{let{stopPoints:i,serviceAlteration:a}=n?.serviceJourney||{},c=this._getRelativeDuration(t,n),l=f(n.departure?.time),d=f(n.arrival?.time),p=i&&i[i.length-1]?.stopStatus===`NOT_SERVICED`,m=i&&i[i.length-1]?.stopStatus===`PLANNED`,h=i&&i[0]?.stopStatus===`NOT_SERVICED`,g=r>0&&t[r-1].serviceJourney.stopPoints,_=g&&g[g.length-1]?.stopStatus===`NOT_SERVICED`,v=p||h&&m?`sbb-pearl-chain__leg--skipped`:``,y=h||_?`sbb-pearl-chain__stop--departure-skipped`:``,b=a?.cancelled||a?.partiallyCancelled?`sbb-pearl-chain__leg--disruption`:``,x=n.serviceJourney?.serviceAlteration?.cancelledExpected?`sbb-pearl-chain__leg--cancelled-expected`:``,S={time:l,delay:n.departure?.delay??0},C={time:d,delay:n.arrival?.delay??0},w=this._getStatus(e,S,C);return o` <div
+            class="sbb-pearl-chain__leg ${!b&&!v&&`sbb-pearl-chain__leg--`+w||``} ${b} ${v} ${x}"
+            style=${u({"--sbb-pearl-chain-leg-width":`${c}%`,...w===`progress`&&!b&&!v&&!x?{"--sbb-pearl-chain-leg-status":`${this._getProgress(e,S,C)}%`}:{}})}
+          >
+            ${r>0&&r<t.length?o`<span class="sbb-pearl-chain__stop ${y}"></span>`:s}
+            ${w===`progress`&&!b&&!v?this._renderPosition(e,S,C):s}
+          </div>`})}
+        <span
+          class="sbb-pearl-chain__bullet ${_} ${l} ${m}"
+        ></span>
+      </div>
+    `}}})();export{w as SbbPearlChainElement};

package/seat-reservation.js

@@ -1,16 +1 @@
-import { i as e, n as t, r as n, t as r } from "./mapper-Dcou8VEf.js";
-import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
-import { t as a } from "./svgs-D4fuYTHV.js";
-import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-G9lHb7S8.js";
-import { t as c } from "./seat-reservation-graphic.component-BXFcQDxY.js";
-import { n as l, t as u } from "./seat-reservation-navigation-coach.component-BXy8EkJe.js";
-import { t as d } from "./seat-reservation-navigation-services.component-49XmV9rv.js";
-import { n as f, t as p } from "./seat-reservation-place-control.component-DToIW328.js";
-import { t as m } from "./seat-reservation-scoped.component-D8dAmrP7.js";
-import { SbbSeatReservationSelectedCoachEvent as h, SbbSeatReservationSelectedPlacesEvent as g, SeatReservationBaseElement as _ } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as v } from "./seat-reservation.component--0XnrCkk.js";
-import "./seat-reservation.pure.js";
-v.define(), s.define(), c.define(), u.define(), d.define(), f.define(), m.define();
-//#endregion
-export { p as SbbPlaceSelectionEvent, s as SbbSeatReservationAreaElement, v as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, u as SbbSeatReservationNavigationCoachElement, d as SbbSeatReservationNavigationServicesElement, f as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SbbSeatReservationSelectedCoachEvent, g as SbbSeatReservationSelectedPlacesEvent, l as SbbSelectCoachEvent, _ as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };
+import{SbbSeatReservationAreaElement as e,SbbSeatReservationElement as t,SbbSeatReservationGraphicElement as n,SbbSeatReservationNavigationCoachElement as r,SbbSeatReservationNavigationServicesElement as i,SbbSeatReservationPlaceControlElement as a,SbbSeatReservationScopedElement as o}from"./seat-reservation.pure.js";export*from"./seat-reservation.pure.js";t.define(),e.define(),n.define(),r.define(),i.define(),a.define(),o.define();