@oiz/stzh-components 0.0.0-pretest

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

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ac9bdc7f.js');
+const index$1 = require('./index-8bd1552a.js');
+const stringUtils = require('./string-utils-223b03e2.js');
+const translationUtils = require('./translation-utils-2dbbce94.js');
+const dateAdapter = require('./date-adapter-2ffd8eaf.js');
+
+const stzhVbzMajortickerCss = ".sc-stzh-vbz-majorticker-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-majorticker-h{display:none}.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::before,.sc-stzh-vbz-majorticker-h *.sc-stzh-vbz-majorticker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-vbz-majorticker__ghettobox.sc-stzh-vbz-majorticker{--background-color:var(--stzh-color-coral);--stzh-base-invert-color:var(--stzh-color-black)}";
+
+const DISTURBANCE_INFORMATION = "0";
+const BASE_TYPE_GLOBAL = "GLOBAL";
+const CHANNEL_TICKER = "ticker";
+const CHANNEL_INFO_URL_FILTER = 'stadt-zuerich.ch/vbz';
+const StzhVbzMajorticker = 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}";
+    /** Whether ghettobox is shown (not closed before) */
+    this.ghettoboxShown = true;
+    this.onGhettoboxOpen = () => {
+      this.ghettoboxShown = true;
+    };
+    this.onGhettoboxClose = () => {
+      this.ghettoboxShown = false;
+    };
+  }
+  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 bigDisturbance = (_b = (_a = this._data) === null || _a === void 0 ? void 0 : _a.Message) === null || _b === void 0 ? void 0 : _b.find(message => message.category === DISTURBANCE_INFORMATION && message.baseType === BASE_TYPE_GLOBAL);
+    if (bigDisturbance) {
+      const urls = bigDisturbance.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);
+      this.disturbance = {
+        id: bigDisturbance.id,
+        head: bigDisturbance.head,
+        text: stringUtils.createParagraphsFromBrs(bigDisturbance.text),
+        startDate: new Date(`${bigDisturbance.sDate}T${bigDisturbance.sTime}+02:00`),
+        endDate: new Date(`${bigDisturbance.eDate}T${bigDisturbance.eTime}+02:00`),
+        altStart: bigDisturbance.altStart,
+        altEnd: bigDisturbance.altEnd,
+        infoUrl: infoUrl
+      };
+    }
+  }
+  async componentWillLoad() {
+    if (!this.localization) {
+      this.localization = await translationUtils.fetchTranslations(this.element, "vbz-majorticker");
+    }
+    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);
+    }
+  }
+  render() {
+    const classes = {
+      "stzh-vbz-majorticker": true
+    };
+    return (index.h(index.Host, { hidden: !this.disturbance || !this.ghettoboxShown }, index.h("div", { class: classes }, this.disturbance &&
+      index.h("stzh-ghettobox", { onStzhOpen: this.onGhettoboxOpen, onStzhClose: this.onGhettoboxClose, class: "stzh-vbz-majorticker__ghettobox", closeTimeKey: this.ghettoboxCloseTimeKey, mainTitle: this.disturbance.head, publishDate: this.disturbance.startDate }, index.h("stzh-richtext", { innerHTML: this.disturbance.text }), this.disturbance.infoUrl ?
+        index.h("stzh-button", { slot: "button", href: this.disturbance.infoUrl.url }, this.disturbance.infoUrl.name)
+        :
+          index.h("stzh-button", { slot: "button", target: "_blank", href: this.moreInfoLink
+              .replace(/\{lang\}/, this.localization.$locale)
+              .replace(/\{id\}/, this.disturbance.id) }, this.localization.moreInfo)))));
+  }
+  get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "api": ["apiWatcher"],
+    "data": ["dataWatcher"]
+  }; }
+};
+StzhVbzMajorticker.style = stzhVbzMajortickerCss;
+
+exports.stzh_vbz_majorticker = StzhVbzMajorticker;

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

