@oiz/stzh-components 3.1.0 → 3.2.0-beta1

package/dist/collection/components/stzh-vbz-majorticker/stzh-vbz-majorticker.stories.js

@@ -4,6 +4,7 @@ import readme from './readme.md?raw';
 import { withDesign } from 'storybook-addon-designs';
 // import { getFigmaLink } from '../../../figma';
 import TestResponse from './test-response.json';
+import { getFigmaLink } from '../../../figma';
 
 const COMPONENT_NAME = 'stzh-vbz-majorticker';
 const story = createComponentStory(COMPONENT_NAME);
@@ -25,16 +26,13 @@ export default {
         component: readme
       }
     },
-    // design: {
-    //   type: 'figma',
-    //   url: getFigmaLink('vbz-majorticker'),
-    //   allowFullscreen: true
-    // }
+    design: {
+      type: 'figma',
+      url: getFigmaLink('vbz_majorticker', 'EgegIml8Pz4neEpF8KLaDF'),
+      allowFullscreen: true
+    }
   },
-  decorators: [
-    withActions,
-    withDesign
-  ]
+  decorators: [withActions, withDesign]
 };
 
 export const Local = {
@@ -56,6 +54,6 @@ export const Integration = {
 export const Production = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    'ghettobox-close-time-key': '',
+    'ghettobox-close-time-key': ''
   }
 };

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

@@ -173,6 +173,11 @@
     align-items: flex-start;
   }
 }
+.stzh-vbz-ticker__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--stzh-space-xsmall);
+}
 .stzh-vbz-ticker__icon {
   --size: var(--stzh-icon-size-small);
   margin-right: var(--stzh-space-xsmall);
@@ -204,40 +209,21 @@
   align-items: center;
   white-space: nowrap;
   margin: var(--stzh-space-xxxsmall) 0;
+  color: var(--stzh-color-grey90);
 }
 .stzh-vbz-ticker__title-part:not(:last-child) {
   margin-right: var(--stzh-space-large);
 }
-.stzh-vbz-ticker__title-part--no-disturbances {
-  color: var(--stzh-color-firgreen50);
-}
 .stzh-vbz-ticker__title-part--major-events {
   color: var(--stzh-color-coral);
 }
 .stzh-vbz-ticker__title-part--disturbances {
   color: var(--stzh-color-error60);
 }
