npm - @oiz/stzh-components - Versions diffs - 3.1.0 → 3.2.0-beta1 - Mend

@oiz/stzh-components 3.1.0 → 3.2.0-beta1

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 (673) hide show

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

@@ -2,20 +2,21 @@ import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } f
 import { a as axios } from './axios-1264ee0b.js';
 import { VBZ } from './index.js';
-const stzhVbzTickerCss = ".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{display:none}.sc-stzh-vbz-ticker-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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__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}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-vbz-ticker__title-part--no-disturbances.sc-stzh-vbz-ticker{color:var(--stzh-color-firgreen50)}.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__link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-vbz-ticker__link.sc-stzh-vbz-ticker{position:absolute;top:0;right:0;margin-top:0}}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker{display:flex;flex-wrap:wrap}.stzh-vbz-ticker__chips.sc-stzh-vbz-ticker:not(:empty){margin:calc(var(--stzh-space-xxsmall) * -1);margin-top:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall))}.stzh-vbz-ticker__chip.sc-stzh-vbz-ticker{margin:var(--stzh-space-xxsmall)}.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);display:flex}.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 stzhVbzTickerCss = ".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{display:none}.sc-stzh-vbz-ticker-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.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 StzhVbzTicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.globalDisturbances = [];
-    this.lines = [];
+    this.linesWithDisturbances = [];
+    this.linesWithConstructions = [];
     this.counter = {
       [`${VBZ.DISTURBANCE_GLOBAL}`]: 0,
       [`${VBZ.DISTURBANCE_INFORMATION}`]: 0,
       [`${VBZ.DISTURBANCE_CONSTRUCTION}`]: 0,
       [`${VBZ.DISTURBANCE_NORMAL}`]: 0,
       [`${VBZ.DISTURBANCE_EVENT}`]: 0,
-      [`${VBZ.DISTURBANCE_BUS}`]: 0
+      [`${VBZ.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 = "";
@@ -25,7 +26,7 @@ const StzhVbzTicker = class {
   }
   localizationWatcher() {
     this.collator = new Intl.Collator(this.localization.$locale, {
-      numeric: true
+      numeric: true,
     });
   }
   async apiWatcher(newValue) {
@@ -51,14 +52,13 @@ const StzhVbzTicker = class {
     else {
       this._data = newValue;
     }
-    const lines = {};
+    const linesToDisplay = {};
     (_b = (_a = this._data) === null || _a === void 0 ? void 0 : _a.Message) === null || _b === void 0 ? void 0 : _b.forEach(message => {
       const urls = message.channel
         .filter(channel => channel.name === VBZ.CHANNEL_TICKER && channel.url)
         .map(channel => channel.url)
         .reduce((a, b) => a.concat(b), []);
-      const infoUrl = urls
-        .find(url => url.url.indexOf(VBZ.CHANNEL_INFO_URL_FILTER) !== -1);
+      const infoUrl = urls.find(url => url.url.indexOf(VBZ.CHANNEL_INFO_URL_FILTER) !== -1);
       if (message.baseType === VBZ.BASE_TYPE_GLOBAL) {
         this.counter[VBZ.DISTURBANCE_GLOBAL]++;
         this.globalDisturbances.push({
@@ -70,35 +70,35 @@ const StzhVbzTicker = class {
           endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
           altStart: message.altStart,
           altEnd: message.altEnd,
-          infoUrl: infoUrl
+          infoUrl: infoUrl,
         });
       }
       else {
         this.counter[message.category]++;
       }
-      // don't add to lines if no line/product has been linked to
+      // don't add to linesWithDisturbances if no line/product has been linked to
       // or if it is a information disturbance or global
-      if (message.affectedProduct
-        && message.category !== VBZ.DISTURBANCE_INFORMATION
-        && message.baseType !== VBZ.BASE_TYPE_GLOBAL) {
+      if (message.affectedProduct &&
+        message.category !== VBZ.DISTURBANCE_INFORMATION &&
+        message.baseType !== VBZ.BASE_TYPE_GLOBAL) {
         const affectedLines = [];
         message.affectedProduct.forEach(product => {
-          if (typeof lines[product.lineId] === "undefined") {
-            lines[product.lineId] = {
+          if (typeof linesToDisplay[product.lineId] === "undefined") {
+            linesToDisplay[product.lineId] = {
               line: product.line,
               name: product.name,
               category: product.cls,
               disturbances: [],
-              alert: false
+              alert: false,
             };
           }
-          if (message.category === VBZ.DISTURBANCE_NORMAL) {
-            lines[product.lineId].alert = true;
+          if (message.category === VBZ.DISTURBANCE_EVENT || message.category === VBZ.DISTURBANCE_GLOBAL) {
+            linesToDisplay[product.lineId].alert = true;
           }
           // only add disturbance message to line if it was not already added (avoiding same message twice)
           if (!affectedLines.includes(product.lineId)) {
             affectedLines.push(product.lineId);
-            lines[product.lineId].disturbances.push({
+            linesToDisplay[product.lineId].disturbances.push({
               id: message.id,
               head: message.head,
               category: message.category,
@@ -107,17 +107,21 @@ const StzhVbzTicker = class {
               endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
               altStart: message.altStart,
               altEnd: message.altEnd,
-              infoUrl: infoUrl
+              infoUrl: infoUrl,
             });
           }
         });
       }
     });
-    this.lines = Object.keys(lines)
-      .map(key => lines[key]);
+    this.linesWithDisturbances = Object.keys(linesToDisplay)
+      .map(key => linesToDisplay[key])
+      .filter(line => line.disturbances.findIndex(disturbance => disturbance.category !== VBZ.DISTURBANCE_CONSTRUCTION) > -1);
+    this.linesWithConstructions = Object.keys(linesToDisplay)
+      .map(key => linesToDisplay[key])
+      .filter(line => line.disturbances.findIndex(disturbance => disturbance.category === VBZ.DISTURBANCE_CONSTRUCTION) > -1);
     // sort by line name
-    this.lines.sort((a, b) => this.collator
-      .compare(a.line, b.line));
+    this.linesWithDisturbances.sort((a, b) => this.collator.compare(a.line, b.line));
+    this.linesWithConstructions.sort((a, b) => this.collator.compare(a.line, b.line));
   }
   async componentWillLoad() {
     if (!this.localization) {
@@ -135,31 +139,16 @@ const StzhVbzTicker = class {
   renderDisturbance(disturbance) {
     return (h("div", { class: {
         "stzh-vbz-ticker__disturbance": true,
-        [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category
-      } }, disturbance.category === VBZ.DISTURBANCE_NORMAL
-      || disturbance.baseType === VBZ.BASE_TYPE_GLOBAL
-      ?
-        h("stzh-icon", { name: "warning-big", class: "stzh-vbz-ticker__disturbance-icon" })
-      :
-        h("stzh-icon", { name: "construction", class: "stzh-vbz-ticker__disturbance-icon" }), h("div", { class: "stzh-vbz-ticker__disturbance-text" }, h("div", { class: "stzh-vbz-ticker__disturbance-title" }, disturbance.head), h("div", { class: "stzh-vbz-ticker__disturbance-date" }, this.dateAdapter.formatSpan(disturbance.altStart || disturbance.startDate, disturbance.altEnd || disturbance.endDate, "date")), disturbance.infoUrl ?
-      h("stzh-link", { class: "stzh-vbz-ticker__disturbance-link", size: "small", href: disturbance.infoUrl.url }, this.localization.moreInfo)
-      :
-        h("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\}/, disturbance.id) }, this.localization.moreInfo))));
+        [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category,
+      } }, h("div", { class: "stzh-vbz-ticker__disturbance-text" }, h("div", { class: "stzh-vbz-ticker__disturbance-title" }, disturbance.head), h("div", { class: "stzh-vbz-ticker__disturbance-date" }, this.dateAdapter.formatSpan(disturbance.altStart || disturbance.startDate, disturbance.altEnd || disturbance.endDate, "date")), disturbance.infoUrl ? (h("stzh-link", { class: "stzh-vbz-ticker__disturbance-link", size: "small", href: disturbance.infoUrl.url }, this.localization.moreInfo)) : (h("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\}/, disturbance.id) }, this.localization.moreInfo)))));
   }
   render() {
     const classes = {
-      "stzh-vbz-ticker": true
+      "stzh-vbz-ticker": true,
     };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-vbz-ticker__text" }, h("div", { class: "stzh-vbz-ticker__title" }, h("div", { class: "stzh-vbz-ticker__title-parts" }, this.lines.length === 0 && this.counter[VBZ.DISTURBANCE_GLOBAL] === 0 &&
-      h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "checkmark-circle" }), this.localization.noDisturbances), this.counter[VBZ.DISTURBANCE_NORMAL] > 0 &&
-      h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "warning" }), this.counter[VBZ.DISTURBANCE_GLOBAL] > 0 ?
-        this.localization.furtherDisturbanceTitle : this.localization.disturbanceTitle), (this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0
-      || this.counter[VBZ.DISTURBANCE_EVENT] > 0
-      || this.counter[VBZ.DISTURBANCE_BUS] > 0) &&
-      h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), (this.lines.length > 0 || this.counter[VBZ.DISTURBANCE_GLOBAL] > 0) &&
-      h(Fragment, null, h("div", { class: "stzh-vbz-ticker__chips", role: "list" }, this.lines.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", { class: "stzh-vbz-ticker__link" }, h("slot", { name: "link" })))));
+    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-vbz-ticker__content" }, this.counter[VBZ.DISTURBANCE_NORMAL] > 0 && (h(Fragment, null, h("div", { class: "stzh-vbz-ticker__title" }, h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), h("div", { class: "stzh-vbz-ticket__lines" }, h("div", { 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 ||
+      this.counter[VBZ.DISTURBANCE_EVENT] > 0 ||
+      this.counter[VBZ.DISTURBANCE_BUS] > 0) && (h(Fragment, null, h("div", { class: "stzh-vbz-ticker__title" }, h("div", { class: "stzh-vbz-ticker__title-parts" }, h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), h("div", { class: "stzh-vbz-ticket__lines" }, h("div", { 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", { class: "stzh-vbz-ticker__link" }, h("slot", { name: "link" }))))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {

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

	@@ -1 +1 @@
1	- {"file":"stzh-vbz-ticker.entry.js","mappings":"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","names":[],"sources":["src/components/stzh-vbz-ticker/stzh-vbz-ticker.scss?tag=stzh-vbz-ticker&encapsulation=scoped","src/components/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 &__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\n &:not(:last-child) {\n margin-right: space('large');\n }\n\n &--no-disturbances {\n color: $colorFirgreen50;\n }\n\n &--major-events {\n color: $colorCoral;\n }\n\n &--disturbances {\n color: $colorError60;\n }\n }\n\n // &__description {\n // @include fontSize('micro');\n // @include spaceCurve('margin-top', 'tiny');\n // }\n\n &__link {\n margin-top: space('small');\n\n @include mq($from: medium) {\n position: absolute;\n top: 0;\n right: 0;\n margin-top: 0;\n }\n }\n\n &__chips {\n display: flex;\n flex-wrap: wrap;\n\n &:not(:empty) {\n margin: calc(#{space('xxsmall')} * -1);\n margin-top: calc(#{space('medium')} - #{space('xxsmall')});\n }\n }\n\n &__chip {\n margin: space('xxsmall');\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 // TODO: look after rws how to restyle (was previously colored red but doesn't fit anymore with new tooltip background color)\n // &__disturbance--type0 &__disturbance-title,\n // &__disturbance--type0 &__disturbance-icon,\n // &__disturbance--type2 &__disturbance-title,\n // &__disturbance--type2 &__disturbance-icon {\n // color: $colorError60;\n // }\n\n &__disturbance-title {\n @include font;\n display: flex;\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 {\n Component,\n Host,\n h,\n Prop,\n Watch,\n Element,\n Fragment\n} from \"@stencil/core\";\n\nimport axios from 'axios';\n\nimport { StzhLocaleAdapter } from \"../../utils/date-adapter\";\n\nimport {\n VBZ,\n VbzTickerInfoUrl,\n VbzTickerDisturbance,\n VbzTickerLine\n} 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 = \"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/zvv/{lang}/fahrplan/vl.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 lines: 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 lines: { [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\n .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 lines 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 lines[product.lineId] === \"undefined\") {\n lines[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_NORMAL) {\n lines[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 lines[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.lines = Object.keys(lines)\n .map(key => lines[key]);\n\n // sort by line name\n this.lines.sort((a, b) => this.collator\n .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 class={{\n \"stzh-vbz-ticker__disturbance\": true,\n [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category\n }}>\n {disturbance.category === VBZ.DISTURBANCE_NORMAL\n \|\| disturbance.baseType === VBZ.BASE_TYPE_GLOBAL\n ?\n <stzh-icon name=\"warning-big\" class=\"stzh-vbz-ticker__disturbance-icon\"></stzh-icon>\n :\n <stzh-icon name=\"construction\" class=\"stzh-vbz-ticker__disturbance-icon\"></stzh-icon>\n }\n\n <div class=\"stzh-vbz-ticker__disturbance-text\">\n <div class=\"stzh-vbz-ticker__disturbance-title\">\n {disturbance.head}\n </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\n class=\"stzh-vbz-ticker__disturbance-link\"\n size=\"small\"\n href={disturbance.infoUrl.url}\n >\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\n .replace(/\\{lang\\}/, this.localization.$locale)\n .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__text\">\n <div class=\"stzh-vbz-ticker__title\">\n <div class=\"stzh-vbz-ticker__title-parts\">\n {this.lines.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 {/ {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 {this.counter[VBZ.DISTURBANCE_NORMAL] > 0 &&\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.counter[VBZ.DISTURBANCE_GLOBAL] > 0 ?\n this.localization.furtherDisturbanceTitle : this.localization.disturbanceTitle}\n </div>}\n\n {(this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0\n \|\| this.counter[VBZ.DISTURBANCE_EVENT] > 0\n \|\| this.counter[VBZ.DISTURBANCE_BUS] > 0) &&\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\n {(this.lines.length > 0 \|\| this.counter[VBZ.DISTURBANCE_GLOBAL] > 0) &&\n <Fragment>\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 <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\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 {this.lines.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 </Fragment>}\n </div>\n\n <div class=\"stzh-vbz-ticker__link\">\n <slot name=\"link\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-vbz-ticker.entry.js","mappings":"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","names":[],"sources":["src/components/stzh-vbz-ticker/stzh-vbz-ticker.scss?tag=stzh-vbz-ticker&encapsulation=scoped","src/components/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\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\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport { StzhLocaleAdapter } from \"../../utils/date-adapter\";\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/zvv/{lang}/fahrplan/vl.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}

package/dist/esm/{utils-54aead01.js → utils-90658cfe.js} RENAMED Viewed

@@ -8,13 +8,13 @@ function hasSlot(el, name) {
     return el.querySelector(`[slot="${name}"]`) !== null;
   }
   // Look for a default slot
-  return Array.from(childNodes(el)).some(node => {
-    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
+  return Array.from(childNodes(el)).some((node) => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
       return true;
     }
     if (node.nodeType === node.ELEMENT_NODE) {
       const el = node;
-      if (!el.hasAttribute('slot')) {
+      if (!el.hasAttribute("slot")) {
         return true;
       }
     }
@@ -22,7 +22,7 @@ function hasSlot(el, name) {
   });
 }
 function setPropsIfNull(element, attributes) {
-  Object.keys(attributes).forEach(attribute => {
+  Object.keys(attributes).forEach((attribute) => {
     if (element.getAttribute(dashCase(attribute)) === null) {
       element[attribute] = attributes[attribute];
     }
@@ -32,7 +32,7 @@ function isStzhElement(element) {
   if (!element || element.nodeType !== 1) {
     return false;
   }
-  return element.tagName.toLowerCase().indexOf('stzh-') === 0;
+  return element.tagName.toLowerCase().indexOf("stzh-") === 0;
 }
 // returns content of <meta name="" content=""> tags or '' if empty/non existant
 function getMeta(name) {
@@ -56,14 +56,18 @@ function childNodes(node) {
   return Array.from(childNodes);
 }
 function isVisible(element) {
+  // @ts-ignore
   if (typeof element.checkVisibility !== "undefined") {
+    // @ts-ignore
     return element.checkVisibility({
       checkOpacity: false,
-      checkVisibilityCSS: false
+      checkVisibilityCSS: false,
     });
   }
   else {
-    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
+    return !!(element.offsetWidth ||
+      element.offsetHeight ||
+      element.getClientRects().length);
   }
 }
 function offset(element) {
@@ -74,7 +78,7 @@ function offset(element) {
   let win = element.ownerDocument.defaultView;
   return {
     top: rect.top + win.pageYOffset,
-    left: rect.left + win.pageXOffset
+    left: rect.left + win.pageXOffset,
   };
 }
 async function raf() {
@@ -84,6 +88,32 @@ async function raf() {
     });
   });
 }
+var StzhEnvironmentEnum;
+(function (StzhEnvironmentEnum) {
+  StzhEnvironmentEnum["UNKNOWN"] = "UNKNOWN";
+  StzhEnvironmentEnum["DEV"] = "DEV";
+  StzhEnvironmentEnum["UAT"] = "UAT";
+  StzhEnvironmentEnum["PROD"] = "PROD";
+})(StzhEnvironmentEnum || (StzhEnvironmentEnum = {}));
+function getStzhEnvironment() {
+  const url = window.location.href;
+  if (url.includes("test.stadt-zuerich.ch") ||
+    url.match(/\.dev\.cmp\.szh\.loc/)) {
+    return StzhEnvironmentEnum.DEV;
+  }
+  else if (url.includes("integ.stadt-zuerich.ch") ||
+    url.includes("stzh-desi-unic-preview.netlify.app") ||
+    url.match(/\.uat\.cmp\.szh\.loc/)) {
+    return StzhEnvironmentEnum.UAT;
+  }
+  else if (url.includes("www.stadt-zuerich.ch") ||
+    url.match(/\.cmp\.szh\.loc/)) {
+    return StzhEnvironmentEnum.PROD;
+  }
+  else {
+    return StzhEnvironmentEnum.UNKNOWN;
+  }
+}
 // `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements
 // so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now
 // (used before in cardlist and sortable component).
@@ -137,6 +167,6 @@ async function raf() {
 //   return [clonedElement, clonedStzhElement, originalStzhElement];
 // }
-export { isVisible as a, getMeta as g, hasSlot as h, isStzhElement as i, offset as o, raf as r, setPropsIfNull as s };
+export { StzhEnvironmentEnum as S, getMeta as a, isVisible as b, getStzhEnvironment as g, hasSlot as h, isStzhElement as i, offset as o, raf as r, setPropsIfNull as s };
-//# sourceMappingURL=utils-54aead01.js.map
+//# sourceMappingURL=utils-90658cfe.js.map

package/dist/esm/utils-90658cfe.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"utils-90658cfe.js","mappings":"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","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n // Look for a named slot\n if (name) {\n return el.querySelector(`[slot=\"${name}\"]`) !== null;\n }\n\n // Look for a default slot\n return Array.from(childNodes(el)).some((node) => {\n if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n return true;\n }\n\n if (node.nodeType === node.ELEMENT_NODE) {\n const el = node as HTMLElement;\n if (!el.hasAttribute(\"slot\")) {\n return true;\n }\n }\n\n return false;\n });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n Object.keys(attributes).forEach((attribute) => {\n if (element.getAttribute(dashCase(attribute)) === null) {\n element[attribute] = attributes[attribute];\n }\n });\n}\n\nexport function isStzhElement(element: Element) {\n if (!element || element.nodeType !== 1) {\n return false;\n }\n\n return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n const meta = document.querySelector(\n `meta[name=\"${name}\"],[property=\"${name}\"]`\n );\n return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n const parents = [];\n\n while (node) {\n parents.unshift(node);\n node = node.parentNode;\n }\n\n return parents;\n}\n\nexport function childNodes(node: Element) {\n const childNodes = node.childNodes;\n\n // check if element is stencil element without shadow dom\n // and then detect elements that were slotted into the element\n if (node[\"s-sc\"]) {\n const result = [];\n\n for (let i = 0; i < childNodes.length; i++) {\n const slot = childNodes[i][\"s-nr\"];\n\n if (slot) {\n result.push(slot);\n }\n }\n\n return result;\n }\n\n return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n // @ts-ignore\n if (typeof element.checkVisibility !== \"undefined\") {\n // @ts-ignore\n return element.checkVisibility({\n checkOpacity: false,\n checkVisibilityCSS: false,\n });\n } else {\n return !!(\n element.offsetWidth ||\n element.offsetHeight ||\n element.getClientRects().length\n );\n }\n}\n\nexport function offset(element): { top: number; left: number } {\n if (!element.getClientRects().length) {\n return { top: 0, left: 0 };\n }\n\n let rect = element.getBoundingClientRect();\n let win = element.ownerDocument.defaultView;\n\n return {\n top: rect.top + win.pageYOffset,\n left: rect.left + win.pageXOffset,\n };\n}\n\nexport async function raf() {\n return new Promise<void>((resolve) => {\n requestAnimationFrame(() => {\n resolve();\n });\n });\n}\n\nexport async function setTimeout(time: number) {\n return new Promise<void>((resolve) => {\n window.setTimeout(() => {\n resolve();\n }, time);\n });\n}\n\nexport enum StzhEnvironmentEnum {\n UNKNOWN = \"UNKNOWN\",\n DEV = \"DEV\",\n UAT = \"UAT\",\n PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n const url = window.location.href;\n if (\n url.includes(\"test.stadt-zuerich.ch\") ||\n url.match(/\\.dev\\.cmp\\.szh\\.loc/)\n ) {\n return StzhEnvironmentEnum.DEV;\n } else if (\n url.includes(\"integ.stadt-zuerich.ch\") ||\n url.includes(\"stzh-desi-unic-preview.netlify.app\") ||\n url.match(/\\.uat\\.cmp\\.szh\\.loc/)\n ) {\n return StzhEnvironmentEnum.UAT;\n } else if (\n url.includes(\"www.stadt-zuerich.ch\") ||\n url.match(/\\.cmp\\.szh\\.loc/)\n ) {\n return StzhEnvironmentEnum.PROD;\n } else {\n return StzhEnvironmentEnum.UNKNOWN;\n }\n}\n\n// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements\n// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now\n// (used before in cardlist and sortable component).\n\n// export function children(node: Element) {\n// return childNodes(node).map((n: any) => n.nodeType === 1);\n// }\n\n// const nativeCloneNodeFn = Node.prototype.cloneNode;\n\n// export function cloneElement(node: Element, deep: boolean) {\n// const clonedNode = nativeCloneNodeFn.call(node, false);\n// const srcChildNodes = childNodes(node);\n\n// if (deep) {\n// for (let i = 0; i < srcChildNodes.length; i++) {\n// if (srcChildNodes[i].nodeType !== 2) {\n// const childClone = cloneElement(srcChildNodes[i], true);\n// clonedNode.appendChild(childClone);\n// }\n// }\n// }\n\n// return clonedNode;\n// }\n\n// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// // and potentially wrapped in normal elements (e.g. angular component)\n// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n// let clonedElement: Element;\n// let clonedStzhElement: Element;\n// let originalStzhElement: Element;\n\n// if (isStzhElement(elementToClone)) {\n// clonedElement = cloneElement(elementToClone, true);\n// clonedStzhElement = clonedElement;\n// originalStzhElement = elementToClone;\n// } else {\n// clonedElement = elementToClone.cloneNode() as Element;\n\n// let clonedInnerElementLast: Element = clonedElement;\n// let originalInnerElementLast: Element = elementToClone;\n\n// // clone inner root elements separately until we find a stzh element\n// while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n// originalInnerElementLast = originalInnerElementLast.children[0];\n// const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n// clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n// clonedInnerElementLast = clonedInnerElementCurrent;\n// }\n\n// if (isStzhElement(originalInnerElementLast.children[0])) {\n// clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n// originalStzhElement = originalInnerElementLast.children[0];\n// clonedInnerElementLast.appendChild(clonedStzhElement);\n// } else {\n// // no root stzh element found, so we give up and just deep clone the root\n// clonedElement = cloneElement(elementToClone, true);\n// }\n// }\n\n// return [clonedElement, clonedStzhElement, originalStzhElement];\n// }\n"],"version":3}

package/dist/stzh-components/assets/i18n/de.json CHANGED Viewed

@@ -147,10 +147,11 @@
     "removeButtonTitle": "Option löschen"
   },
   "upload": {
-    "heading": "Drag & Drop zum hochladen",
-    "description": "Ziehen Sie die Datei in diesen Bereich, um diese hochzuladen. | Ziehen Sie die Dateien in diesen Bereich, um diese hochzuladen.",
-    "buttonIntro": "oder hier",
+    "heading": "Bitte Datei hochladen",
+    "description": "Zulässige Dateiformate: {{fileformats}} (max. {{filesize}} MB)",
+    "buttonIntro": "oder Dateien hier reinziehen",
     "button": "Datei auswählen | Dateien auswählen",
+    "buttonScan": "Dokument fotografieren | Dokumente fotografieren",
     "cancelUpload": "Upload abbrechen",
     "uploadCanceled": "Upload abgebrochen.",
     "cancelUploadConfirmation": "Sind Sie sicher, dass Sie den Upload abbrechen wollen?",
@@ -163,7 +164,12 @@
     "responseError": "Server Fehler Code {{statusCode}}.",
     "invalidFileType": "Sie können keine Dateien von diesem Typ uploaden.",
     "fileTooBig": "Die Datei ist zu gross ({{filesize}}MiB). Maximal erlaubte Grösse: {{maxFilesize}}MiB.",
-    "fileTooBigServer": "Die Datei ist zu gross (Error 413)"
+    "fileTooBigServer": "Die Datei ist zu gross (Error 413)",
+    "photographingTitle1": "1 Smartphone oder Tablet verbinden",
+    "photographingText1": "Sie können Ihre Dokumente mit Ihrem Smartphone oder Tablet fotografieren und hochladen. Scannen Sie den QR-Code mit Ihrem mobilen Gerät oder geben Sie folgende URL in den Browser ihres mobilen Gerätes ein:",
+    "photographingTitle2": "2 Dokument hochladen",
+    "photographingText2": "Sobald Sie die Webseite auf Ihrem mobilen Gerät geöffnet haben, können Sie die Dokumente fotografieren oder aus dem Speicher Ihres Geräts hochladen.",
+    "back": "Zurück"
   },
   "calendar": {
     "prevMonthLabel": "Vorheriger Monat",
@@ -384,6 +390,13 @@
     "expandLabel": "...",
     "expandHiddenLabel": "Blende alle Breadcrumbs ein"
   },
