@oiz/stzh-components 0.0.1-pretest → 1.4.0-npmjstest

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

@@ -4,180 +4,180 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ac9bdc7f.js');
 const index$1 = require('./index-8bd1552a.js');
-const translationUtils = require('./translation-utils-2dbbce94.js');
-const dateAdapter = require('./date-adapter-2ffd8eaf.js');
+const translationUtils = require('./translation-utils-73073e44.js');
+const dateAdapter = require('./date-adapter-2a78f6f8.js');
 
 const stzhVbzTickerCss = ".sc-stzh-vbz-ticker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-ticker-h{display:none}.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{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-vbz-ticker.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 1024px){.stzh-vbz-ticker.sc-stzh-vbz-ticker{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;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:normal;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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 1024px){.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-xxxsmall) / -1) 0}.stzh-vbz-ticker__title-part.sc-stzh-vbz-ticker{display:-ms-flexbox;display:flex;-ms-flex-align:center;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-truegreen)}.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-error)}.stzh-vbz-ticker__description.sc-stzh-vbz-ticker{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-vbz-ticker__description.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1024px){.stzh-vbz-ticker__description.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-vbz-ticker__description.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-large)}}.stzh-vbz-ticker__link.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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-small) - 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:-ms-flexbox;display:flex;-ms-flex-align:start;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--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-title.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type0.sc-stzh-vbz-ticker .stzh-vbz-ticker__disturbance-icon.sc-stzh-vbz-ticker,.stzh-vbz-ticker__disturbance--type2.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-icon.sc-stzh-vbz-ticker{color:var(--stzh-color-error)}.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:normal;display:-ms-flexbox;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:normal}.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 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";