@@ -0,0 +1,183 @@
+'use strict';
+
+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 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"]
+  }; }
+};
+StzhVbzTicker.style = stzhVbzTickerCss;
+
+exports.stzh_vbz_ticker = StzhVbzTicker;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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))));
+  }
+};
+StzhVisuallyhidden.style = stzhVisuallyhiddenCss;
+
+exports.stzh_visuallyhidden = StzhVisuallyhidden;

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

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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))));
+  }
+};
+StzhVspace.style = stzhVspaceCss;
+
+exports.stzh_vspace = StzhVspace;

package/dist/cjs/translation-utils-2dbbce94.js

@@ -0,0 +1,60 @@
+'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);
+  }
+}
+
+exports.fetchTranslations = fetchTranslations;
+exports.tc = tc;

package/dist/cjs/utils-e84f4a8d.js

@@ -0,0 +1,36 @@
+'use strict';
+
+// IMPORTANT: Don't use this to check for a default slot when shadow DOM is not used
+// https://github.com/shoelace-style/shoelace/blob/9f7bc29b5f13eda1beb1d4f9c952894a21e13322/src/components/card/card.tsx
+// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
+// slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
+//
+function hasSlot(el, name) {
+  // Look for a named slot
+  if (name) {
+    return el.querySelector(`[slot="${name}"]`) !== null;
+  }
+  // Look for a default slot
+  return Array.from(el.childNodes).some(node => {
+    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
+      return true;
+    }
+    if (node.nodeType === node.ELEMENT_NODE) {
+      const el = node;
+      if (!el.hasAttribute('slot')) {
+        return true;
+      }
+    }
+    return false;
+  });
+}
+function setPropsIfNull(element, attributes) {
+  Object.keys(attributes).forEach(attribute => {
+    if (element.getAttribute(attribute) === null) {
+      element[attribute] = attributes[attribute];
+    }
+  });
+}
+
+exports.hasSlot = hasSlot;
+exports.setPropsIfNull = setPropsIfNull;

package/dist/collection/assets/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/assets/favicons/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/dist/collection/assets/favicons/safari-pinned-tab.svg