+  "contact-cv": {
+    "jobtitle": "Funktion",
+    "responsibilities": "Zuständigkeit",
+    "trainings": "Ausbildung",
+    "hobbies": "Hobbies",
+    "favoriteLinks": "Meine Lieblingslinks"
+  },
   "vbz-ticker": {
     "moreInfo": "Weitere Informationen",
     "noDisturbances": "Alle Linien fahren wie geplant.",
@@ -395,11 +408,13 @@
     "railReplacementBus": "{n} Bahnersatzbus | {n} Bahnersatzbusse",
     "majorEvent": "{n} Grossereignis | {n} Grossereignisse",
     "majorEventTitle": "Grossereignis",
-    "disturbanceTitle": "Störungen",
-    "furtherDisturbanceTitle": "Weitere Störungen",
-    "constructionsTitle": "Baustellen"
+    "disturbancesTitle": "Störungen auf folgenden Linien",
+    "constructionsTitle": "Baustellen auf folgenden Linien"
   },
   "vbz-majorticker": {
     "moreInfo": "Weitere Informationen"
+  },
+  "vbz-intro": {
+    "quicklinksHeading": "Schnelleinstieg"
   }
 }

package/dist/stzh-components/assets/i18n/en.json CHANGED Viewed

@@ -147,10 +147,11 @@
     "removeButtonTitle": "Remove item"
   },
   "upload": {
-    "heading": "Drag & Drop to upload",
-    "description": "To upload file drag & drop it in this area. | To upload files drag & drop them in this area.",
-    "buttonIntro": "or here",
+    "heading": "Please upload file",
+    "description": "Allowed file formats: {{fileformats}} (max. {{filesize}} MB)",
+    "buttonIntro": "or drag files here",
     "button": "Choose file | Choose files",
+    "buttonScan": "Scan document | Scan documents",
     "cancelUpload": "Cancel upload",
     "uploadCanceled": "Upload canceled.",
     "cancelUploadConfirmation": "Are you sure you want to cancel this upload?",
@@ -163,7 +164,12 @@
     "responseError": "Server responded with code {{statusCode}}.",
     "invalidFileType": "You can't upload files of this type.",
     "fileTooBig": "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
-    "fileTooBigServer": "File is too big (error 413)"
+    "fileTooBigServer": "File is too big (error 413)",
+    "photographingTitle1": "1 Connect smartphone or table",
+    "photographingText1": "You can take a photo of your documents with your smartphone or tablet and upload them. Scan the QR code with your mobile device or enter the following URL in the browser of your mobile device:",
+    "photographingTitle2": "2 Upload document",
+    "photographingText2": "Once you have opened the website on your mobile device, you can take a photo of the documents or upload them from your device's storage.",
+    "back": "Zurück"
   },
   "calendar": {
     "prevMonthLabel": "Previous month",
@@ -385,6 +391,13 @@
     "expandLabel": "...",
     "expandHiddenLabel": "Show all breadcrumbs"
   },