-const StzhVbzTicker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** 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 index$1.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 translationUtils.fetchTranslations(this.element, "vbz-ticker");
-      this.localizationWatcher();
-    }
-    if (!this.dateAdapter) {
-      this.dateAdapter = 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 (index.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
-      ?
-        index.h("stzh-icon", { name: "warning-big", class: "stzh-vbz-ticker__disturbance-icon" })
-      :
-        index.h("stzh-icon", { name: "construction", class: "stzh-vbz-ticker__disturbance-icon" }), index.h("div", { class: "stzh-vbz-ticker__disturbance-text" }, index.h("div", { class: "stzh-vbz-ticker__disturbance-title" }, disturbance.head), index.h("div", { class: "stzh-vbz-ticker__disturbance-date" }, disturbance.altStart || this.dateAdapter.format(disturbance.startDate), index.h("span", { innerHTML: this.localization.$formats.dateRange }), disturbance.altEnd || this.dateAdapter.format(disturbance.endDate)), disturbance.infoUrl ?
-      index.h("stzh-link", { class: "stzh-vbz-ticker__disturbance-link", size: "small", href: disturbance.infoUrl.url }, this.localization.moreInfo)
-      :
-        index.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 (index.h(index.Host, null, index.h("div", { class: classes }, index.h("div", { class: "stzh-vbz-ticker__text" }, index.h("div", { class: "stzh-vbz-ticker__title" }, index.h("div", { class: "stzh-vbz-ticker__title-parts" }, this.lines.length === 0 && this.counter[DISTURBANCE_GLOBAL] === 0 &&
-      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances" }, index.h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "checkmark-circle" }), this.localization.noDisturbances), this.counter[DISTURBANCE_GLOBAL] > 0 &&
-      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events" }, index.h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "important-warning" }), this.localization.majorEventTitle), this.counter[DISTURBANCE_NORMAL] > 0 &&
-      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, index.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) &&
-      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, index.h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.othersTitle))), (this.lines.length > 0 || this.counter[DISTURBANCE_GLOBAL] > 0) &&
-      index.h(index.Fragment, null, index.h("div", { class: "stzh-vbz-ticker__description" }, this.counter[DISTURBANCE_GLOBAL] > 0
-        ? this.localization.globalDisturbance
-        : this.localization.affectedLines), index.h("div", { class: "stzh-vbz-ticker__chips", role: "list" }, this.counter[DISTURBANCE_GLOBAL] > 0 &&
-        index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { global: true }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, this.globalDisturbances.map((disturbance) => this.renderDisturbance(disturbance))))), this.lines.map((line) => index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map((disturbance) => this.renderDisturbance(disturbance))))))))), index.h("div", { class: "stzh-vbz-ticker__link" }, index.h("slot", { name: "link" })))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "localization": ["localizationWatcher"],
-    "api": ["apiWatcher"],
-    "data": ["dataWatcher"]
-  }; }
-};
+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";
+const StzhVbzTicker = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** 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 index$1.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 translationUtils.fetchTranslations(this.element, "vbz-ticker");
+      this.localizationWatcher();
+    }
+    if (!this.dateAdapter) {
+      this.dateAdapter = 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 (index.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
+      ?
+        index.h("stzh-icon", { name: "warning-big", class: "stzh-vbz-ticker__disturbance-icon" })
+      :
+        index.h("stzh-icon", { name: "construction", class: "stzh-vbz-ticker__disturbance-icon" }), index.h("div", { class: "stzh-vbz-ticker__disturbance-text" }, index.h("div", { class: "stzh-vbz-ticker__disturbance-title" }, disturbance.head), index.h("div", { class: "stzh-vbz-ticker__disturbance-date" }, disturbance.altStart || this.dateAdapter.format(disturbance.startDate), index.h("span", { innerHTML: this.localization.$formats.dateRange }), disturbance.altEnd || this.dateAdapter.format(disturbance.endDate)), disturbance.infoUrl ?
+      index.h("stzh-link", { class: "stzh-vbz-ticker__disturbance-link", size: "small", href: disturbance.infoUrl.url }, this.localization.moreInfo)
+      :
+        index.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 (index.h(index.Host, null, index.h("div", { class: classes }, index.h("div", { class: "stzh-vbz-ticker__text" }, index.h("div", { class: "stzh-vbz-ticker__title" }, index.h("div", { class: "stzh-vbz-ticker__title-parts" }, this.lines.length === 0 && this.counter[DISTURBANCE_GLOBAL] === 0 &&
+      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances" }, index.h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "checkmark-circle" }), this.localization.noDisturbances), this.counter[DISTURBANCE_GLOBAL] > 0 &&
+      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events" }, index.h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "important-warning" }), this.localization.majorEventTitle), this.counter[DISTURBANCE_NORMAL] > 0 &&
+      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, index.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) &&
+      index.h("div", { class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, index.h("stzh-icon", { class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.othersTitle))), (this.lines.length > 0 || this.counter[DISTURBANCE_GLOBAL] > 0) &&
+      index.h(index.Fragment, null, index.h("div", { class: "stzh-vbz-ticker__description" }, this.counter[DISTURBANCE_GLOBAL] > 0
+        ? this.localization.globalDisturbance
+        : this.localization.affectedLines), index.h("div", { class: "stzh-vbz-ticker__chips", role: "list" }, this.counter[DISTURBANCE_GLOBAL] > 0 &&
+        index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { global: true }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, this.globalDisturbances.map((disturbance) => this.renderDisturbance(disturbance))))), this.lines.map((line) => index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map((disturbance) => this.renderDisturbance(disturbance))))))))), index.h("div", { class: "stzh-vbz-ticker__link" }, index.h("slot", { name: "link" })))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "localization": ["localizationWatcher"],
+    "api": ["apiWatcher"],
+    "data": ["dataWatcher"]
+  }; }
+};
 StzhVbzTicker.style = stzhVbzTickerCss;
 
 exports.stzh_vbz_ticker = StzhVbzTicker;

package/dist/cjs/stzh-visuallyhidden.cjs.entry.js

@@ -6,16 +6,16 @@ const index = require('./index-ac9bdc7f.js');
 
 const stzhVisuallyhiddenCss = ".sc-stzh-visuallyhidden-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";
 
