@oiz/stzh-components 0.0.1-pretest → 1.5.0-alpha

package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.js

@@ -1,292 +1,292 @@
-import { Host, h, Fragment } from "@stencil/core";
-import axios from 'axios';
-import { fetchTranslations } from "../../utils/translation-utils";
-import { createGlobalAdapter } from "../../utils/date-adapter";
-const CHANNEL_TICKER = "ticker";
-const CHANNEL_INFO_URL_FILTER = 'stadt-zuerich.ch/vbz';
-const BASE_TYPE_GLOBAL = "GLOBAL";
-const DISTURBANCE_GLOBAL = "__global__";
-const DISTURBANCE_INFORMATION = "0";
-const DISTURBANCE_CONSTRUCTION = "1";
-const DISTURBANCE_NORMAL = "2";
-const DISTURBANCE_EVENT = "4";
-const DISTURBANCE_BUS = "5";
-/**
- * @slot link - Optional link to traffic situation
- */
-export class StzhVbzTicker {
-  constructor() {
-    /** API URL(`{lang}` are replaced in the URL)  */
-    this.api = "https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";
-    /** Data to pass in directly (alternative for API call) */
-    this.data = "";
-    /** More info link (`{lang}` and `{id}` are replaced in the URL) */
-    this.moreInfoLink = "https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";
-    this.globalDisturbances = [];
-    this.lines = [];
-    this.counter = {
-      [`${DISTURBANCE_GLOBAL}`]: 0,
-      [`${DISTURBANCE_INFORMATION}`]: 0,
-      [`${DISTURBANCE_CONSTRUCTION}`]: 0,
-      [`${DISTURBANCE_NORMAL}`]: 0,
-      [`${DISTURBANCE_EVENT}`]: 0,
-      [`${DISTURBANCE_BUS}`]: 0
-    };
-  }
-  localizationWatcher() {
-    this.collator = new Intl.Collator(this.localization.$locale, {
-      numeric: true
-    });
-  }
-  async apiWatcher(newValue) {
-    if (!newValue) {
-      return;
-    }
-    let apiUrl = this.api.replace(/\{lang\}/, this.localization.$locale);
-    apiUrl = apiUrl + (apiUrl.includes("?") ? "&" : "?") + Date.now();
-    // load data from API
-    const { data } = await axios.get(apiUrl);
-    this.data = data;
-  }
-  async dataWatcher(newValue) {
-    var _a, _b;
-    if (typeof newValue === "string") {
-      this._data = JSON.parse(newValue);
-    }
-    else {
-      this._data = newValue;
-    }
-    const lines = {};
-    (_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 === CHANNEL_TICKER && channel.url)
-        .map(channel => channel.url)
-        .reduce((a, b) => a.concat(b), []);
-      const infoUrl = urls
-        .find(url => url.url.indexOf(CHANNEL_INFO_URL_FILTER) !== -1);
-      if (message.baseType === BASE_TYPE_GLOBAL) {
-        this.counter[DISTURBANCE_GLOBAL]++;
-        this.globalDisturbances.push({
-          id: message.id,
-          head: message.head,
-          category: message.category,
-          baseType: message.baseType,
-          startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),
-          endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
-          altStart: message.altStart,
-          altEnd: message.altEnd,
-          infoUrl: infoUrl
-        });
-      }
-      else {
-        this.counter[message.category]++;
-      }
-      // don't add to lines if no line/product has been linked to
-      // or if it is a information disturbance or global
-      if (message.affectedProduct
-        && message.category !== DISTURBANCE_INFORMATION
-        && message.baseType !== BASE_TYPE_GLOBAL) {
-        message.affectedProduct.forEach(product => {
-          if (typeof lines[product.lineId] === "undefined") {
-            lines[product.lineId] = {
-              line: product.line,
-              name: product.name,
-              category: product.cls,
-              disturbances: [],
-              alert: false
-            };
-          }
-          if (message.category === DISTURBANCE_NORMAL) {
-            lines[product.lineId].alert = true;
-          }
-          lines[product.lineId].disturbances.push({
-            id: message.id,
-            head: message.head,
-            category: message.category,
-            baseType: message.baseType,
-            startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),
-            endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
-            altStart: message.altStart,
-            altEnd: message.altEnd,
-            infoUrl: infoUrl
-          });
-        });
-      }
-    });
-    this.lines = Object.keys(lines)
-      .map(key => lines[key]);
-    // sort by line name
-    this.lines.sort((a, b) => this.collator
-      .compare(a.line, b.line));
-  }
-  async componentWillLoad() {
-    if (!this.localization) {
-      this.localization = await fetchTranslations(this.element, "vbz-ticker");
-      this.localizationWatcher();
-    }
-    if (!this.dateAdapter) {
-      this.dateAdapter = createGlobalAdapter(this.localization.$formats, this.localization.$globals);
-    }
-    if (this.data) {
-      await this.dataWatcher(this.data);
-    }
-    else {
-      await this.apiWatcher(this.api);
-    }
-  }
-  renderDisturbance(disturbance) {
-    return (h("div", { class: {
-        "stzh-vbz-ticker__disturbance": true,
-        [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category
-      } }, disturbance.category === DISTURBANCE_NORMAL
-      || disturbance.baseType === 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" }, disturbance.altStart || this.dateAdapter.format(disturbance.startDate), h("span", { innerHTML: this.localization.$formats.dateRange }), disturbance.altEnd || this.dateAdapter.format(disturbance.endDate)), 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
-    };
-    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[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[DISTURBANCE_GLOBAL] > 0 &&
-      h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "important-warning" }), this.localization.majorEventTitle), this.counter[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.localization.disturbanceTitle), (this.counter[DISTURBANCE_CONSTRUCTION] > 0
-      || this.counter[DISTURBANCE_EVENT] > 0
-      || this.counter[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.othersTitle))), (this.lines.length > 0 || this.counter[DISTURBANCE_GLOBAL] > 0) &&
-      h(Fragment, null, h("div", { class: "stzh-vbz-ticker__description" }, this.counter[DISTURBANCE_GLOBAL] > 0
-        ? this.localization.globalDisturbance
-        : this.localization.affectedLines), h("div", { class: "stzh-vbz-ticker__chips", role: "list" }, this.counter[DISTURBANCE_GLOBAL] > 0 &&
-        h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, h("stzh-vbz-linechip", { global: true }), h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, this.globalDisturbances.map((disturbance) => this.renderDisturbance(disturbance))))), 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" })))));
-  }
-  static get is() { return "stzh-vbz-ticker"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["stzh-vbz-ticker.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["stzh-vbz-ticker.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "api": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "API URL(`{lang}` are replaced in the URL)"
-        },
-        "attribute": "api",
-        "reflect": false,
-        "defaultValue": "\"https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}\""
-      },
-      "data": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Data to pass in directly (alternative for API call)"
-        },
-        "attribute": "data",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "moreInfoLink": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "More info link (`{lang}` and `{id}` are replaced in the URL)"
-        },
-        "attribute": "more-info-link",
-        "reflect": false,
-        "defaultValue": "\"https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}\""
-      },
-      "dateAdapter": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "StzhLocaleAdapter",
-          "resolved": "StzhLocaleAdapter",
-          "references": {
-            "StzhLocaleAdapter": {
-              "location": "import",
-              "path": "../../utils/date-adapter"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Date adapter, for custom parsing/formatting.\r\nMust be object with a `parse` function which accepts a `string` and returns a `Date`,\r\nand a `format` function which accepts a `Date` and returns a `string`."
-        }
-      },
-      "localization": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "StzhVbzTickerLocalizedText",
-          "resolved": "StzhLocaleComponent & { moreInfo: string; noDisturbances: string; globalDisturbance: string; affectedLines: string; constructionSite: string; event: string; disturbance: string; railReplacementBus: string; majorEvent: string; majorEventTitle: string; disturbanceTitle: string; othersTitle: string; }",
-          "references": {
-            "StzhVbzTickerLocalizedText": {
-              "location": "import",
-              "path": "./stzh-vbz-ticker.localization"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Translation strings."
-        }
-      }
-    };
-  }
-  static get elementRef() { return "element"; }
-  static get watchers() {
-    return [{
-        "propName": "localization",
-        "methodName": "localizationWatcher"
-      }, {
-        "propName": "api",
-        "methodName": "apiWatcher"
-      }, {
-        "propName": "data",
-        "methodName": "dataWatcher"
-      }];
-  }
-}
+import { Host, h, Fragment } from "@stencil/core";
+import axios from 'axios';
+import { fetchTranslations } from "../../utils/translation-utils";
+import { createGlobalAdapter } from "../../utils/date-adapter";
+const CHANNEL_TICKER = "ticker";
+const CHANNEL_INFO_URL_FILTER = 'stadt-zuerich.ch/vbz';
+const BASE_TYPE_GLOBAL = "GLOBAL";
+const DISTURBANCE_GLOBAL = "__global__";
+const DISTURBANCE_INFORMATION = "0";
+const DISTURBANCE_CONSTRUCTION = "1";
+const DISTURBANCE_NORMAL = "2";
+const DISTURBANCE_EVENT = "4";
+const DISTURBANCE_BUS = "5";
+/**
+ * @slot link - Optional link to traffic situation
+ */
+export class StzhVbzTicker {
+  constructor() {
+    /** API URL(`{lang}` are replaced in the URL)  */
+    this.api = "https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";
+    /** Data to pass in directly (alternative for API call) */
+    this.data = "";
+    /** More info link (`{lang}` and `{id}` are replaced in the URL) */
+    this.moreInfoLink = "https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}";
+    this.globalDisturbances = [];
+    this.lines = [];
+    this.counter = {
+      [`${DISTURBANCE_GLOBAL}`]: 0,
+      [`${DISTURBANCE_INFORMATION}`]: 0,
+      [`${DISTURBANCE_CONSTRUCTION}`]: 0,
+      [`${DISTURBANCE_NORMAL}`]: 0,
+      [`${DISTURBANCE_EVENT}`]: 0,
+      [`${DISTURBANCE_BUS}`]: 0
+    };
+  }
+  localizationWatcher() {
+    this.collator = new Intl.Collator(this.localization.$locale, {
+      numeric: true
+    });
+  }
+  async apiWatcher(newValue) {
+    if (!newValue) {
+      return;
+    }
+    let apiUrl = this.api.replace(/\{lang\}/, this.localization.$locale);
+    apiUrl = apiUrl + (apiUrl.includes("?") ? "&" : "?") + Date.now();
+    // load data from API
+    const { data } = await axios.get(apiUrl);
+    this.data = data;
+  }
+  async dataWatcher(newValue) {
+    var _a, _b;
+    if (typeof newValue === "string") {
+      this._data = JSON.parse(newValue);
+    }
+    else {
+      this._data = newValue;
+    }
+    const lines = {};
+    (_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 === CHANNEL_TICKER && channel.url)
+        .map(channel => channel.url)
+        .reduce((a, b) => a.concat(b), []);
+      const infoUrl = urls
+        .find(url => url.url.indexOf(CHANNEL_INFO_URL_FILTER) !== -1);
+      if (message.baseType === BASE_TYPE_GLOBAL) {
+        this.counter[DISTURBANCE_GLOBAL]++;
+        this.globalDisturbances.push({
+          id: message.id,
+          head: message.head,
+          category: message.category,
+          baseType: message.baseType,
+          startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),
+          endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
+          altStart: message.altStart,
+          altEnd: message.altEnd,
+          infoUrl: infoUrl
+        });
+      }
+      else {
+        this.counter[message.category]++;
+      }
+      // don't add to lines if no line/product has been linked to
+      // or if it is a information disturbance or global
+      if (message.affectedProduct
+        && message.category !== DISTURBANCE_INFORMATION
+        && message.baseType !== BASE_TYPE_GLOBAL) {
+        message.affectedProduct.forEach(product => {
+          if (typeof lines[product.lineId] === "undefined") {
+            lines[product.lineId] = {
+              line: product.line,
+              name: product.name,
+              category: product.cls,
+              disturbances: [],
+              alert: false
+            };
+          }
+          if (message.category === DISTURBANCE_NORMAL) {
+            lines[product.lineId].alert = true;
+          }
+          lines[product.lineId].disturbances.push({
+            id: message.id,
+            head: message.head,
+            category: message.category,
+            baseType: message.baseType,
+            startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),
+            endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),
+            altStart: message.altStart,
+            altEnd: message.altEnd,
+            infoUrl: infoUrl
+          });
+        });
+      }
+    });
+    this.lines = Object.keys(lines)
+      .map(key => lines[key]);
+    // sort by line name
+    this.lines.sort((a, b) => this.collator
+      .compare(a.line, b.line));
+  }
+  async componentWillLoad() {
+    if (!this.localization) {
+      this.localization = await fetchTranslations(this.element, "vbz-ticker");
+      this.localizationWatcher();
+    }
+    if (!this.dateAdapter) {
+      this.dateAdapter = createGlobalAdapter(this.localization.$formats, this.localization.$globals);
+    }
+    if (this.data) {
+      await this.dataWatcher(this.data);
+    }
+    else {
+      await this.apiWatcher(this.api);
+    }
+  }
+  renderDisturbance(disturbance) {
+    return (h("div", { class: {
+        "stzh-vbz-ticker__disturbance": true,
+        [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category
+      } }, disturbance.category === DISTURBANCE_NORMAL
+      || disturbance.baseType === 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" }, disturbance.altStart || this.dateAdapter.format(disturbance.startDate), h("span", { innerHTML: this.localization.$formats.dateRange }), disturbance.altEnd || this.dateAdapter.format(disturbance.endDate)), 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
+    };
+    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[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[DISTURBANCE_GLOBAL] > 0 &&
+      h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events" }, h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "important-warning" }), this.localization.majorEventTitle), this.counter[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.localization.disturbanceTitle), (this.counter[DISTURBANCE_CONSTRUCTION] > 0
+      || this.counter[DISTURBANCE_EVENT] > 0
+      || this.counter[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.othersTitle))), (this.lines.length > 0 || this.counter[DISTURBANCE_GLOBAL] > 0) &&
+      h(Fragment, null, h("div", { class: "stzh-vbz-ticker__description" }, this.counter[DISTURBANCE_GLOBAL] > 0
+        ? this.localization.globalDisturbance
+        : this.localization.affectedLines), h("div", { class: "stzh-vbz-ticker__chips", role: "list" }, this.counter[DISTURBANCE_GLOBAL] > 0 &&
+        h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, h("stzh-vbz-linechip", { global: true }), h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, this.globalDisturbances.map((disturbance) => this.renderDisturbance(disturbance))))), 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" })))));
+  }
+  static get is() { return "stzh-vbz-ticker"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["stzh-vbz-ticker.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stzh-vbz-ticker.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "api": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "API URL(`{lang}` are replaced in the URL)"
+        },
+        "attribute": "api",
+        "reflect": false,
+        "defaultValue": "\"https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}\""
+      },
+      "data": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Data to pass in directly (alternative for API call)"
+        },
+        "attribute": "data",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
+      "moreInfoLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "More info link (`{lang}` and `{id}` are replaced in the URL)"
+        },
+        "attribute": "more-info-link",
+        "reflect": false,
+        "defaultValue": "\"https://zvv.ch/zvv/{lang}/fahrplan/vl.html?himIds={id}\""
+      },
+      "dateAdapter": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "StzhLocaleAdapter",
+          "resolved": "StzhLocaleAdapter",
+          "references": {
+            "StzhLocaleAdapter": {
+              "location": "import",
+              "path": "../../utils/date-adapter"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Date adapter, for custom parsing/formatting.\nMust be object with a `parse` function which accepts a `string` and returns a `Date`,\nand a `format` function which accepts a `Date` and returns a `string`."
+        }
+      },
+      "localization": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "StzhVbzTickerLocalizedText",
+          "resolved": "StzhLocaleComponent & { moreInfo: string; noDisturbances: string; globalDisturbance: string; affectedLines: string; constructionSite: string; event: string; disturbance: string; railReplacementBus: string; majorEvent: string; majorEventTitle: string; disturbanceTitle: string; othersTitle: string; }",
+          "references": {
+            "StzhVbzTickerLocalizedText": {
+              "location": "import",
+              "path": "./stzh-vbz-ticker.localization"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Translation strings."
+        }
+      }
+    };
+  }
+  static get elementRef() { return "element"; }
+  static get watchers() {
+    return [{
+        "propName": "localization",
+        "methodName": "localizationWatcher"
+      }, {
+        "propName": "api",
+        "methodName": "apiWatcher"
+      }, {
+        "propName": "data",
+        "methodName": "dataWatcher"
+      }];
+  }
+}

package/dist/collection/components/stzh-vbz-ticker/stzh-vbz-ticker.localization.js

@@ -1 +1 @@
-export {};
+export {};