+  "contact-cv": {
+    "jobtitle": "Jobtitle",
+    "responsibilities": "Responsibilities",
+    "trainings": "Trainings",
+    "hobbies": "Hobbies",
+    "favoriteLinks": "My favorite links"
+  },
   "vbz-ticker": {
     "moreInfo": "More information",
     "noDisturbances": "All lines are running as planned.",
@@ -396,11 +409,13 @@
     "railReplacementBus": "{n} Rail replacement bus | {n} Rail replacement buses",
     "majorEvent": "{n} Major event | {n} Major events",
     "majorEventTitle": "Major event",
-    "disturbanceTitle": "Disturbances",
-    "furtherDisturbanceTitle": "Further Disturbances",
-    "constructionsTitle": "Construction sites"
+    "disturbancesTitle": "Disturbances for these lines",
+    "constructionsTitle": "Constructionworks on the following lines"
   },
   "vbz-majorticker": {
     "moreInfo": "More information"
+  },
+  "vbz-intro": {
+    "quicklinksHeading": "Schnelleinstieg"
   }
 }

package/dist/stzh-components/assets/media/icons/mono/construction.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><~~mask~~ id="a" ~~fill="currentColor"~~><rect width="20" height="11" x="2" y="5" rx="1"/></~~mask~~><rect width="20" height="11" x="2" y="5" stroke="currentColor" stroke-width="4" ~~mask~~="url(#a)" rx="1"/><path stroke="currentColor" stroke-width="2" d="M6 ~~16v6M18 16v6M10~~.707 5.707l-8 ~~8M17.707 5.707l~~-9 ~~9M20.707 9.707l~~-5 5"/><circle cx="6.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/><circle cx="17.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><defs><clipPath id="a"><rect width="20" height="11" x="2" y="5" rx="1"/></clipPath></defs><rect width="20" height="11" x="2" y="5" stroke="currentColor" stroke-width="4" clip-path="url(#a)" rx="1"/><path stroke="currentColor" stroke-width="2" d="M6 16v6m12-6v6M10.707 5.707l-8 8m15-8-9 9m12-5-5 5"/><circle cx="6.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/><circle cx="17.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/></svg>