@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="533.333" height="533.333" viewBox="0 0 400.000000 400.000000"><path d="M103.8 100.8c-1 .2-1.8.9-1.8 1.6 0 .7-2 2.1-4.4 3-4.9 1.9-11 8-13.2 13.2-.8 1.8-1.4 6.4-1.4 10.1 0 10.7 3 15 18.5 26.3 6.9 5.1 12.5 9.5 12.5 9.8 0 2.1-9.5 36.2-10 36.2-.4 0-1.5-1.2-2.5-2.6-1.6-2.5-1.6-3.1 1.6-15 2.9-11.1 3.1-12.8 2-16.4-2.8-9.5-17-10.8-21.6-2-3.4 6.5-1.3 14.8 6.6 26l4.1 5.8-1.3 5.6c-1.1 5.1-1.5 5.6-3.9 5.6-3.3 0-6 2.8-6 6.3 0 3.4 2.4 5.7 6 5.7 3.2 0 5.3-2.4 6.4-7.5.4-1.7 1.2-4.7 1.7-6.9l1-3.8 2.4 3.2c1.9 2.5 2.1 3.7 1.5 6.3-.5 1.8-3.2 12-6 22.7-5.6 21.2-5.8 24.5-1.3 28 4.9 3.8 12.1 2 14.8-3.7 1.5-3.1 1.5-3.9.3-7.2-1.4-3.6-1.4-3.7 3.5-11.6 2.7-4.4 5.1-8.1 5.2-8.3.2-.2 4.9 6.2 10.5 14.2 5.6 8 11.3 15.5 12.7 16.6 6 4.7 15.3.2 15.3-7.3 0-4.4-4-9.4-7.8-9.9-2.5-.3-3.1-1.4-9.9-20.8-7.5-21-9.8-25-14.4-25-1 0-1.9-.4-1.9-.9 0-1.2 8.7-20.1 9.3-20.1.2 0 3.7 2.5 7.7 5.5 4.9 3.6 8.3 5.5 10.2 5.5 2 0 2.8.5 2.8 1.7 0 1 .9 10.5 2 21.2 2.2 22.2 4 27.6 12.3 36.7 18.4 20.4 47 20.4 65.4 0 8.3-9.1 10.1-14.5 12.3-36.7 1.1-10.7 2-20.2 2-21.2 0-1.2.8-1.7 2.8-1.7 1.9 0 5.3-1.9 10.2-5.5 4-3 7.5-5.5 7.7-5.5.6 0 9.3 18.9 9.3 20.1 0 .5-.9.9-1.9.9-4.6 0-6.9 4-14.4 25-6.8 19.4-7.4 20.5-9.9 20.8-3.8.5-7.8 5.5-7.8 9.9 0 7.5 9.3 12 15.3 7.3 1.4-1.1 7.1-8.6 12.7-16.6 5.6-8 10.3-14.4 10.5-14.2.1.2 2.5 3.9 5.2 8.3 4.9 7.9 4.9 8 3.5 11.6-1.2 3.3-1.2 4.1.3 7.2 2.7 5.7 9.9 7.5 14.8 3.7 4.5-3.5 4.3-6.8-1.3-28-2.8-10.7-5.5-20.9-6-22.7-.6-2.6-.4-3.8 1.5-6.3l2.4-3.2 1 3.8c.5 2.2 1.3 5.2 1.7 6.9 1.1 5.1 3.2 7.5 6.4 7.5 3.6 0 6-2.3 6-5.9 0-3.4-2.8-6.1-6.2-6.1-2.2 0-2.6-.6-3.7-5.6l-1.3-5.6 4.1-5.8c7.9-11.2 10-19.5 6.6-26-4.6-8.8-18.8-7.5-21.6 2-1.1 3.6-.9 5.3 2 16.4 3.2 11.9 3.2 12.5 1.6 15-1 1.4-2.1 2.6-2.5 2.6-.5 0-10-34.1-10-36.2 0-.3 5.6-4.7 12.5-9.8 15.5-11.3 18.5-15.6 18.5-26.3 0-3.7-.6-8.3-1.4-10.1-2.2-5.2-8.3-11.3-13.2-13.2-2.4-.9-4.4-2.2-4.4-2.9 0-.7-.9-1.5-2-1.8-1.3-.3-2 0-2 1 0 1.1-1.3 1.4-5.7 1.3-11.9-.3-11.3-.6-11.3 4.5 0 4.1.2 4.5 2.4 4.5 2.8 0 4.8 2.1 3.7 3.9-.6.9-2.6 1.1-8.1.5-6.7-.6-7.2-.6-6.8 1.2.3 1.6 1.6 2 7.2 2.7 9 1 11.9-.6 11.4-6.1-.2-2.9-.9-4-3.1-5-4-1.9-2.2-2.9 4.6-2.4l5.7.4v6.7c0 9.5-1.3 10.6-11.6 9.6l-7.7-.7.5 2.4c.4 1.8-.5 3.2-4.3 6.6l-4.8 4.4-2.2-4.4c-1.6-3-2.3-6.1-2.4-10.1 0-5.2-.4-6.2-2.8-8.3-3.3-2.8-9.1-3.2-12.5-.8-2.2 1.5-2.2 1.5-2.2-4V103h-88v5.6c0 5.5 0 5.5-2.2 4-3.4-2.4-9.2-2-12.5.8-2.4 2-2.8 3.2-2.8 7.9-.1 3.6-.9 7.4-2.4 10.4l-2.2 4.9-4.9-4.9c-3.5-3.5-4.7-5.3-4.3-6.8.6-2 .3-2.1-7.1-1.4-10.3 1-11.6-.1-11.6-9.5v-6.8l5.8-.5c6.6-.6 8.6.5 4.5 2.5-2.2 1-2.9 2.1-3.1 5-.5 5.5 2.4 7.1 11.4 6.1 5.6-.7 6.9-1.1 7.2-2.7.4-1.8-.1-1.8-6.8-1.2-5.5.6-7.5.4-8.1-.5-1.1-1.8.9-3.9 3.7-3.9 2.2 0 2.4-.4 2.4-4.5V103h-8.4c-6 0-8.5-.4-8.8-1.3-.2-.7-1.1-1.1-2-.9zm60.6 7.8c.3.9.6 2.7.6 4 0 1.5.6 2.4 1.5 2.4 1.1 0 1.5-1.1 1.5-4 0-3.6.3-4 2.5-4 2.4 0 2.5.3 2.5 6v6h-5.9c-6.5 0-7.1-.6-7.1-8.3 0-3 .4-3.7 1.9-3.7 1 0 2.2.7 2.5 1.6zM181 111c0 3.3.3 4 2 4s2-.7 2-4.1c0-3.6.2-4 2.3-3.7 1.9.3 2.2 1 2.5 6l.3 5.8H177v-6c0-5.3.2-6 2-6 1.7 0 2 .7 2 4zm17 0c0 3.3.3 4 2 4s2-.7 2-4.1c0-3.6.2-4 2.3-3.7 1.9.3 2.2.9 2.1 4.3-.3 8 .1 7.5-6.3 7.5-6.4 0-7.1-.7-7.1-7.6 0-3.5.6-4.4 3.2-4.4 1.4 0 1.8.8 1.8 4zm17 0c0 3.3.3 4 2 4s2-.7 2-4 .3-4 2-4c1.8 0 2 .7 2 6v6h-13v-5.3c0-5.8.4-6.7 3.2-6.7 1.4 0 1.8.8 1.8 4zm17 0c0 2.9.4 4 1.5 4 .9 0 1.5-.9 1.5-2.4 0-3.7 1-5.6 3.1-5.6 1.5 0 1.9.7 1.9 3.7 0 7.7-.6 8.3-7.1 8.3H227v-6c0-5.7.1-6 2.5-6 2.3 0 2.5.4 2.5 4zm-130 4.4c0 5.4.4 7 2.4 9.2 2.2 2.7 3 2.9 12.2 3.3 2.6.2 10.5 6.6 13.3 10.8 3.4 5.1 5.7 13.8 4.7 17.8l-.7 2.6-4.9-3.6c-5-3.7-7-3.8-7-.7 0 2.4 24.7 20.5 26.8 19.7 2.2-.8 5.1.4 6.3 2.6 1.4 2.6-1.3 6.9-4.2 6.9-2.4 0-53.7-37.4-58.6-42.7-6.3-6.9-6.6-18.3-.6-25.4 2.6-3 7.9-6.9 9.6-6.9.4 0 .7 2.9.7 6.4zm199.9-5c4.2 2.2 8.9 8.1 10.2 12.8 1.6 6.1-.2 13.5-4.4 18.1-4.9 5.3-56.2 42.7-58.6 42.7-2.9 0-5.6-4.3-4.2-6.8 1.3-2.4 3.7-3.4 6.2-2.7 2.3.8 26.9-17.2 26.9-19.7 0-3.1-2-3-7 .7l-4.9 3.6-.7-2.6c-1-4 1.3-12.7 4.7-17.8 2.8-4.2 10.7-10.6 13.3-10.8 9.2-.4 10-.6 12.2-3.3 2-2.2 2.4-3.8 2.4-9.2 0-3.5.2-6.4.5-6.4.4 0 1.9.7 3.4 1.4zm-151 6.2c3.1 2.2 2.7 4-5.5 20.9l-6.8 14-.9-5c-.8-4.6-.6-5.6 3.1-13.4 3.5-7.4 3.8-8.7 2.8-11.3-1-2.6-.8-3.2 1.3-4.9 2.8-2.3 3.1-2.3 6-.3zm104.2.3c2.1 1.7 2.3 2.3 1.3 4.9-1 2.6-.7 3.9 2.8 11.3 3.7 7.8 3.9 8.8 3.1 13.4l-.9 5-6.8-14c-8.2-16.9-8.6-18.7-5.5-20.9 2.9-2 3.2-2 6 .3zm-81.7 8.3c1 3.8.8 3.9-5.6 3.6-6-.3-6.3-.4-6.6-3.1-.3-2.7-.3-2.7 5.6-2.7 5.3 0 6 .2 6.6 2.2zm16.6.8v3h-13v-6h13v3zm16 0v3h-12v-6h12v3zm17 0v3h-13v-6h13v3zm15.8-.3c-.3 2.7-.6 2.8-6.5 3.1-6.5.3-6.7.2-5.7-3.6.6-2 1.3-2.2 6.6-2.2 5.9 0 5.9 0 5.6 2.7zm-80.8 4.7c0 2.4.3 6.4.6 9l.7 4.6h81.4l.7-4.6c.3-2.6.6-6.6.6-9 0-2.3.3-4.5.8-4.7.4-.3 4.3 7.2 8.6 16.7 4.4 9.4 8.3 17.9 8.8 18.8.6 1.3-.2 2.5-3.9 5.3-2.5 1.9-5.1 3.4-5.7 3.2-1.1-.4-1.1-9.3 0-15l.6-2.7H148.8l.6 2.7c1.1 5.7 1.1 14.6 0 15-.6.2-3.2-1.3-5.7-3.2-3.7-2.8-4.5-4-3.9-5.3.5-.9 4.4-9.4 8.8-18.8 4.3-9.5 8.2-17 8.7-16.7.4.2.7 2.4.7 4.7zm80 6.1v3.5h-76v-7h76v3.5zm7.2 20c1.2 1.2-1.3 13.8-3.2 16.2-2.3 3-2.7 9-.6 11.8.7 1 1.2 3 1 4.4-.1 1.5-1 10.7-2 20.6-.9 9.9-2 19.1-2.6 20.4-.9 2.4-1.1 2.3-9.6-6-4.8-4.7-19.9-19.3-33.7-32.4-13.7-13.1-27.7-26.5-31-29.7l-6-5.8h43.6c24 0 43.8.2 44.1.5zm-83.3 15.3c-5.2.4-6-.4-6.6-6.5l-.5-4.8 5.6 5.5 5.7 5.5-4.2.3zM99 166c2.5 2.5 2.5 4.2-.1 14.3-2.6 10.2-2.8 10.5-5.1 7.6-8.7-10.8-8.8-23.9-.2-23.9 2.1 0 4.2.8 5.4 2zm212.4.2c2.3 3.2 1.9 8.5-.8 14.3-3 6-6.1 10.1-6.9 8.9-.9-1.5-4.7-17.1-4.7-19.3 0-5.5 9.3-8.4 12.4-3.9zm-188 5c2.2 1.7 4.2 3.3 4.4 3.4.1.1-3.5 8.2-8.1 18.1-8.9 19-9.1 20.1-3.9 21.7 1.2.4 2.7 1.6 3.3 2.7 1.2 2.2.7 3.2-10.5 20.7l-6.5 10.4 2 2.8c2.6 3.4 1.8 6.7-1.8 7.6-3 .8-5.6-.5-6.1-3-.4-1.8 21.8-87.6 22.6-87.6.2 0 2.3 1.4 4.6 3.2zm169.5 39.7c6.2 23.6 11.1 43.7 10.9 44.7-.5 2.5-3.1 3.8-6.1 3-3.6-.9-4.4-4.2-1.8-7.6l2-2.8-6.5-10.4c-11.2-17.5-11.7-18.5-10.5-20.7.6-1.1 2.1-2.3 3.3-2.7 5.2-1.6 5-2.7-3.9-21.7-7.8-16.7-8.3-18-6.6-19.2 1-.7 2.9-2.2 4.3-3.4 1.4-1.1 2.8-2 3.1-2.1.3 0 5.6 19.3 11.8 42.9zM175 179.5l3.4 3.5H160v-7h5.8c5.3 0 6.1.3 9.2 3.5zm9.7 9.7c1.8 1.8 3.3 3.6 3.3 4 0 .4-6.7.8-14.9.8h-14.9l-.5-3.3c-.2-1.7-.3-3.5 0-4 .2-.4 5.7-.7 12.1-.7h11.6l3.3 3.2zm12.1 11.3l3.7 3.4-20.6.1h-20.7l-.4-3c-.3-1.7-.2-3.2 0-3.5.3-.3 8.1-.5 17.4-.5H193l3.8 3.5zm-71.2 3.9c1.4 1 4.5 8.4 9.9 23.6 7.3 20.6 7.9 22.1 10 21.6 3.2-.8 6.7 2 6.3 5.1-.2 1.4-1 3-1.9 3.6-3.6 2.3-6.3-.2-17.3-15.9-9.8-14.2-10.7-15.9-9.7-18.1 2.4-5.3 1-11.3-3.4-13.5l-2.5-1.3 2-3.3c2.2-3.5 3.5-3.9 6.6-1.8zm155.4 1.8l2 3.3-2.5 1.3c-4.4 2.2-5.8 8.2-3.4 13.6 1 2.2.3 3.6-8.6 16.3-5.4 7.6-10.7 14.8-11.8 16-3.5 3.9-8.7 2.5-8.7-2.3 0-2.9 3.7-5.5 6.5-4.8 2.1.5 2.7-1 10-21.6 7.6-21.5 9.4-25 13.2-25 .7 0 2.2 1.5 3.3 3.2zm-73 5.3l3.4 3.5h-51.2l-.4-3c-.3-1.7-.2-3.2 0-3.5.3-.3 10.5-.5 22.7-.5h22.1l3.4 3.5zm12 11l3.4 3.5H161v-7h55.6l3.4 3.5zm11 11l3.4 3.5-34.9-.2-34.9-.3-1.3-3.3-1.3-3.2h65.6l3.4 3.5zm1 8.2c0 .4-1.2 2-2.7 3.5l-2.7 2.8h-53.2l-2.7-2.8c-1.5-1.5-2.7-3.1-2.7-3.5 0-.4 14.4-.7 32-.7s32 .3 32 .7zm-12.8 11.9c-4.2 2.9-13 5.4-19.2 5.4-6.2 0-15-2.5-19.2-5.4-2.1-1.5-.7-1.6 19.2-1.6s21.3.1 19.2 1.6zM0 369v31h400v-62H0v31z"/></svg>