-.stzh-vbz-ticker__link {
-  margin-top: var(--stzh-space-small);
-}
-@media screen and (min-width: 900px) {
-  .stzh-vbz-ticker__link {
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin-top: 0;
-  }
-}
 .stzh-vbz-ticker__chips {
   display: flex;
   flex-wrap: wrap;
-}
-.stzh-vbz-ticker__chips:not(:empty) {
-  margin: calc(var(--stzh-space-xxsmall) * -1);
-  margin-top: calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));
-}
-.stzh-vbz-ticker__chip {
-  margin: var(--stzh-space-xxsmall);
+  gap: 0 var(--stzh-space-xsmall);
 }
 .stzh-vbz-ticker__tooltip {
   --width: 20.875rem;
@@ -253,8 +239,18 @@
   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 {
+  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 .stzh-vbz-ticker__disturbance-title, .stzh-vbz-ticker__disturbance--type2 .stzh-vbz-ticker__disturbance-title {
   font-family: var(--stzh-font-family-heavy);
   font-weight: var(--stzh-font-weight-heavy);

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

@@ -1,4 +1,4 @@
-import { Host, h, Fragment } from "@stencil/core";
+import { Fragment, h, Host } from "@stencil/core";
 import axios from "axios";
 import { VBZ } from "../../index";
 /**
@@ -7,14 +7,15 @@ import { VBZ } from "../../index";
 export class StzhVbzTicker {
   constructor() {
     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 = "";
@@ -24,7 +25,7 @@ export class StzhVbzTicker {
   }
   localizationWatcher() {
     this.collator = new Intl.Collator(this.localization.$locale, {
-      numeric: true
+      numeric: true,
     });
   }
   async apiWatcher(newValue) {
@@ -50,14 +51,13 @@ export class StzhVbzTicker {
     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({
@@ -69,35 +69,35 @@ export class StzhVbzTicker {
           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,
@@ -106,17 +106,21 @@ export class StzhVbzTicker {
               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) {
@@ -134,31 +138,16 @@ export class StzhVbzTicker {
   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" }))))));
   }
   static get is() { return "stzh-vbz-ticker"; }
   static get encapsulation() { return "scoped"; }
@@ -254,7 +243,7 @@ export class StzhVbzTicker {
         "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; furtherDisturbanceTitle: string; constructionsTitle: string; }",
+          "resolved": "StzhLocaleComponent & { moreInfo: string; noDisturbances: string; globalDisturbance: string; affectedLines: string; constructionSite: string; event: string; disturbance: string; railReplacementBus: string; majorEvent: string; majorEventTitle: string; disturbancesTitle: string; constructionsTitle: string; }",
           "references": {
             "StzhVbzTickerLocalizedText": {
               "location": "import",

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-vbz-ticker.js","sourceRoot":"","sources":["../../../../src/components/stzh-vbz-ticker/stzh-vbz-ticker.tsx"],"names":[],"mappings":"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","sourcesContent":["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,"file":"stzh-vbz-ticker.js","sourceRoot":"","sources":["../../../../src/components/stzh-vbz-ticker/stzh-vbz-ticker.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-vbz-ticker.localization.js","sourceRoot":"","sources":["../../../../src/components/stzh-vbz-ticker/stzh-vbz-ticker.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nexport type StzhVbzTickerLocalizedText = StzhLocaleComponent & {\n  moreInfo: string\n  noDisturbances: string\n  globalDisturbance: string\n  affectedLines: string\n  constructionSite: string\n  event: string\n  disturbance: string\n  railReplacementBus: string\n  majorEvent: string\n  majorEventTitle: string\n  disturbanceTitle: string\n  furtherDisturbanceTitle: string\n  constructionsTitle: string\n}\n"]}
+{"version":3,"file":"stzh-vbz-ticker.localization.js","sourceRoot":"","sources":["../../../../src/components/stzh-vbz-ticker/stzh-vbz-ticker.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nexport type StzhVbzTickerLocalizedText = StzhLocaleComponent & {\n  moreInfo: string;\n  noDisturbances: string;\n  globalDisturbance: string;\n  affectedLines: string;\n  constructionSite: string;\n  event: string;\n  disturbance: string;\n  railReplacementBus: string;\n  majorEvent: string;\n  majorEventTitle: string;\n  disturbancesTitle: string;\n  constructionsTitle: string;\n};\n"]}

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

@@ -4,6 +4,7 @@ import readme from './readme.md?raw';
 import { withDesign } from 'storybook-addon-designs';
 // import { getFigmaLink } from '../../../figma';
 import TestResponse from './test-response.json';
+import { getFigmaLink } from '../../../figma';
 
 const COMPONENT_NAME = 'stzh-vbz-ticker';
 const story = createComponentStory(COMPONENT_NAME);
@@ -29,16 +30,13 @@ export default {
         component: readme
       }
     },
-    // design: {
-    //   type: 'figma',
-    //   url: getFigmaLink('vbz-ticker'),
-    //   allowFullscreen: true
-    // }
+    design: {
+      type: 'figma',
+      url: getFigmaLink('vbz_ticker', 'EgegIml8Pz4neEpF8KLaDF'),
+      allowFullscreen: true
+    }
   },
-  decorators: [
-    withActions,
-    withDesign
-  ]
+  decorators: [withActions, withDesign]
 };
 
 export const Local = {
@@ -46,16 +44,16 @@ export const Local = {
   args: {
     data: TestResponse
   }
-}
+};
 
 export const Integration = {
   render: (args) => story(args, TEMPLATE),
   args: {
-    api: "https://fpbe-int.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}"
+    api: 'https://fpbe-int.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}'
   }
 };
 
 export const Production = {
   render: (args) => story(args, TEMPLATE),
   args: {}
-}
+};