package/dist/stzh-components/assets/media/icons/mono/crop.svg ADDED Viewed

	@@ -0,0 +1 @@
1	+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.375 17v2h12v4h2v-4h4v-2h-4V5h-12V1h-2v4h-4v2h4zm2 0h10V7h-10z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="currentColor" d="M.375 0h24v24h-24z"/></clipPath></defs></svg>

package/dist/stzh-components/assets/meta/icons-preview.html CHANGED Viewed

@@ -186,7 +186,7 @@
         </div>
         <div class="icon-wrapper">
-          <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><mask id="a" fill="currentColor"><rect width="20" height="11" x="2" y="5" rx="1"/></mask><rect width="20" height="11" x="2" y="5" stroke="currentColor" stroke-width="4" mask="url(#a)" rx="1"/><path stroke="currentColor" stroke-width="2" d="M6 16v6M18 16v6M10.707 5.707l-8 8M17.707 5.707l-9 9M20.707 9.707l-5 5"/><circle cx="6.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/><circle cx="17.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/></svg></div>
+          <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><defs><clipPath id="a"><rect width="20" height="11" x="2" y="5" rx="1"/></clipPath></defs><rect width="20" height="11" x="2" y="5" stroke="currentColor" stroke-width="4" clip-path="url(#a)" rx="1"/><path stroke="currentColor" stroke-width="2" d="M6 16v6m12-6v6M10.707 5.707l-8 8m15-8-9 9m12-5-5 5"/><circle cx="6.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/><circle cx="17.5" cy="3.5" r="1" fill="currentColor" stroke="currentColor"/></svg></div>
           <div class="icon-name">construction</div>
         </div>