-const StzhVisuallyhidden = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: {
-        "stzh-visuallyhidden": true
-      } }, index.h("slot", null))));
-  }
-};
+const StzhVisuallyhidden = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: {
+        "stzh-visuallyhidden": true
+      } }, index.h("slot", null))));
+  }
+};
 StzhVisuallyhidden.style = stzhVisuallyhiddenCss;
 
 exports.stzh_visuallyhidden = StzhVisuallyhidden;

package/dist/cjs/stzh-vspace.cjs.entry.js

@@ -6,36 +6,36 @@ const index = require('./index-ac9bdc7f.js');
 
 const stzhVspaceCss = ".sc-stzh-vspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-vspace-h{display:none}.sc-stzh-vspace-h *.sc-stzh-vspace,.sc-stzh-vspace-h *.sc-stzh-vspace::before,.sc-stzh-vspace-h *.sc-stzh-vspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-vspace-h{--space:var(--stzh-space-default);--around:0}.sc-stzh-vspace-h .sc-stzh-vspace-s>*{max-width:100%;padding-top:calc(var(--space) * var(--around));padding-bottom:calc(var(--space) * var(--around));margin:0}.sc-stzh-vspace-h .sc-stzh-vspace-s>*:not(:last-child){margin-bottom:calc(var(--space) * (1 - var(--around)))}.sc-stzh-vspace-h .sc-stzh-vspace-s>stzh-vspace,.sc-stzh-vspace-h .sc-stzh-vspace-s>stzh-hspace,.sc-stzh-vspace-h .sc-stzh-vspace-s>stzh-row,.sc-stzh-vspace-h .sc-stzh-vspace-s>stzh-container,.sc-stzh-vspace-h .sc-stzh-vspace-s>stzh-section{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}[around].sc-stzh-vspace-h{--around:1}[curve=tiny].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){[curve=tiny].sc-stzh-vspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){[curve=tiny].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){[curve=tiny].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}[curve=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){[curve=small].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}[curve=regular].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){[curve=regular].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){[curve=regular].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}[curve=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}@media screen and (min-width: 600px){[curve=medium].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){[curve=medium].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){[curve=medium].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}[curve=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}@media screen and (min-width: 600px){[curve=large].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){[curve=large].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){[curve=large].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}[curve=big].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){[curve=big].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){[curve=big].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}[curve=huge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){[curve=huge].sc-stzh-vspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){[curve=huge].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){[curve=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}}[size=xxxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxxsmall)}[size=xxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxsmall)}[size=xsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}[size=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}[size=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}[size=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}[size=xlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}[size=xxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}[size=xxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}[size=xxxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}[size=big].sc-stzh-vspace-h{--space:var(--stzh-space-big)}[size=xbig].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}[size=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}[size=xhuge].sc-stzh-vspace-h{--space:var(--stzh-space-xhuge)}[size=none].sc-stzh-vspace-h{--space:var(--stzh-space-none)}[size=default].sc-stzh-vspace-h{--space:var(--stzh-space-default)}@media screen and (min-width: 600px){[size-small=xxxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){[size-small=xxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){[size-small=xsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){[size-small=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){[size-small=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){[size-small=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){[size-small=xlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){[size-small=xxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){[size-small=xxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){[size-small=xxxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){[size-small=big].sc-stzh-vspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){[size-small=xbig].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){[size-small=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){[size-small=xhuge].sc-stzh-vspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){[size-small=none].sc-stzh-vspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){[size-small=default].sc-stzh-vspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){[size-smallheader=xxxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){[size-smallheader=xxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){[size-smallheader=xsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){[size-smallheader=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){[size-smallheader=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){[size-smallheader=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){[size-smallheader=xlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){[size-smallheader=big].sc-stzh-vspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){[size-smallheader=xbig].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){[size-smallheader=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){[size-smallheader=xhuge].sc-stzh-vspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){[size-smallheader=none].sc-stzh-vspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){[size-smallheader=default].sc-stzh-vspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){[size-medium=xxxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){[size-medium=xxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){[size-medium=xsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){[size-medium=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){[size-medium=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){[size-medium=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){[size-medium=xlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){[size-medium=xxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){[size-medium=xxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){[size-medium=xxxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){[size-medium=big].sc-stzh-vspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){[size-medium=xbig].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){[size-medium=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){[size-medium=xhuge].sc-stzh-vspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){[size-medium=none].sc-stzh-vspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){[size-medium=default].sc-stzh-vspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){[size-large=xxxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){[size-large=xxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){[size-large=xsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){[size-large=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[size-large=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){[size-large=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){[size-large=xlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){[size-large=xxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){[size-large=xxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){[size-large=xxxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){[size-large=big].sc-stzh-vspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){[size-large=xbig].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){[size-large=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){[size-large=xhuge].sc-stzh-vspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){[size-large=none].sc-stzh-vspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){[size-large=default].sc-stzh-vspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){[size-ultra=xxxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){[size-ultra=xxsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){[size-ultra=xsmall].sc-stzh-vspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){[size-ultra=small].sc-stzh-vspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){[size-ultra=medium].sc-stzh-vspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[size-ultra=large].sc-stzh-vspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){[size-ultra=xlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxxxlarge].sc-stzh-vspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){[size-ultra=big].sc-stzh-vspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){[size-ultra=xbig].sc-stzh-vspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){[size-ultra=huge].sc-stzh-vspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){[size-ultra=xhuge].sc-stzh-vspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){[size-ultra=none].sc-stzh-vspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){[size-ultra=default].sc-stzh-vspace-h{--space:var(--stzh-space-default)}}.stzh-vspace.sc-stzh-vspace{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0}.stzh-vspace.sc-stzh-vspace:empty{height:var(--space)}.stzh-vspace--border-top.sc-stzh-vspace{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom.sc-stzh-vspace{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center.sc-stzh-vspace{-ms-flex-pack:center;justify-content:center}.stzh-vspace--justify-end.sc-stzh-vspace{-ms-flex-pack:end;justify-content:flex-end}.stzh-vspace--justify-between.sc-stzh-vspace{-ms-flex-pack:justify;justify-content:space-between}.stzh-vspace--justify-around.sc-stzh-vspace{-ms-flex-pack:distribute;justify-content:space-around}.stzh-vspace--justify-evenly.sc-stzh-vspace{-ms-flex-pack:space-evenly;justify-content:space-evenly}";
 