package/dist/collection/assets/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/assets/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

package/dist/collection/assets/fonts.css

@@ -0,0 +1,39 @@
+/* Light */
+@font-face {
+  font-family: HelveticaNeueLTW01_41488878;
+  src: url("./fonts/HelveticaNeueLTW01_41488878.woff2") format("woff2"),
+       url("./fonts/HelveticaNeueLTW01_41488878.woff") format("woff");
+  font-swap: fallback;
+}
+
+/* Regular */
+@font-face {
+  font-family: HelveticaNeueLTW01_55Roman;
+  src: url("./fonts/HelveticaNeueLTW01_55Roman.woff2") format("woff2"),
+       url("./fonts/HelveticaNeueLTW01_55Roman.woff") format("woff");
+  font-swap: fallback;
+}
+
+/* Medium */
+@font-face {
+  font-family: HelveticaNeueLTW05_65Medium;
+  src: url("./fonts/HelveticaNeueLTW05_65Medium.woff2") format("woff2"),
+       url("./fonts/HelveticaNeueLTW05_65Medium.woff") format("woff");
+  font-swap: fallback;
+}
+
+/* Bold (only used for VBZ theme as replacement for heavy font) */
+@font-face {
+  font-family: HelveticaNeueLTW01_71488914;
+  src: url("./fonts/HelveticaNeueLTW01_71488914.woff2") format("woff2"),
+       url("./fonts/HelveticaNeueLTW01_71488914.woff") format("woff");
+  font-swap: fallback;
+}
+
+/* Heavy */
+@font-face {
+  font-family: HelveticaNeueLTW05_85Heavy;
+  src: url("./fonts/HelveticaNeueLTW05_85Heavy.woff2") format("woff2"),
+       url("./fonts/HelveticaNeueLTW05_85Heavy.woff") format("woff");
+  font-swap: fallback;
+}