@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/stzh-components/p-357ce1c2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,F as s,a as i,g as a}from"./p-ef5985a3.js";import{a as c}from"./p-30d100f4.js";import{VBZ as r}from"./index.esm.js";const h=".sc-stzh-vbz-ticker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-ticker-h,[stzh-hidden].sc-stzh-vbz-ticker-h{display:none}.sc-stzh-vbz-ticker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::before,.sc-stzh-vbz-ticker-h *.sc-stzh-vbz-ticker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-ticker-h .has-focus.sc-stzh-vbz-ticker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker{outline-style:none !important}.sc-stzh-vbz-ticker-h .stzh-fylingfocus-focused.sc-stzh-vbz-ticker::-moz-focus-inner{border:0 !important}.stzh-vbz-ticker.sc-stzh-vbz-ticker{display:flex;flex-direction:column;position:relative}@media screen and (min-width: 900px){.stzh-vbz-ticker.sc-stzh-vbz-ticker{flex-direction:row;align-items:flex-start}}.stzh-vbz-ticker__content.sc-stzh-vbz-ticker{display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}.stzh-vbz-ticker__icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-small);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:flex;flex-wrap:wrap}@media screen and (min-width: 900px){.stzh-vbz-ticker__title.sc-stzh-vbz-ticker{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-vbz-ticker__title-parts.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxxsmall) / -1) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker{display:flex;align-items:center;white-space:nowrap;margin:var(--stzh-space-xxxsmall) 0;color:var(--stzh-color-grey90)}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-vbz-ticker__title-part--major-events.sc-stzh-vbz-ticker{color:var(--stzh-color-coral)}.stzh-vbz-ticker__title-part--disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-error60)}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap;gap:0 var(--stzh-space-xsmall)}.stzh-vbz-ticker__tooltip.sc-stzh-vbz-ticker{--width:20.875rem}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker{display:flex;align-items:flex-start}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker:not(:first-child){margin-top:var(--stzh-space-small)}.stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex}.stzh-vbz-ticker__disturbance-date.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-top:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker{--size:var(--stzh-icon-size-xsmall);margin-top:var(--stzh-space-xxxsmall);margin-right:var(--stzh-space-xsmall)}.stzh-vbz-ticker__disturbance-link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-xsmall)}";const n=h;const z=class{constructor(e){t(this,e);this.globalDisturbances=[];this.linesWithDisturbances=[];this.linesWithConstructions=[];this.counter={[`${r.DISTURBANCE_GLOBAL}`]:0,[`${r.DISTURBANCE_INFORMATION}`]:0,[`${r.DISTURBANCE_CONSTRUCTION}`]:0,[`${r.DISTURBANCE_NORMAL}`]:0,[`${r.DISTURBANCE_EVENT}`]:0,[`${r.DISTURBANCE_BUS}`]:0};this.api="https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";this.data="";this.moreInfoLink="https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}";this.dateAdapter=undefined;this.localization=undefined}localizationWatcher(){this.collator=new Intl.Collator(this.localization.$locale,{numeric:true})}async apiWatcher(t){if(!t){return}let e=this.api.replace(/\{lang\}/,this.localization.$locale);e=e+(e.includes("?")?"&":"?")+Date.now();const{data:s}=await c.get(e);this.data=s}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}async dataWatcher(t){var e,s;if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}const i={};(s=(e=this._data)===null||e===void 0?void 0:e.Message)===null||s===void 0?void 0:s.forEach((t=>{const e=t.channel.filter((t=>t.name===r.CHANNEL_TICKER&&t.url)).map((t=>t.url)).reduce(((t,e)=>t.concat(e)),[]);const s=e.find((t=>t.url.indexOf(r.CHANNEL_INFO_URL_FILTER)!==-1));if(t.baseType===r.BASE_TYPE_GLOBAL){this.counter[r.DISTURBANCE_GLOBAL]++;this.globalDisturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date(`${t.sDate}T${t.sTime}+02:00`),endDate:new Date(`${t.eDate}T${t.eTime}+02:00`),altStart:t.altStart,altEnd:t.altEnd,infoUrl:s})}else{this.counter[t.category]++}if(t.affectedProduct&&t.category!==r.DISTURBANCE_INFORMATION&&t.baseType!==r.BASE_TYPE_GLOBAL){const e=[];t.affectedProduct.forEach((a=>{if(typeof i[a.lineId]==="undefined"){i[a.lineId]={line:a.line,name:a.name,category:a.cls,disturbances:[],alert:false}}if(t.category===r.DISTURBANCE_EVENT||t.category===r.DISTURBANCE_GLOBAL){i[a.lineId].alert=true}if(!e.includes(a.lineId)){e.push(a.lineId);i[a.lineId].disturbances.push({id:t.id,head:t.head,category:t.category,baseType:t.baseType,startDate:new Date(`${t.sDate}T${t.sTime}+02:00`),endDate:new Date(`${t.eDate}T${t.eTime}+02:00`),altStart:t.altStart,altEnd:t.altEnd,infoUrl:s})}}))}}));this.linesWithDisturbances=Object.keys(i).map((t=>i[t])).filter((t=>t.disturbances.findIndex((t=>t.category!==r.DISTURBANCE_CONSTRUCTION))>-1));this.linesWithConstructions=Object.keys(i).map((t=>i[t])).filter((t=>t.disturbances.findIndex((t=>t.category===r.DISTURBANCE_CONSTRUCTION))>-1));this.linesWithDisturbances.sort(((t,e)=>this.collator.compare(t.line,e.line)));this.linesWithConstructions.sort(((t,e)=>this.collator.compare(t.line,e.line)))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-ticker");this.localizationWatcher()}this.dateAdapterWatcher(this.dateAdapter);if(this.data){await this.dataWatcher(this.data)}else{await this.apiWatcher(this.api)}}renderDisturbance(t){return e("div",{class:{"stzh-vbz-ticker__disturbance":true,[`stzh-vbz-ticker__disturbance--type${t.category}`]:!!t.category}},e("div",{class:"stzh-vbz-ticker__disturbance-text"},e("div",{class:"stzh-vbz-ticker__disturbance-title"},t.head),e("div",{class:"stzh-vbz-ticker__disturbance-date"},this.dateAdapter.formatSpan(t.altStart||t.startDate,t.altEnd||t.endDate,"date")),t.infoUrl?e("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",href:t.infoUrl.url},this.localization.moreInfo):e("stzh-link",{class:"stzh-vbz-ticker__disturbance-link",size:"small",target:"_blank",icon:"external-link",href:this.moreInfoLink.replace(/\{lang\}/,this.localization.$locale).replace(/\{id\}/,t.id)},this.localization.moreInfo)))}render(){const t={"stzh-vbz-ticker":true};return e(i,{key:"59af531ed3220f9a6b7c4149d9f1466961169f5b"},e("div",{key:"9cd7af7a18de3859391a3f77d921a1fc587f49c3",class:t},e("div",{key:"8e2ed0c9b36b68d1bac2a47357dba2b4d78e6c92",class:"stzh-vbz-ticker__content"},this.counter[r.DISTURBANCE_NORMAL]>0&&e(s,{key:"91f40a4c2325b25bc11fc57397436cc30352eda7"},e("div",{key:"b3f767763567eda3717d1493558da256de6dd171",class:"stzh-vbz-ticker__title"},e("div",{key:"42f59a4efe55121a0ffcacb7e1139806e52bd5f9",class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances"},e("stzh-icon",{key:"a4dfdd034f9d9d3a36c36ac9368c647296686334",class:"stzh-vbz-ticker__icon",name:"warning"}),this.localization.disturbancesTitle)),e("div",{key:"f7a1626d27f3d0f71d68bc3407dd01b12c4f67ee",class:"stzh-vbz-ticket__lines"},e("div",{key:"1098fbec72fa57236b91fcb52f958bb07aab56d8",class:"stzh-vbz-ticker__chips",role:"list"},this.linesWithDisturbances.map((t=>e("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},e("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},e("stzh-vbz-linechip",{line:t.line,alert:t.alert}),e("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},t.disturbances.map((t=>this.renderDisturbance(t))))))))))),(this.counter[r.DISTURBANCE_CONSTRUCTION]>0||this.counter[r.DISTURBANCE_EVENT]>0||this.counter[r.DISTURBANCE_BUS]>0)&&e(s,{key:"8c84b0cc56c8885553aba9220944ce92b3dffbb8"},e("div",{key:"93e3724521af51004c5558bd792968294d67fd63",class:"stzh-vbz-ticker__title"},e("div",{key:"06384269973a23aad0ebc0a5e84e70a93d12e74d",class:"stzh-vbz-ticker__title-parts"},e("div",{key:"56d0438edcdb01a2e08cd94b088d5c6c22865d6e",class:"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others"},e("stzh-icon",{key:"5679cf8ef19da6cd00f58d6d0a8e8f39b9c1ab11",class:"stzh-vbz-ticker__icon",name:"construction"}),this.localization.constructionsTitle))),e("div",{key:"44a4551299a32dfc3ae518cce39a7bce8748961a",class:"stzh-vbz-ticket__lines"},e("div",{key:"5be3b7afc315cd63c45cabd6446f4d70489ae2e3",class:"stzh-vbz-ticker__chips",role:"list"},this.linesWithConstructions.map((t=>e("div",{class:"stzh-vbz-ticker__chip",role:"listitem"},e("stzh-tooltip",{class:"stzh-vbz-ticker__tooltip"},e("stzh-vbz-linechip",{line:t.line,alert:t.alert}),e("div",{class:"stzh-vbz-ticker__tooltip-content",slot:"content"},t.disturbances.map((t=>this.renderDisturbance(t))))))))))),e("div",{key:"3fb0a52e39a6f86cce7a9a30934b38451f254735",class:"stzh-vbz-ticker__link"},e("slot",{key:"cced6614e92101ac671c0186ab9e8c51bd4a4634",name:"link"})))))}get element(){return a(this)}static get watchers(){return{localization:["localizationWatcher"],api:["apiWatcher"],dateAdapter:["dateAdapterWatcher"],data:["dataWatcher"]}}};z.style=n;export{z as stzh_vbz_ticker};
-//# sourceMappingURL=p-357ce1c2.entry.js.map

package/dist/stzh-components/p-357ce1c2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhVbzTickerCss","StzhVbzTickerStyle0","StzhVbzTicker","this","globalDisturbances","linesWithDisturbances","linesWithConstructions","counter","VBZ","DISTURBANCE_GLOBAL","DISTURBANCE_INFORMATION","DISTURBANCE_CONSTRUCTION","DISTURBANCE_NORMAL","DISTURBANCE_EVENT","DISTURBANCE_BUS","localizationWatcher","collator","Intl","Collator","localization","$locale","numeric","apiWatcher","newValue","apiUrl","api","replace","includes","Date","now","data","axios","get","dateAdapterWatcher","dateAdapter","window","stzhComponents","utils","createFormatParseAdapter","$formats","$globals","dataWatcher","_data","JSON","parse","linesToDisplay","_b","_a","Message","forEach","message","urls","channel","filter","name","CHANNEL_TICKER","url","map","reduce","a","b","concat","infoUrl","find","indexOf","CHANNEL_INFO_URL_FILTER","baseType","BASE_TYPE_GLOBAL","push","id","head","category","startDate","sDate","sTime","endDate","eDate","eTime","altStart","altEnd","affectedProduct","affectedLines","product","lineId","line","cls","disturbances","alert","Object","keys","key","findIndex","disturbance","sort","compare","componentWillLoad","fetchTranslations","element","renderDisturbance","h","class","formatSpan","size","href","moreInfo","target","icon","moreInfoLink","render","classes","Host","Fragment","disturbancesTitle","role","slot","constructionsTitle"],"sources":["src/components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.scss?tag=stzh-vbz-ticker&encapsulation=scoped","src/components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-vbz-ticker {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  @include mq($from: medium) {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--stzh-space-xsmall);\n  }\n\n  &__icon {\n    --size: #{iconSize(\"small\")};\n    margin-right: space(\"xsmall\");\n  }\n\n  &__title {\n    @include font;\n    @include fontCurve(\"p1\");\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  &__title-parts {\n    display: flex;\n    flex-wrap: wrap;\n    margin: calc(#{space(\"xxxsmall\")} / -1) 0;\n  }\n\n  &__title-part {\n    display: flex;\n    align-items: center;\n    white-space: nowrap;\n    margin: space(\"xxxsmall\") 0;\n    color: $colorGrey90;\n\n    &:not(:last-child) {\n      margin-right: space(\"large\");\n    }\n\n    &--major-events {\n      color: $colorCoral;\n    }\n\n    &--disturbances {\n      color: $colorError60;\n    }\n  }\n\n  &__chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0 var(--stzh-space-xsmall);\n  }\n\n  &__tooltip {\n    --width: 334px;\n  }\n\n  &__disturbance {\n    display: flex;\n    align-items: flex-start;\n\n    &:not(:first-child) {\n      margin-top: space(\"small\");\n    }\n  }\n\n  &__disturbance-title {\n    @include font;\n    @include fontSize(\"micro\");\n    display: flex;\n  }\n\n  &__disturbance-date {\n    @include font;\n    @include fontSize(\"micro\");\n    margin-top: space(\"xsmall\");\n  }\n\n  &__disturbance--type0 &__disturbance-title,\n  &__disturbance--type2 &__disturbance-title {\n    @include font(\"heavy\");\n  }\n\n  &__disturbance-icon {\n    --size: #{iconSize(\"xsmall\")};\n    margin-top: space(\"xxxsmall\");\n    margin-right: space(\"xsmall\");\n  }\n\n  &__disturbance-link {\n    margin-top: space(\"xsmall\");\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport { StzhLocaleAdapter } from \"../../../../index\";\n\nimport { VBZ, VbzTickerDisturbance, VbzTickerInfoUrl, VbzTickerLine } from \"../../../../index\";\n\nimport { StzhVbzTickerLocalizedText } from \"./stzh-vbz-ticker.localization\";\n\n/**\n * @slot link - Optional link to traffic situation\n */\n@Component({\n  tag: \"stzh-vbz-ticker\",\n  styleUrl: \"stzh-vbz-ticker.scss\",\n  scoped: true,\n})\nexport class StzhVbzTicker {\n  /** API URL (`{lang}` is replaced in the URL)  */\n  @Prop() api: string =\n    \"https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}\";\n\n  /** Data to pass in directly (alternative for API call) */\n  @Prop() data: any = \"\";\n  private _data: any;\n\n  /** More info link (`{lang}` and `{id}` are replaced in the URL) */\n  @Prop() moreInfoLink: string = \"https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}\";\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Translation strings. */\n  @Prop() localization: StzhVbzTickerLocalizedText;\n\n  @Element() element: HTMLStzhVbzTickerElement;\n\n  private globalDisturbances: VbzTickerDisturbance[] = [];\n  private linesWithDisturbances: VbzTickerLine[] = [];\n  private linesWithConstructions: VbzTickerLine[] = [];\n  private collator: Intl.Collator;\n\n  private counter = {\n    [`${VBZ.DISTURBANCE_GLOBAL}`]: 0,\n    [`${VBZ.DISTURBANCE_INFORMATION}`]: 0,\n    [`${VBZ.DISTURBANCE_CONSTRUCTION}`]: 0,\n    [`${VBZ.DISTURBANCE_NORMAL}`]: 0,\n    [`${VBZ.DISTURBANCE_EVENT}`]: 0,\n    [`${VBZ.DISTURBANCE_BUS}`]: 0,\n  };\n\n  @Watch(\"localization\")\n  localizationWatcher() {\n    this.collator = new Intl.Collator(this.localization.$locale, {\n      numeric: true,\n    });\n  }\n\n  @Watch(\"api\")\n  async apiWatcher(newValue: string) {\n    if (!newValue) {\n      return;\n    }\n\n    let apiUrl = this.api.replace(/\\{lang\\}/, this.localization.$locale);\n    apiUrl = apiUrl + (apiUrl.includes(\"?\") ? \"&\" : \"?\") + Date.now();\n\n    // load data from API\n    const { data } = await axios.get(apiUrl);\n\n    this.data = data;\n  }\n\n  @Watch(\"dateAdapter\")\n  dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n    if (!newValue) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  @Watch(\"data\")\n  async dataWatcher(newValue: any) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    const linesToDisplay: { [key: string]: VbzTickerLine } = {};\n\n    this._data?.Message?.forEach(message => {\n      const urls: VbzTickerInfoUrl[] = message.channel\n        .filter(channel => channel.name === VBZ.CHANNEL_TICKER && channel.url)\n        .map(channel => channel.url)\n        .reduce((a, b) => a.concat(b), []);\n\n      const infoUrl = urls.find(url => url.url.indexOf(VBZ.CHANNEL_INFO_URL_FILTER) !== -1);\n\n      if (message.baseType === VBZ.BASE_TYPE_GLOBAL) {\n        this.counter[VBZ.DISTURBANCE_GLOBAL]++;\n\n        this.globalDisturbances.push({\n          id: message.id,\n          head: message.head,\n          category: message.category,\n          baseType: message.baseType,\n          startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),\n          endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),\n          altStart: message.altStart,\n          altEnd: message.altEnd,\n          infoUrl: infoUrl,\n        });\n      } else {\n        this.counter[message.category]++;\n      }\n\n      // don't add to linesWithDisturbances if no line/product has been linked to\n      // or if it is a information disturbance or global\n      if (\n        message.affectedProduct &&\n        message.category !== VBZ.DISTURBANCE_INFORMATION &&\n        message.baseType !== VBZ.BASE_TYPE_GLOBAL\n      ) {\n        const affectedLines = [];\n\n        message.affectedProduct.forEach(product => {\n          if (typeof linesToDisplay[product.lineId] === \"undefined\") {\n            linesToDisplay[product.lineId] = {\n              line: product.line,\n              name: product.name,\n              category: product.cls,\n              disturbances: [],\n              alert: false,\n            };\n          }\n\n          if (message.category === VBZ.DISTURBANCE_EVENT || message.category === VBZ.DISTURBANCE_GLOBAL) {\n            linesToDisplay[product.lineId].alert = true;\n          }\n\n          // only add disturbance message to line if it was not already added (avoiding same message twice)\n          if (!affectedLines.includes(product.lineId)) {\n            affectedLines.push(product.lineId);\n\n            linesToDisplay[product.lineId].disturbances.push({\n              id: message.id,\n              head: message.head,\n              category: message.category,\n              baseType: message.baseType,\n              startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),\n              endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),\n              altStart: message.altStart,\n              altEnd: message.altEnd,\n              infoUrl: infoUrl,\n            });\n          }\n        });\n      }\n    });\n\n    this.linesWithDisturbances = Object.keys(linesToDisplay)\n      .map(key => linesToDisplay[key])\n      .filter(\n        line => line.disturbances.findIndex(disturbance => disturbance.category !== VBZ.DISTURBANCE_CONSTRUCTION) > -1,\n      );\n\n    this.linesWithConstructions = Object.keys(linesToDisplay)\n      .map(key => linesToDisplay[key])\n      .filter(\n        line => line.disturbances.findIndex(disturbance => disturbance.category === VBZ.DISTURBANCE_CONSTRUCTION) > -1,\n      );\n\n    // sort by line name\n    this.linesWithDisturbances.sort((a, b) => this.collator.compare(a.line, b.line));\n    this.linesWithConstructions.sort((a, b) => this.collator.compare(a.line, b.line));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"vbz-ticker\");\n      this.localizationWatcher();\n    }\n\n    this.dateAdapterWatcher(this.dateAdapter);\n\n    if (this.data) {\n      await this.dataWatcher(this.data);\n    } else {\n      await this.apiWatcher(this.api);\n    }\n  }\n\n  renderDisturbance(disturbance: VbzTickerDisturbance) {\n    return (\n      <div\n        class={{\n          \"stzh-vbz-ticker__disturbance\": true,\n          [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category,\n        }}\n      >\n        <div class=\"stzh-vbz-ticker__disturbance-text\">\n          <div class=\"stzh-vbz-ticker__disturbance-title\">{disturbance.head}</div>\n\n          <div class=\"stzh-vbz-ticker__disturbance-date\">\n            {this.dateAdapter.formatSpan(\n              disturbance.altStart || disturbance.startDate,\n              disturbance.altEnd || disturbance.endDate,\n              \"date\",\n            )}\n          </div>\n\n          {disturbance.infoUrl ? (\n            <stzh-link class=\"stzh-vbz-ticker__disturbance-link\" size=\"small\" href={disturbance.infoUrl.url}>\n              {this.localization.moreInfo}\n            </stzh-link>\n          ) : (\n            <stzh-link\n              class=\"stzh-vbz-ticker__disturbance-link\"\n              size=\"small\"\n              target=\"_blank\"\n              icon=\"external-link\"\n              href={this.moreInfoLink.replace(/\\{lang\\}/, this.localization.$locale).replace(/\\{id\\}/, disturbance.id)}\n            >\n              {this.localization.moreInfo}\n            </stzh-link>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-vbz-ticker\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-vbz-ticker__content\">\n            {/* TODO: Old stuff currently in verification whether to redesign or remove. */}\n\n            {/*{this.linesWithDisturbances.length === 0 && this.counter[VBZ.DISTURBANCE_GLOBAL] === 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances\">*/}\n            {/*    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"checkmark-circle\"></stzh-icon>*/}\n            {/*    {this.localization.noDisturbances}*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {/*{this.counter[DISTURBANCE_GLOBAL] > 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events\">*/}\n            {/*    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"important-warning\"></stzh-icon>*/}\n            {/*    {this.localization.majorEventTitle}*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {/*<div class=\"stzh-vbz-ticker__description\">*/}\n            {/*  {this.counter[VBZ.DISTURBANCE_GLOBAL] > 0*/}\n            {/*    ? this.localization.globalDisturbance*/}\n            {/*    : this.localization.affectedLines}*/}\n            {/*</div>*/}\n\n            {/*{this.counter[VBZ.DISTURBANCE_GLOBAL] > 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">*/}\n            {/*    <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">*/}\n            {/*      <stzh-vbz-linechip global></stzh-vbz-linechip>*/}\n            {/*      <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">*/}\n            {/*        {this.globalDisturbances.map(disturbance => this.renderDisturbance(disturbance))}*/}\n            {/*      </div>*/}\n            {/*    </stzh-tooltip>*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {this.counter[VBZ.DISTURBANCE_NORMAL] > 0 && (\n              <Fragment>\n                <div class=\"stzh-vbz-ticker__title\">\n                  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances\">\n                    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"warning\"></stzh-icon>\n                    {this.localization.disturbancesTitle}\n                  </div>\n                </div>\n                <div class=\"stzh-vbz-ticket__lines\">\n                  <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\n                    {this.linesWithDisturbances.map(line => (\n                      <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">\n                        <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">\n                          <stzh-vbz-linechip line={line.line} alert={line.alert}></stzh-vbz-linechip>\n                          <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">\n                            {line.disturbances.map(disturbance => this.renderDisturbance(disturbance))}\n                          </div>\n                        </stzh-tooltip>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </Fragment>\n            )}\n\n            {/* Constructions etc. */}\n            {(this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||\n              this.counter[VBZ.DISTURBANCE_EVENT] > 0 ||\n              this.counter[VBZ.DISTURBANCE_BUS] > 0) && (\n              <Fragment>\n                <div class=\"stzh-vbz-ticker__title\">\n                  <div class=\"stzh-vbz-ticker__title-parts\">\n                    <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others\">\n                      <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"construction\"></stzh-icon>\n                      {this.localization.constructionsTitle}\n                    </div>\n                  </div>\n                </div>\n                <div class=\"stzh-vbz-ticket__lines\">\n                  <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\n                    {this.linesWithConstructions.map(line => (\n                      <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">\n                        <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">\n                          <stzh-vbz-linechip line={line.line} alert={line.alert}></stzh-vbz-linechip>\n                          <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">\n                            {line.disturbances.map(disturbance => this.renderDisturbance(disturbance))}\n                          </div>\n                        </stzh-tooltip>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </Fragment>\n            )}\n\n            <div class=\"stzh-vbz-ticker__link\">\n              <slot name=\"link\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}