-const StzhVspace = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** Type of curve */
-    this.curve = "none";
-    /** Type of size */
-    this.size = "inherit";
-    /** Type of size above small breakpoint  */
-    this.sizeSmall = "inherit";
-    /** Type of size above medium breakpoint  */
-    this.sizeMedium = "inherit";
-    /** Type of size above large breakpoint  */
-    this.sizeLarge = "inherit";
-    /** Type of size above ultra breakpoint  */
-    this.sizeUltra = "inherit";
-    /** Alignment */
-    this.justify = "start";
-    /** Apply spacing to slotted elements */
-    this.around = false;
-    /** Add border */
-    this.border = "none";
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: {
-        "stzh-vspace": true,
-        [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
-        [`stzh-vspace--border-${this.border}`]: !!this.border
-      } }, index.h("slot", null))));
-  }
-};
+const StzhVspace = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** Type of curve */
+    this.curve = "none";
+    /** Type of size */
+    this.size = "inherit";
+    /** Type of size above small breakpoint  */
+    this.sizeSmall = "inherit";
+    /** Type of size above medium breakpoint  */
+    this.sizeMedium = "inherit";
+    /** Type of size above large breakpoint  */
+    this.sizeLarge = "inherit";
+    /** Type of size above ultra breakpoint  */
+    this.sizeUltra = "inherit";
+    /** Alignment */
+    this.justify = "start";
+    /** Apply spacing to slotted elements */
+    this.around = false;
+    /** Add border */
+    this.border = "none";
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: {
+        "stzh-vspace": true,
+        [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
+        [`stzh-vspace--border-${this.border}`]: !!this.border
+      } }, index.h("slot", null))));
+  }
+};
 StzhVspace.style = stzhVspaceCss;
 
 exports.stzh_vspace = StzhVspace;

