npm - @oiz/stzh-components - Versions diffs - 4.6.0 → 4.7.0 - Mend

@oiz/stzh-components 4.6.0 → 4.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (689) hide show

package/dist/cjs/stzh-vbz-ticker.cjs.entry.js CHANGED Viewed

@@ -25,6 +25,7 @@ const StzhVbzTicker = class {
         };
         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.useApiLineColors = false;
         this.moreInfoLink = "https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}";
         this.dateAdapter = undefined;
         this.localization = undefined;
@@ -91,6 +92,7 @@ const StzhVbzTicker = class {
                     if (typeof linesToDisplay[product.lineId] === "undefined") {
                         linesToDisplay[product.lineId] = {
                             line: product.line,
+                            icon: product.icon,
                             name: product.name,
                             category: product.cls,
                             disturbances: [],
@@ -151,9 +153,9 @@ const StzhVbzTicker = class {
         const classes = {
             "stzh-vbz-ticker": true,
         };
-        return (index.h(index.Host, { key: '59af531ed3220f9a6b7c4149d9f1466961169f5b' }, index.h("div", { key: '9cd7af7a18de3859391a3f77d921a1fc587f49c3', class: classes }, index.h("div", { key: '8e2ed0c9b36b68d1bac2a47357dba2b4d78e6c92', class: "stzh-vbz-ticker__content" }, this.counter[index$1.VBZ.DISTURBANCE_NORMAL] > 0 && (index.h(index.Fragment, { key: '91f40a4c2325b25bc11fc57397436cc30352eda7' }, index.h("div", { key: 'b3f767763567eda3717d1493558da256de6dd171', class: "stzh-vbz-ticker__title" }, index.h("div", { key: '42f59a4efe55121a0ffcacb7e1139806e52bd5f9', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, index.h("stzh-icon", { key: 'a4dfdd034f9d9d3a36c36ac9368c647296686334', class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), index.h("div", { key: 'f7a1626d27f3d0f71d68bc3407dd01b12c4f67ee', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '1098fbec72fa57236b91fcb52f958bb07aab56d8', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithDisturbances.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), (this.counter[index$1.VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||
+        return (index.h(index.Host, { key: '0627df561139f27e5122968ece58d9f5e05c20a6' }, index.h("div", { key: '4a12361941ed3cffd18de2dbf6266bb9ea236070', class: classes }, index.h("div", { key: '215d5b76cd19f9293f88b92ed82f661b48deaaf6', class: "stzh-vbz-ticker__content" }, this.counter[index$1.VBZ.DISTURBANCE_NORMAL] > 0 && (index.h(index.Fragment, { key: '5b033d391e6bb0e760921e5de323b76ba8ad858a' }, index.h("div", { key: 'a42bcc7d3be1a0954b0681560443ec46e38f16b3', class: "stzh-vbz-ticker__title" }, index.h("div", { key: '8efaf8506175cb5f39591e53f4fcda01fc66e45a', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, index.h("stzh-icon", { key: 'd5ed8b02d25d6a738a107834ae11fb26a9bc70b2', class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), index.h("div", { key: 'ddb681b30ef98b37a78e5ae147a6a1fb185546cc', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '4106d70569fd45841513d4c8f206448790ec3cbb', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithDisturbances.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert, icon: line.icon, useApiLineColors: this.useApiLineColors }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), (this.counter[index$1.VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||
             this.counter[index$1.VBZ.DISTURBANCE_EVENT] > 0 ||
-            this.counter[index$1.VBZ.DISTURBANCE_BUS] > 0) && (index.h(index.Fragment, { key: '8c84b0cc56c8885553aba9220944ce92b3dffbb8' }, index.h("div", { key: '93e3724521af51004c5558bd792968294d67fd63', class: "stzh-vbz-ticker__title" }, index.h("div", { key: '06384269973a23aad0ebc0a5e84e70a93d12e74d', class: "stzh-vbz-ticker__title-parts" }, index.h("div", { key: '56d0438edcdb01a2e08cd94b088d5c6c22865d6e', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, index.h("stzh-icon", { key: '5679cf8ef19da6cd00f58d6d0a8e8f39b9c1ab11', class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), index.h("div", { key: '44a4551299a32dfc3ae518cce39a7bce8748961a', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '5be3b7afc315cd63c45cabd6446f4d70489ae2e3', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithConstructions.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), index.h("div", { key: '3fb0a52e39a6f86cce7a9a30934b38451f254735', class: "stzh-vbz-ticker__link" }, index.h("slot", { key: 'cced6614e92101ac671c0186ab9e8c51bd4a4634', name: "link" }))))));
+            this.counter[index$1.VBZ.DISTURBANCE_BUS] > 0) && (index.h(index.Fragment, { key: '5ad16bce8b147b1f45e88675c33c955e33b7e2de' }, index.h("div", { key: 'f3bb9134b0e3a863b46400389da3851c63e650a5', class: "stzh-vbz-ticker__title" }, index.h("div", { key: 'e6c6806707fd785e7e8c21ec139cc2cefb48dcdf', class: "stzh-vbz-ticker__title-parts" }, index.h("div", { key: 'dc203e3830e46d9e86993ba1705e5fc80ff4ca5a', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, index.h("stzh-icon", { key: '0879d3fdd0dbcd3beb3e7254e0186441723eccb1', class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), index.h("div", { key: '965560861b70ca19e72c72c510fe143acbc0a22d', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '8e5bdaadfbd640bbc11ebd3bf9237d2a5dc2881c', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithConstructions.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert, icon: line.icon, useApiLineColors: this.useApiLineColors }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), index.h("div", { key: 'd9ed69821aa1f50202026b1c82147f702fe5d1e9', class: "stzh-vbz-ticker__link" }, index.h("slot", { key: '014fc32250f4e211119564bc79f93d1a3bb6fb85', name: "link" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-vbz-ticker.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-vbz-ticker.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,m8IAAm8I,CAAC;AAC79I,4BAAe,gBAAgB;;MCiBlB,aAAa;;;QAwBhB,uBAAkB,GAA2B,EAAE,CAAC;QAChD,0BAAqB,GAAoB,EAAE,CAAC;QAC5C,2BAAsB,GAAoB,EAAE,CAAC;QAG7C,YAAO,GAAG;YAChB,CAAC,GAAGA,WAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC;YAChC,CAAC,GAAGA,WAAG,CAAC,uBAAuB,EAAE,GAAG,CAAC;YACrC,CAAC,GAAGA,WAAG,CAAC,wBAAwB,EAAE,GAAG,CAAC;YACtC,CAAC,GAAGA,WAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC;YAChC,CAAC,GAAGA,WAAG,CAAC,iBAAiB,EAAE,GAAG,CAAC;YAC/B,CAAC,GAAGA,WAAG,CAAC,eAAe,EAAE,GAAG,CAAC;SAC9B,CAAC;mBAjCA,8IAA8I;oBAG5H,EAAE;4BAIS,gFAAgF;;;;IA6B/G,mBAAmB;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC3D,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;KACJ;IAGD,MAAM,UAAU,CAAC,QAAgB;QAC/B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACrE,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;;QAGlE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAMC,WAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB;IAGD,kBAAkB,CAAC,QAA2B;QAC5C,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CACrE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAC1B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B,CAAC;SACH;KACF;IAGD,MAAM,WAAW,CAAC,QAAa;;QAC7B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACnC;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;SACvB;QAED,MAAM,cAAc,GAAqC,EAAE,CAAC;QAE5D,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,0CAAE,OAAO,CAAC,OAAO;YAClC,MAAM,IAAI,GAAuB,OAAO,CAAC,OAAO;iBAC7C,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAKD,WAAG,CAAC,cAAc,IAAI,OAAO,CAAC,GAAG,CAAC;iBACrE,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC;iBAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAErC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,OAAO,CAACA,WAAG,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAEtF,IAAI,OAAO,CAAC,QAAQ,KAAKA,WAAG,CAAC,gBAAgB,EAAE;gBAC7C,IAAI,CAAC,OAAO,CAACA,WAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBAEvC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;oBAC3B,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,IAAI,EAAE,OAAO,CAAC,IAAI;oBAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,SAAS,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;oBAC9D,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;oBAC5D,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,OAAO,EAAE,OAAO;iBACjB,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;aAClC;;;YAID,IACE,OAAO,CAAC,eAAe;gBACvB,OAAO,CAAC,QAAQ,KAAKA,WAAG,CAAC,uBAAuB;gBAChD,OAAO,CAAC,QAAQ,KAAKA,WAAG,CAAC,gBAAgB,EACzC;gBACA,MAAM,aAAa,GAAG,EAAE,CAAC;gBAEzB,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO;oBACrC,IAAI,OAAO,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,WAAW,EAAE;wBACzD,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG;4BAC/B,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,QAAQ,EAAE,OAAO,CAAC,GAAG;4BACrB,YAAY,EAAE,EAAE;4BAChB,KAAK,EAAE,KAAK;yBACb,CAAC;qBACH;oBAED,IAAI,OAAO,CAAC,QAAQ,KAAKA,WAAG,CAAC,iBAAiB,IAAI,OAAO,CAAC,QAAQ,KAAKA,WAAG,CAAC,kBAAkB,EAAE;wBAC7F,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC;qBAC7C;;oBAGD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;wBAC3C,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAEnC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;4BAC/C,EAAE,EAAE,OAAO,CAAC,EAAE;4BACd,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;4BAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;4BAC1B,SAAS,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;4BAC9D,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;4BAC5D,QAAQ,EAAE,OAAO,CAAC,QAAQ;4BAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;4BACtB,OAAO,EAAE,OAAO;yBACjB,CAAC,CAAC;qBACJ;iBACF,CAAC,CAAC;aACJ;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;aACrD,GAAG,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC;aAC/B,MAAM,CACL,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,IAAI,WAAW,CAAC,QAAQ,KAAKA,WAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAC/G,CAAC;QAEJ,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;aACtD,GAAG,CAAC,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC;aAC/B,MAAM,CACL,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,IAAI,WAAW,CAAC,QAAQ,KAAKA,WAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAC/G,CAAC;;QAGJ,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACjF,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;KACnF;IAED,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACpG,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;QAED,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACnC;aAAM;YACL,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACjC;KACF;IAED,iBAAiB,CAAC,WAAiC;QACjD,QACEE,iBACE,KAAK,EAAE;gBACL,8BAA8B,EAAE,IAAI;gBACpC,CAAC,qCAAqC,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ;aACtF,IAEDA,iBAAK,KAAK,EAAC,mCAAmC,IAC5CA,iBAAK,KAAK,EAAC,oCAAoC,IAAE,WAAW,CAAC,IAAI,CAAO,EAExEA,iBAAK,KAAK,EAAC,mCAAmC,IAC3C,IAAI,CAAC,WAAW,CAAC,UAAU,CAC1B,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,SAAS,EAC7C,WAAW,CAAC,MAAM,IAAI,WAAW,CAAC,OAAO,EACzC,MAAM,CACP,CACG,EAEL,WAAW,CAAC,OAAO,IAClBA,uBAAW,KAAK,EAAC,mCAAmC,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAC5F,IAAI,CAAC,YAAY,CAAC,QAAQ,CACjB,KAEZA,uBACE,KAAK,EAAC,mCAAmC,EACzC,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC,IAEvG,IAAI,CAAC,YAAY,CAAC,QAAQ,CACjB,CACb,CACG,CACF,EACN;KACH;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,iBAAiB,EAAE,IAAI;SACxB,CAAC;QAEF,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAE,OAAO,IACjBA,kEAAK,KAAK,EAAC,0BAA0B,IAkClC,IAAI,CAAC,OAAO,CAACF,WAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,KACvCE,QAACE,cAAQ,uDACPF,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,kEAAK,KAAK,EAAC,uEAAuE,IAChFA,wEAAW,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,SAAS,GAAa,EACnE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAChC,CACF,EACNA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,kEAAK,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,IAC5C,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,KAClCA,iBAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,UAAU,IAChDA,0BAAc,KAAK,EAAC,0BAA0B,IAC5CA,+BAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAsB,EAC3EA,iBAAK,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,IACzD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CACtE,CACO,CACX,CACP,CAAC,CACE,CACF,CACG,CACZ,EAGA,CAAC,IAAI,CAAC,OAAO,CAACF,WAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC;YAC9C,IAAI,CAAC,OAAO,CAACA,WAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC;YACvC,IAAI,CAAC,OAAO,CAACA,WAAG,CAAC,eAAe,CAAC,GAAG,CAAC,MACrCE,QAACE,cAAQ,uDACPF,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,kEAAK,KAAK,EAAC,8BAA8B,IACvCA,kEAAK,KAAK,EAAC,iEAAiE,IAC1EA,wEAAW,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,cAAc,GAAa,EACxE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CACjC,CACF,CACF,EACNA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,kEAAK,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,IAC5C,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,KACnCA,iBAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,UAAU,IAChDA,0BAAc,KAAK,EAAC,0BAA0B,IAC5CA,+BAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAsB,EAC3EA,iBAAK,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,IACzD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CACtE,CACO,CACX,CACP,CAAC,CACE,CACF,CACG,CACZ,EAEDA,kEAAK,KAAK,EAAC,uBAAuB,IAChCA,mEAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF,CACD,EACP;KACH;;;;;;;;;;;;;","names":["VBZ","axios","h","Host","Fragment"],"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"],"version":3}
1	+ {"file":"stzh-vbz-ticker.entry.cjs.js","mappings":"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","names":["VBZ","axios","h","Host","Fragment"],"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, 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 /* Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\n * are being used, local ones are still used as fallback. /\n @Prop({ reflect: true }) useApiLineColors: boolean = false;\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 icon: product.icon,\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\n line={line.line}\n alert={line.alert}\n icon={line.icon}\n useApiLineColors={this.useApiLineColors}\n ></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\n line={line.line}\n alert={line.alert}\n icon={line.icon}\n useApiLineColors={this.useApiLineColors}\n ></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"],"version":3}

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -8,7 +8,6 @@
     "components/CMS/VBZ/stzh-vbz-majorticker/stzh-vbz-majorticker.js",
     "components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.js",
     "components/CMS/stzh-archivelist/stzh-archivelist.js",
-    "components/CMS/stzh-banner/stzh-banner.js",
     "components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.js",
     "components/CMS/stzh-bathstatus-list/stzh-bathstatus-list.js",
     "components/CMS/stzh-card-superteaser/stzh-card-superteaser.js",
@@ -58,6 +57,7 @@
     "components/stzh-appointments/stzh-appointments.js",
     "components/stzh-audio/stzh-audio.js",
     "components/stzh-badge/stzh-badge.js",
+    "components/stzh-banner/stzh-banner.js",
     "components/stzh-breadcrumb/stzh-breadcrumb.js",
     "components/stzh-button/stzh-button.js",
     "components/stzh-buttongroup/stzh-buttongroup.js",

package/dist/collection/components/CMS/PKZH/stzh-pkzh-qr/stzh-pkzh-qr.stories.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 import { createComponentStory } from '../../../../utils/story-utils';
@@ -22,8 +21,7 @@ export default {
       }
     },
     layout: 'fullscreen'
-  },
-  decorators: [withActions]
+  }
 };
 export const Default = {

package/dist/collection/components/CMS/VBZ/stzh-vbz-carousel/stzh-vbz-carousel.stories.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 import { getFigmaLink } from '../../../../../figma';
@@ -39,8 +38,7 @@ export default {
       url: getFigmaLink('vbz-carousel', 'EgegIml8Pz4neEpF8KLaDF'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 export const Default = {

package/dist/collection/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.stories.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 import { getFigmaLink } from '../../../../../figma';
@@ -16,9 +15,6 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'fullscreen',
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -29,8 +25,7 @@ export default {
       url: getFigmaLink('vbz_connectionfinder', 'EgegIml8Pz4neEpF8KLaDF'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 export const Default = {

package/dist/collection/components/CMS/VBZ/stzh-vbz-intro/stzh-vbz-intro.stories.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 import { getFigmaLink } from '../../../../../figma';
@@ -63,8 +62,7 @@ export default {
       url: getFigmaLink('vbz_intro', 'EgegIml8Pz4neEpF8KLaDF'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 export const Default = {

package/dist/collection/components/CMS/VBZ/stzh-vbz-linechip/stzh-vbz-linechip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import tinycolor from "tinycolor2";
 import LineColors from "./line-colors.json";
 /**
@@ -39,6 +39,8 @@ export class StzhVbzLinechip {
             });
         };
         this.line = undefined;
+        this.icon = undefined;
+        this.useApiLineColors = false;
         this.active = false;
         this.alert = false;
         this.global = false;
@@ -47,6 +49,10 @@ export class StzhVbzLinechip {
     }
     render() {
         const lineData = LineColors[this.line] || {};
+        if (!!this.useApiLineColors && this.icon && this.icon.foregroundColor && this.icon.backgroundColor) {
+            lineData.color = `rgb(${this.icon.foregroundColor.r}, ${this.icon.foregroundColor.g}, ${this.icon.foregroundColor.b})`;
+            lineData.background = `rgb(${this.icon.backgroundColor.r}, ${this.icon.backgroundColor.g}, ${this.icon.backgroundColor.b})`;
+        }
         const styles = {
             color: this.global ? "rgb(0, 0, 0)" : lineData.color || "rgb(255, 255, 255)",
             background: this.global ? "rgb(228, 105, 76)" : lineData.background || "rgb(0, 0, 0)",
@@ -64,7 +70,7 @@ export class StzhVbzLinechip {
             [`stzh-vbz-linechip--line-${this.line}`]: !!this.line,
         };
         const title = lineData.comment || "";
-        return (h(Host, { key: '429a116ab898241b9f3cdb637fc23199a8481858', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("button", { key: '28b65c1854bfd94cc64e6e7565d403173da6e599', ref: el => (this.chip = el), class: classes, style: styles, title: title, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, "s-object-id": this.analyticsId || (this.global ? "Global" : this.line) }, this.global ? (h("stzh-icon", { name: "important-warning", class: "stzh-vbz-linechip__global-icon" })) : (h("div", { class: "stzh-vbz-linechip__text" }, this.line)), this.alert && (h("div", { key: '6fb3ceca292333f8b52e7784ba6fa6bab545b1b0', class: "stzh-vbz-linechip__alert" }, h("stzh-icon", { key: '7fdaa997f83c38f3438fb9ec553305764f7ccaea', name: "warning-big", class: "stzh-vbz-linechip__alert-icon" }))))));
+        return (h(Host, { key: 'f1e16ac9d71df0690356e62cd776007354573a50', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("button", { key: '52043e93e7a6e1d6cb4ab3f135065196f882e47a', ref: el => (this.chip = el), class: classes, style: styles, title: title, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, "s-object-id": this.analyticsId || (this.global ? "Global" : this.line) }, this.global ? (h("stzh-icon", { name: "important-warning", class: "stzh-vbz-linechip__global-icon" })) : (h("div", { class: "stzh-vbz-linechip__text" }, this.line)), this.alert && (h("div", { key: 'b9fb96025749e17aa90ad92dcba5d6200c249e23', class: "stzh-vbz-linechip__alert" }, h("stzh-icon", { key: '192990a3bad09d2fcde319650a1b3304e59b0adb', name: "warning-big", class: "stzh-vbz-linechip__alert-icon" }))))));
     }
     static get is() { return "stzh-vbz-linechip"; }
     static get encapsulation() { return "scoped"; }
@@ -85,7 +91,7 @@ export class StzhVbzLinechip {
                 "mutable": false,
                 "complexType": {
                     "original": "VBZ.Lines",
-                    "resolved": "\"2\" | \"4\" | \"5\" | \"3\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"13\" | \"14\" | \"15\" | \"16\" | \"17\" | \"19\" | \"20\" | \"21\" | \"23\" | \"24\" | \"25\" | \"29\" | \"31\" | \"32\" | \"33\" | \"34\" | \"35\" | \"36\" | \"37\" | \"38\" | \"39\" | \"40\" | \"45\" | \"46\" | \"54\" | \"61\" | \"62\" | \"63\" | \"64\" | \"66\" | \"67\" | \"69\" | \"70\" | \"72\" | \"73\" | \"75\" | \"76\" | \"77\" | \"78\" | \"79\" | \"80\" | \"83\" | \"89\" | \"91\" | \"94\" | \"95\" | \"99\" | \"151\" | \"152\" | \"153\" | \"156\" | \"161\" | \"162\" | \"163\" | \"165\" | \"184\" | \"185\" | \"200\" | \"201\" | \"215\" | \"220\" | \"235\" | \"236\" | \"245\" | \"301\" | \"302\" | \"303\" | \"304\" | \"305\" | \"306\" | \"307\" | \"308\" | \"309\" | \"311\" | \"314\" | \"315\" | \"317\" | \"321\" | \"323\" | \"325\" | \"350\" | \"444\" | \"445\" | \"701\" | \"702\" | \"703\" | \"704\" | \"705\" | \"720\" | \"721\" | \"725\" | \"726\" | \"727\" | \"742\" | \"743\" | \"744\" | \"745\" | \"747\" | \"748\" | \"751\" | \"752\" | \"753\" | \"754\" | \"759\" | \"760\" | \"765\" | \"768\" | \"781\" | \"786\" | \"787\" | \"910\" | \"912\" | \"916\" | \"917\" | \"918\" | \"919\" | \"E\" | \"N\" | \"N1\" | \"N2\" | \"N4\" | \"N5\" | \"N6\" | \"N7\" | \"N8\" | \"N9\" | \"N10\" | \"N11\" | \"N12\" | \"N13\" | \"N14\" | \"N15\" | \"N16\" | \"N17\" | \"N18\" | \"N19\" | \"N30\" | \"N31\" | \"N32\" | \"N33\" | \"N34\" | \"N45\" | \"N72\" | \"N78\" | \"SN1\" | \"SN4\" | \"SN5\" | \"SN6\" | \"SN7\" | \"SN8\" | \"SN9\" | \"S2\" | \"S3\" | \"S4\" | \"S5\" | \"S6\" | \"S7\" | \"S8\" | \"S9\" | \"S10\" | \"S11\" | \"S14\" | \"S15\" | \"S16\" | \"S18\" | \"S19\" | \"S20\" | \"S21\" | \"S23\" | \"S24\" | \"S25\"",
+                    "resolved": "\"2\" | \"4\" | \"5\" | \"3\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"11\" | \"12\" | \"13\" | \"14\" | \"15\" | \"16\" | \"17\" | \"19\" | \"20\" | \"21\" | \"23\" | \"24\" | \"25\" | \"29\" | \"31\" | \"32\" | \"33\" | \"34\" | \"35\" | \"36\" | \"37\" | \"38\" | \"39\" | \"40\" | \"44\" | \"45\" | \"46\" | \"50\" | \"51\" | \"54\" | \"61\" | \"62\" | \"63\" | \"64\" | \"66\" | \"67\" | \"69\" | \"70\" | \"72\" | \"73\" | \"75\" | \"76\" | \"77\" | \"78\" | \"79\" | \"80\" | \"83\" | \"89\" | \"91\" | \"94\" | \"95\" | \"99\" | \"151\" | \"152\" | \"153\" | \"156\" | \"161\" | \"162\" | \"163\" | \"165\" | \"184\" | \"185\" | \"200\" | \"201\" | \"215\" | \"220\" | \"235\" | \"236\" | \"245\" | \"301\" | \"302\" | \"303\" | \"304\" | \"305\" | \"306\" | \"307\" | \"308\" | \"309\" | \"311\" | \"314\" | \"315\" | \"317\" | \"321\" | \"323\" | \"325\" | \"350\" | \"444\" | \"445\" | \"701\" | \"702\" | \"703\" | \"704\" | \"706\" | \"705\" | \"720\" | \"721\" | \"725\" | \"726\" | \"727\" | \"742\" | \"743\" | \"744\" | \"745\" | \"747\" | \"748\" | \"751\" | \"752\" | \"753\" | \"754\" | \"759\" | \"760\" | \"765\" | \"768\" | \"781\" | \"786\" | \"787\" | \"910\" | \"912\" | \"916\" | \"917\" | \"918\" | \"919\" | \"E\" | \"N\" | \"N1\" | \"N2\" | \"N4\" | \"N5\" | \"N6\" | \"N7\" | \"N8\" | \"N9\" | \"N10\" | \"N11\" | \"N12\" | \"N13\" | \"N14\" | \"N15\" | \"N16\" | \"N17\" | \"N18\" | \"N19\" | \"N30\" | \"N31\" | \"N32\" | \"N33\" | \"N34\" | \"N45\" | \"N46\" | \"N72\" | \"N75\" | \"N78\" | \"N79\" | \"N91\" | \"SN1\" | \"SN4\" | \"SN5\" | \"SN6\" | \"SN7\" | \"SN8\" | \"SN9\" | \"S2\" | \"S3\" | \"S4\" | \"S5\" | \"S6\" | \"S7\" | \"S8\" | \"S9\" | \"S10\" | \"S11\" | \"S14\" | \"S15\" | \"S16\" | \"S18\" | \"S19\" | \"S20\" | \"S21\" | \"S23\" | \"S24\" | \"S25\"",
                     "references": {
                         "VBZ": {
                             "location": "import",
@@ -103,6 +109,45 @@ export class StzhVbzLinechip {
                 "attribute": "line",
                 "reflect": false
             },
+            "icon": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "VbzTickerLineIcon",
+                    "resolved": "{ foregroundColor: { r: number; g: number; b: number; hex: string; }; backgroundColor: { r: number; g: number; b: number; hex: string; }; borderColor: { r: number; g: number; b: number; hex: string; }; }",
+                    "references": {
+                        "VbzTickerLineIcon": {
+                            "location": "import",
+                            "path": "../../../../index",
+                            "id": "src/index.ts::VbzTickerLineIcon"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon color definitions from API.\nHas been disabled since beginning for unknown reasons - the colors are hardcoded in 'line-colors.json'.\nTo be checked with VBZ."
+                }
+            },
+            "useApiLineColors": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\nare being used, local ones are still used as fallback."
+                },
+                "attribute": "use-api-line-colors",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "active": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/CMS/VBZ/stzh-vbz-linechip/stzh-vbz-linechip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-vbz-linechip.js","sourceRoot":"","sources":["../../../../../../src/components/CMS/VBZ/stzh-vbz-linechip/stzh-vbz-linechip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,~~IAAI~~,EAAE,CAAC,EAAE,IAAI,EAAE,~~KAAK~~,~~EAAgB,OAAO,~~EAAE,MAAM,eAAe,CAAC;~~AAIvF~~,OAAO,SAAS,MAAM,YAAY,CAAC;~~AAGnC~~,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAE5C;;GAEG;AAMH,MAAM,OAAO,eAAe;;~~QAgClB~~,mBAAc,GAAY,KAAK,CAAC;QAEhC,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACzB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACpB,CAAC;YAED,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;YACtC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAE3B,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE;gBACzC,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,KAAK;aAClB,CAAC,CAAC;YAEH,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACvC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAClB,SAAS,EAAE,mBAAmB;gBAC9B,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,WAAM,GAAG,CAAC,KAAiB,EAAE,EAAE;YACrC,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,MAAM,EAAE;gBACvC,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,KAAK;aAClB,CAAC,CAAC;YAEH,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACjB,SAAS,EAAE,mBAAmB;gBAC9B,aAAa,EAAE,KAAK;aACrB,CAAC,CAAC;QACL,CAAC,CAAC~~;;sBAjEyC~~,KAAK;qBAGN,KAAK;sBAGJ,KAAK;wBAGH,KAAK;;;IA0DlD,MAAM;QACJ,MAAM,QAAQ,GAAwB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAK,EAA0B,CAAC;QAE3F,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,IAAI,oBAAoB;YAC5E,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,IAAI,cAAc;SACtF,CAAC;QAEF,8DAA8D;QAC9D,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,MAAM,GAAG,cAAc,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC;QAEnD,MAAM,OAAO,GAAG;YACd,mBAAmB,EAAE,IAAI;YACzB,8BAA8B,EAAE,IAAI,CAAC,MAAM;YAC3C,6BAA6B,EAAE,IAAI,CAAC,KAAK;YACzC,8BAA8B,EAAE,IAAI,CAAC,MAAM;YAC3C,4BAA4B,EAAE,MAAM;YACpC,6BAA6B,EAAE,MAAM,CAAC,UAAU,KAAK,oBAAoB;YACzE,CAAC,2BAA2B,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;SACtD,CAAC;QAEF,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC;QAErC,OAAO,CACL,EAAC,IAAI,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW;YACpE,+DACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAuB,CAAC,EAChD,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,iBACN,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;gBAEpE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,iBAAW,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,gCAAgC,GAAa,CACxF,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,IAAI,CAAO,CACvD;gBAEA,IAAI,CAAC,KAAK,IAAI,CACb,4DAAK,KAAK,EAAC,0BAA0B;oBACnC,kEAAW,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,+BAA+B,GAAa,CAC5E,CACP,CACM,CACJ,CACR,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, ~~Host~~, h, ~~Prop~~, ~~Event~~, ~~EventEmitter~~, ~~Element~~ } from \"@stencil/core\";\n\nimport { StzhVbzLinechipFocusEvent~~, StzhVbzLinechipBlurEvent~~ } from \"../../../../index\";\n\nimport tinycolor from \"tinycolor2\";\~~nimport { VBZ, StzhVbzLinechipLine } from \"../../../../index\";\~~n\nimport LineColors from \"./line-colors.json\";\n\n/*\n \n /\n@Component({\n tag: \"stzh-vbz-linechip\",\n styleUrl: \"stzh-vbz-linechip.scss\",\n scoped: true,\n})\nexport class StzhVbzLinechip {\n /* Line /\n @Prop() line: VBZ.Lines;\n\n /* Active /\n @Prop({ reflect: true }) active: boolean = false;\n\n /* Show alert icon /\n @Prop({ reflect: true }) alert: boolean = false;\n\n /* Whether it is a global disturbance /\n @Prop({ reflect: true }) global: boolean = false;\n\n /* Whether fold disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `line` prop or \"Global\" if global is true.\n /\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhVbzLinechipElement;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhVbzLinechipFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhVbzLinechipBlurEvent>;\n\n private chip: HTMLButtonElement \| HTMLAnchorElement;\n private focusedByInput: boolean = false;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.chip.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-vbz-linechip\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-vbz-linechip\",\n originalEvent: event,\n });\n };\n\n render() {\n const lineData: StzhVbzLinechipLine = LineColors[this.line] \|\| ({} as StzhVbzLinechipLine);\n\n const styles = {\n color: this.global ? \"rgb(0, 0, 0)\" : lineData.color \|\| \"rgb(255, 255, 255)\",\n background: this.global ? \"rgb(228, 105, 76)\" : lineData.background \|\| \"rgb(0, 0, 0)\",\n };\n\n // detect whether the background is too dark, e.g. line 4 or 7\n const backgroundData = tinycolor(styles.background);\n const isDark = backgroundData.getBrightness() < 50;\n\n const classes = {\n \"stzh-vbz-linechip\": true,\n \"stzh-vbz-linechip--is-global\": this.global,\n \"stzh-vbz-linechip--is-alert\": this.alert,\n \"stzh-vbz-linechip--is-active\": this.active,\n \"stzh-vbz-linechip--is-dark\": isDark,\n \"stzh-vbz-linechip--bg-white\": styles.background === \"rgb(255, 255, 255)\",\n [`stzh-vbz-linechip--line-${this.line}`]: !!this.line,\n };\n\n const title = lineData.comment \|\| \"\";\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <button\n ref={el => (this.chip = el as HTMLButtonElement)}\n class={classes}\n style={styles}\n title={title}\n disabled={this.disabled}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n s-object-id={this.analyticsId \|\| (this.global ? \"Global\" : this.line)}\n >\n {this.global ? (\n <stzh-icon name=\"important-warning\" class=\"stzh-vbz-linechip__global-icon\"></stzh-icon>\n ) : (\n <div class=\"stzh-vbz-linechip__text\">{this.line}</div>\n )}\n\n {this.alert && (\n <div class=\"stzh-vbz-linechip__alert\">\n <stzh-icon name=\"warning-big\" class=\"stzh-vbz-linechip__alert-icon\"></stzh-icon>\n </div>\n )}\n </button>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-vbz-linechip.js","sourceRoot":"","sources":["../../../../../../src/components/CMS/VBZ/stzh-vbz-linechip/stzh-vbz-linechip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport {\n StzhVbzLinechipBlurEvent,\n StzhVbzLinechipFocusEvent,\n StzhVbzLinechipLine,\n VBZ,\n VbzTickerLineIcon,\n} from \"../../../../index\";\n\nimport tinycolor from \"tinycolor2\";\n\nimport LineColors from \"./line-colors.json\";\n\n/*\n \n /\n@Component({\n tag: \"stzh-vbz-linechip\",\n styleUrl: \"stzh-vbz-linechip.scss\",\n scoped: true,\n})\nexport class StzhVbzLinechip {\n /* Line /\n @Prop() line: VBZ.Lines;\n\n /\n Icon color definitions from API.\n * Has been disabled since beginning for unknown reasons - the colors are hardcoded in 'line-colors.json'.\n * To be checked with VBZ.\n /\n @Prop() icon: VbzTickerLineIcon;\n\n /* Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\n * are being used, local ones are still used as fallback. /\n @Prop({ reflect: true }) useApiLineColors: boolean = false;\n\n /* Active /\n @Prop({ reflect: true }) active: boolean = false;\n\n /* Show alert icon /\n @Prop({ reflect: true }) alert: boolean = false;\n\n /* Whether it is a global disturbance /\n @Prop({ reflect: true }) global: boolean = false;\n\n /* Whether fold disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `line` prop or \"Global\" if global is true.\n /\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhVbzLinechipElement;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhVbzLinechipFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhVbzLinechipBlurEvent>;\n\n private chip: HTMLButtonElement \| HTMLAnchorElement;\n private focusedByInput: boolean = false;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.chip.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-vbz-linechip\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-vbz-linechip\",\n originalEvent: event,\n });\n };\n\n render() {\n const lineData: StzhVbzLinechipLine = LineColors[this.line] \|\| ({} as StzhVbzLinechipLine);\n\n if (!!this.useApiLineColors && this.icon && this.icon.foregroundColor && this.icon.backgroundColor) {\n lineData.color = `rgb(${this.icon.foregroundColor.r}, ${this.icon.foregroundColor.g}, ${this.icon.foregroundColor.b})`;\n lineData.background = `rgb(${this.icon.backgroundColor.r}, ${this.icon.backgroundColor.g}, ${this.icon.backgroundColor.b})`;\n }\n\n const styles = {\n color: this.global ? \"rgb(0, 0, 0)\" : lineData.color \|\| \"rgb(255, 255, 255)\",\n background: this.global ? \"rgb(228, 105, 76)\" : lineData.background \|\| \"rgb(0, 0, 0)\",\n };\n\n // detect whether the background is too dark, e.g. line 4 or 7\n const backgroundData = tinycolor(styles.background);\n const isDark = backgroundData.getBrightness() < 50;\n\n const classes = {\n \"stzh-vbz-linechip\": true,\n \"stzh-vbz-linechip--is-global\": this.global,\n \"stzh-vbz-linechip--is-alert\": this.alert,\n \"stzh-vbz-linechip--is-active\": this.active,\n \"stzh-vbz-linechip--is-dark\": isDark,\n \"stzh-vbz-linechip--bg-white\": styles.background === \"rgb(255, 255, 255)\",\n [`stzh-vbz-linechip--line-${this.line}`]: !!this.line,\n };\n\n const title = lineData.comment \|\| \"\";\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <button\n ref={el => (this.chip = el as HTMLButtonElement)}\n class={classes}\n style={styles}\n title={title}\n disabled={this.disabled}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n s-object-id={this.analyticsId \|\| (this.global ? \"Global\" : this.line)}\n >\n {this.global ? (\n <stzh-icon name=\"important-warning\" class=\"stzh-vbz-linechip__global-icon\"></stzh-icon>\n ) : (\n <div class=\"stzh-vbz-linechip__text\">{this.line}</div>\n )}\n\n {this.alert && (\n <div class=\"stzh-vbz-linechip__alert\">\n <stzh-icon name=\"warning-big\" class=\"stzh-vbz-linechip__alert-icon\"></stzh-icon>\n </div>\n )}\n </button>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/CMS/VBZ/stzh-vbz-linechip/stzh-vbz-linechip.stories.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 // import { getFigmaLink } from '../../../figma';
@@ -15,21 +14,12 @@ export default {
   title: 'Components/CMS/VBZ/VbzLinechip',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
       }
     }
-    // design: {
-    //   type: 'figma',
-    //   url: getFigmaLink('linechip'),
-    //   allowFullscreen: true
-    // }
-  },
-  decorators: [withActions]
+  }
 };
 export const Default = {

package/dist/collection/components/CMS/VBZ/stzh-vbz-majorticker/stzh-vbz-majorticker.stories.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 // import { getFigmaLink } from '../../../figma';
@@ -18,9 +17,6 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -31,8 +27,7 @@ export default {
       url: getFigmaLink('vbz_majorticker', 'EgegIml8Pz4neEpF8KLaDF'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 export const Local = {

package/dist/collection/components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.js CHANGED Viewed

@@ -19,6 +19,7 @@ export class StzhVbzTicker {
         };
         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.useApiLineColors = false;
         this.moreInfoLink = "https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}";
         this.dateAdapter = undefined;
         this.localization = undefined;
@@ -85,6 +86,7 @@ export class StzhVbzTicker {
                     if (typeof linesToDisplay[product.lineId] === "undefined") {
                         linesToDisplay[product.lineId] = {
                             line: product.line,
+                            icon: product.icon,
                             name: product.name,
                             category: product.cls,
                             disturbances: [],
@@ -145,9 +147,9 @@ export class StzhVbzTicker {
         const classes = {
             "stzh-vbz-ticker": true,
         };
-        return (h(Host, { key: '59af531ed3220f9a6b7c4149d9f1466961169f5b' }, h("div", { key: '9cd7af7a18de3859391a3f77d921a1fc587f49c3', class: classes }, h("div", { key: '8e2ed0c9b36b68d1bac2a47357dba2b4d78e6c92', class: "stzh-vbz-ticker__content" }, this.counter[VBZ.DISTURBANCE_NORMAL] > 0 && (h(Fragment, { key: '91f40a4c2325b25bc11fc57397436cc30352eda7' }, h("div", { key: 'b3f767763567eda3717d1493558da256de6dd171', class: "stzh-vbz-ticker__title" }, h("div", { key: '42f59a4efe55121a0ffcacb7e1139806e52bd5f9', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, h("stzh-icon", { key: 'a4dfdd034f9d9d3a36c36ac9368c647296686334', class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), h("div", { key: 'f7a1626d27f3d0f71d68bc3407dd01b12c4f67ee', class: "stzh-vbz-ticket__lines" }, h("div", { key: '1098fbec72fa57236b91fcb52f958bb07aab56d8', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithDisturbances.map(line => (h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), (this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||
+        return (h(Host, { key: '0627df561139f27e5122968ece58d9f5e05c20a6' }, h("div", { key: '4a12361941ed3cffd18de2dbf6266bb9ea236070', class: classes }, h("div", { key: '215d5b76cd19f9293f88b92ed82f661b48deaaf6', class: "stzh-vbz-ticker__content" }, this.counter[VBZ.DISTURBANCE_NORMAL] > 0 && (h(Fragment, { key: '5b033d391e6bb0e760921e5de323b76ba8ad858a' }, h("div", { key: 'a42bcc7d3be1a0954b0681560443ec46e38f16b3', class: "stzh-vbz-ticker__title" }, h("div", { key: '8efaf8506175cb5f39591e53f4fcda01fc66e45a', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, h("stzh-icon", { key: 'd5ed8b02d25d6a738a107834ae11fb26a9bc70b2', class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), h("div", { key: 'ddb681b30ef98b37a78e5ae147a6a1fb185546cc', class: "stzh-vbz-ticket__lines" }, h("div", { key: '4106d70569fd45841513d4c8f206448790ec3cbb', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithDisturbances.map(line => (h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, h("stzh-vbz-linechip", { line: line.line, alert: line.alert, icon: line.icon, useApiLineColors: this.useApiLineColors }), h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), (this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||
             this.counter[VBZ.DISTURBANCE_EVENT] > 0 ||
-            this.counter[VBZ.DISTURBANCE_BUS] > 0) && (h(Fragment, { key: '8c84b0cc56c8885553aba9220944ce92b3dffbb8' }, h("div", { key: '93e3724521af51004c5558bd792968294d67fd63', class: "stzh-vbz-ticker__title" }, h("div", { key: '06384269973a23aad0ebc0a5e84e70a93d12e74d', class: "stzh-vbz-ticker__title-parts" }, h("div", { key: '56d0438edcdb01a2e08cd94b088d5c6c22865d6e', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, h("stzh-icon", { key: '5679cf8ef19da6cd00f58d6d0a8e8f39b9c1ab11', class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), h("div", { key: '44a4551299a32dfc3ae518cce39a7bce8748961a', class: "stzh-vbz-ticket__lines" }, h("div", { key: '5be3b7afc315cd63c45cabd6446f4d70489ae2e3', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithConstructions.map(line => (h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), h("div", { key: '3fb0a52e39a6f86cce7a9a30934b38451f254735', class: "stzh-vbz-ticker__link" }, h("slot", { key: 'cced6614e92101ac671c0186ab9e8c51bd4a4634', name: "link" }))))));
+            this.counter[VBZ.DISTURBANCE_BUS] > 0) && (h(Fragment, { key: '5ad16bce8b147b1f45e88675c33c955e33b7e2de' }, h("div", { key: 'f3bb9134b0e3a863b46400389da3851c63e650a5', class: "stzh-vbz-ticker__title" }, h("div", { key: 'e6c6806707fd785e7e8c21ec139cc2cefb48dcdf', class: "stzh-vbz-ticker__title-parts" }, h("div", { key: 'dc203e3830e46d9e86993ba1705e5fc80ff4ca5a', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, h("stzh-icon", { key: '0879d3fdd0dbcd3beb3e7254e0186441723eccb1', class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), h("div", { key: '965560861b70ca19e72c72c510fe143acbc0a22d', class: "stzh-vbz-ticket__lines" }, h("div", { key: '8e5bdaadfbd640bbc11ebd3bf9237d2a5dc2881c', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithConstructions.map(line => (h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, h("stzh-vbz-linechip", { line: line.line, alert: line.alert, icon: line.icon, useApiLineColors: this.useApiLineColors }), h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), h("div", { key: 'd9ed69821aa1f50202026b1c82147f702fe5d1e9', class: "stzh-vbz-ticker__link" }, h("slot", { key: '014fc32250f4e211119564bc79f93d1a3bb6fb85', name: "link" }))))));
     }
     static get is() { return "stzh-vbz-ticker"; }
     static get encapsulation() { return "scoped"; }
@@ -199,6 +201,24 @@ export class StzhVbzTicker {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
+            "useApiLineColors": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\nare being used, local ones are still used as fallback."
+                },
+                "attribute": "use-api-line-colors",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "moreInfoLink": {
                 "type": "string",
                 "mutable": false,