@@ -195,6 +195,11 @@
           <div class="icon-name">copy</div>
         </div>
+        <div class="icon-wrapper">
+          <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M5.375 17v2h12v4h2v-4h4v-2h-4V5h-12V1h-2v4h-4v2h4zm2 0h10V7h-10z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="currentColor" d="M.375 0h24v24h-24z"/></clipPath></defs></svg></div>
+          <div class="icon-name">crop</div>
+        </div>
         <div class="icon-wrapper">
           <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></svg></div>
           <div class="icon-name">dashboard</div>

package/dist/stzh-components/assets/mock/appl/mobiscan/publicEndpoint/image/retreive-pdf ADDED Viewed

@@ -0,0 +1,5 @@
+{
+  "name": "mock.pdf",
+  "size": 124439,
+  "downloadLink": "http://localhost:6008/media/samples/document.pdf"
+}

package/dist/stzh-components/assets/mock/appl/mobiscan/publicEndpoint/ping ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "success": true
+}

package/dist/stzh-components/assets/mock/appl/mobiscan/publicEndpoint/url ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "url": "http://localhost:6008/stzh-components/assets/mock/appl/mobiscan/publicEndpoint/upload?id=1234"
+}

package/dist/stzh-components/assets/mock/appl/mobiscan/rs/auth ADDED Viewed

@@ -0,0 +1,4 @@
+{
+  "access_token": "12345678",
+  "expires_in": 12345678
+}