package/dist/cjs/{translation-utils-2dbbce94.js → translation-utils-73073e44.js}

@@ -1,59 +1,59 @@
 'use strict';
 
-const LANG_DE = "de";
-const LANG_EN = "en";
-const LANG_DEFAULT = LANG_DE;
-const SUPPORTED_LANGUAGES = [
-  LANG_DE,
-  LANG_EN
-];
-function getLocale(element) {
-  const closestElement = element.closest("[lang]");
-  const locale = closestElement && closestElement.lang.split("-")[0];
-  if (SUPPORTED_LANGUAGES.indexOf(locale) === -1 || !locale) {
-    return LANG_DEFAULT;
-  }
-  else {
-    return locale;
-  }
-}
-function tc(translation, count) {
-  if (!translation) {
-    return "";
-  }
-  const parts = translation.split('|');
-  let part = parts[0].trim();
-  if (parts.length === 3 && count === 1) {
-    part = parts[1].trim();
-  }
-  else if (parts.length === 3 && count > 1) {
-    part = parts[2].trim();
-  }
-  if (parts.length === 2 && count !== 1) {
-    part = parts[1].trim();
-  }
-  return part.replace(/\{n\}/ig, count.toString());
-}
-async function fetchTranslations(host, component) {
-  const locale = getLocale(host);
-  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));
-  if (window.stzhComponents.cacheTranslations
-    && window.stzhComponents.version.match(/-dev-snapshot/i) === null
-    && existingTranslations
-    && Object.keys(existingTranslations).length > 0) {
-    return Object.assign(Object.assign({}, existingTranslations[component] || {}), { $globals: existingTranslations.$globals, $locale: existingTranslations.$code, $formats: existingTranslations.$formats });
-  }
-  try {
-    const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);
-    if (result.ok) {
-      const data = await result.json();
-      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));
-      return Object.assign(Object.assign({}, data[component] || {}), { $globals: data.$globals, $locale: data.$code, $formats: data.$formats });
-    }
-  }
-  catch (exception) {
-    console.error(`Error loading locale: ${locale}`, exception);
-  }
+const LANG_DE = "de";
+const LANG_EN = "en";
+const LANG_DEFAULT = LANG_DE;
+const SUPPORTED_LANGUAGES = [
+  LANG_DE,
+  LANG_EN
+];
+function getLocale(element) {
+  const closestElement = element.closest("[lang]");
+  const locale = closestElement && closestElement.lang.split("-")[0];
+  if (SUPPORTED_LANGUAGES.indexOf(locale) === -1 || !locale) {
+    return LANG_DEFAULT;
+  }
+  else {
+    return locale;
+  }
+}
+function tc(translation, count) {
+  if (!translation) {
+    return "";
+  }
+  const parts = translation.split('|');
+  let part = parts[0].trim();
+  if (parts.length === 3 && count === 1) {
+    part = parts[1].trim();
+  }
+  else if (parts.length === 3 && count > 1) {
+    part = parts[2].trim();
+  }
+  if (parts.length === 2 && count !== 1) {
+    part = parts[1].trim();
+  }
+  return part.replace(/\{n\}/ig, count.toString());
+}
+async function fetchTranslations(host, component) {
+  const locale = getLocale(host);
+  const existingTranslations = JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`));
+  if (window.stzhComponents.cacheTranslations
+    && window.stzhComponents.version.match(/-dev-snapshot/i) === null
+    && existingTranslations
+    && Object.keys(existingTranslations).length > 0) {
+    return Object.assign(Object.assign({}, existingTranslations[component] || {}), { $globals: existingTranslations.$globals, $locale: existingTranslations.$code, $formats: existingTranslations.$formats });
+  }
+  try {
+    const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);
+    if (result.ok) {
+      const data = await result.json();
+      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));
+      return Object.assign(Object.assign({}, data[component] || {}), { $globals: data.$globals, $locale: data.$code, $formats: data.$formats });
+    }
+  }
+  catch (exception) {
+    console.error(`Error loading locale: ${locale}`, exception);
+  }
 }
 
 exports.fetchTranslations = fetchTranslations;