@oiz/stzh-components 2.1.0-beta → 2.2.0-beta

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

@@ -3,33 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9fcb4305.js');
-const index$1 = require('./index-8bd1552a.js');
+const index$2 = require('./index-8bd1552a.js');
 const translationUtils = require('./translation-utils-73073e44.js');
 const dateAdapter = require('./date-adapter-2a78f6f8.js');
+const index$1 = require('./index.cjs.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: 1024px){.stzh-vbz-ticker__description.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-vbz-ticker__description.sc-stzh-vbz-ticker{margin-top:var(--stzh-space-medium)}}.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 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__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-medium) - var(--stzh-space-xxsmall))}.stzh-vbz-ticker__chip.sc-stzh-vbz-ticker{margin:var(--stzh-space-xxsmall)}.stzh-vbz-ticker__tooltip.sc-stzh-vbz-ticker{--width:20.875rem}.stzh-vbz-ticker__disturbance.sc-stzh-vbz-ticker{display:-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);
     this.globalDisturbances = [];
     this.lines = [];
     this.counter = {
-      [`${DISTURBANCE_GLOBAL}`]: 0,
-      [`${DISTURBANCE_INFORMATION}`]: 0,
-      [`${DISTURBANCE_CONSTRUCTION}`]: 0,
-      [`${DISTURBANCE_NORMAL}`]: 0,
-      [`${DISTURBANCE_EVENT}`]: 0,
-      [`${DISTURBANCE_BUS}`]: 0
+      [`${index$1.VBZ.DISTURBANCE_GLOBAL}`]: 0,
+      [`${index$1.VBZ.DISTURBANCE_INFORMATION}`]: 0,
+      [`${index$1.VBZ.DISTURBANCE_CONSTRUCTION}`]: 0,
+      [`${index$1.VBZ.DISTURBANCE_NORMAL}`]: 0,
+      [`${index$1.VBZ.DISTURBANCE_EVENT}`]: 0,
+      [`${index$1.VBZ.DISTURBANCE_BUS}`]: 0
     };
     this.api = "https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}";
     this.data = "";
@@ -49,7 +41,7 @@ const StzhVbzTicker = class {
     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);
+    const { data } = await index$2.axios.get(apiUrl);
     this.data = data;
   }
   async dataWatcher(newValue) {
@@ -63,13 +55,13 @@ const StzhVbzTicker = class {
     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)
+        .filter(channel => channel.name === index$1.VBZ.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]++;
+        .find(url => url.url.indexOf(index$1.VBZ.CHANNEL_INFO_URL_FILTER) !== -1);
+      if (message.baseType === index$1.VBZ.BASE_TYPE_GLOBAL) {
+        this.counter[index$1.VBZ.DISTURBANCE_GLOBAL]++;
         this.globalDisturbances.push({
           id: message.id,
           head: message.head,
@@ -88,8 +80,8 @@ const StzhVbzTicker = class {
       // 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.category !== index$1.VBZ.DISTURBANCE_INFORMATION
+        && message.baseType !== index$1.VBZ.BASE_TYPE_GLOBAL) {
         message.affectedProduct.forEach(product => {
           if (typeof lines[product.lineId] === "undefined") {
             lines[product.lineId] = {
@@ -100,7 +92,7 @@ const StzhVbzTicker = class {
               alert: false
             };
           }
-          if (message.category === DISTURBANCE_NORMAL) {
+          if (message.category === index$1.VBZ.DISTURBANCE_NORMAL) {
             lines[product.lineId].alert = true;
           }
           lines[product.lineId].disturbances.push({
@@ -142,8 +134,8 @@ const StzhVbzTicker = class {
     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
+      } }, disturbance.category === index$1.VBZ.DISTURBANCE_NORMAL
+      || disturbance.baseType === index$1.VBZ.BASE_TYPE_GLOBAL
       ?
         index.h("stzh-icon", { name: "warning-big", class: "stzh-vbz-ticker__disturbance-icon" })
       :
@@ -158,17 +150,14 @@ const StzhVbzTicker = class {
     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" })))));
+    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[index$1.VBZ.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[index$1.VBZ.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.counter[index$1.VBZ.DISTURBANCE_GLOBAL] > 0 ?
+        this.localization.furtherDisturbanceTitle : this.localization.disturbanceTitle), (this.counter[index$1.VBZ.DISTURBANCE_CONSTRUCTION] > 0
+      || this.counter[index$1.VBZ.DISTURBANCE_EVENT] > 0
+      || this.counter[index$1.VBZ.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.constructionsTitle))), (this.lines.length > 0 || this.counter[index$1.VBZ.DISTURBANCE_GLOBAL] > 0) &&
+      index.h(index.Fragment, null, index.h("div", { class: "stzh-vbz-ticker__chips", role: "list" }, 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 {

package/dist/cjs/{utils-8dc66449.js → utils-ff153309.js}

@@ -73,4 +73,5 @@ function cloneElement(elementToClone) {
 
 exports.cloneElement = cloneElement;
 exports.hasSlot = hasSlot;
+exports.isStzhElement = isStzhElement;
 exports.setPropsIfNull = setPropsIfNull;

package/dist/collection/assets/i18n/de.json

@@ -168,6 +168,10 @@
     "accessibilityUrl": "barrierefreiheit",
     "accessibilityText": "Barrierefreiheit"
   },
+  "microsite-teaserlist": {
+    "tagsLabel": "Tags",
+    "showMore": "Mehr anzeigen"
+  },
   "vbz-ticker": {
     "moreInfo": "Weitere Informationen",
     "noDisturbances": "Alle Linien fahren wie geplant.",
@@ -180,7 +184,8 @@
     "majorEvent": "{n} Grossereignis | {n} Grossereignisse",
     "majorEventTitle": "Grossereignis",
     "disturbanceTitle": "Störungen",
-    "othersTitle": "Baustellen/Events"
+    "furtherDisturbanceTitle": "Weitere Störungen",
+    "constructionsTitle": "Baustellen"
   },
   "vbz-majorticker": {
     "moreInfo": "Weitere Informationen"

package/dist/collection/assets/i18n/en.json

@@ -168,6 +168,10 @@
     "accessibilityUrl": "accessibility",
     "accessibilityText": "Accessibility"
   },
+  "microsite-teaserlist": {
+    "tagsLabel": "Tags",
+    "showMore": "Show more"
+  },
   "vbz-ticker": {
     "moreInfo": "More information",
     "noDisturbances": "All lines are running as planned.",
@@ -180,7 +184,8 @@
     "majorEvent": "{n} Major event | {n} Major events",
     "majorEventTitle": "Major event",
     "disturbanceTitle": "Disturbances",
-    "othersTitle": "Construction sites/Events"
+    "furtherDisturbanceTitle": "Further Disturbances",
+    "constructionsTitle": "Construction sites"
   },
   "vbz-majorticker": {
     "moreInfo": "More information"

package/dist/collection/assets/icons/mono/arrow-right-down.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2496 17.2496L7.5 7.5M17.2496 17.2496L17.25 9.75M17.2496 17.2496L9.75 17.25" stroke="#4D4D4D" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/assets/icons/mono/construction.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.93333 15.6667L3.57978 15.3132C3.48601 15.4069 3.43333 15.5341 3.43333 15.6667H3.93333ZM3.43333 23.0001C3.43333 23.2762 3.65719 23.5001 3.93333 23.5001C4.20948 23.5001 4.43333 23.2762 4.43333 23.0001H3.43333ZM20.5667 15.6667C20.5667 15.3906 20.3428 15.1667 20.0667 15.1667C19.7905 15.1667 19.5667 15.3906 19.5667 15.6667H20.5667ZM19.5667 23.0001C19.5667 23.2762 19.7905 23.5001 20.0667 23.5001C20.3428 23.5001 20.5667 23.2762 20.5667 23.0001H19.5667ZM8.68689 5.75361C8.88215 5.55835 8.88215 5.24177 8.68689 5.04651C8.49162 4.85125 8.17504 4.85125 7.97978 5.04651L8.68689 5.75361ZM0.646447 12.3798C0.451184 12.5751 0.451184 12.8917 0.646447 13.0869C0.841709 13.2822 1.15829 13.2822 1.35355 13.0869L0.646447 12.3798ZM14.5536 5.75361C14.7488 5.55835 14.7488 5.24177 14.5536 5.04651C14.3583 4.85125 14.0417 4.85125 13.8464 5.04651L14.5536 5.75361ZM20.4202 5.75361C20.6155 5.55835 20.6155 5.24177 20.4202 5.04651C20.225 4.85125 19.9084 4.85125 19.7131 5.04651L20.4202 5.75361ZM9.44645 15.3132C9.25118 15.5084 9.25118 15.825 9.44645 16.0203C9.64171 16.2155 9.95829 16.2155 10.1536 16.0203L9.44645 15.3132ZM23.3536 8.68695C23.5488 8.49169 23.5488 8.1751 23.3536 7.97984C23.1583 7.78458 22.8417 7.78458 22.6464 7.97984L23.3536 8.68695ZM15.3131 15.3132C15.1179 15.5084 15.1179 15.825 15.3131 16.0203C15.5084 16.2155 15.825 16.2155 16.0202 16.0203L15.3131 15.3132ZM1.97778 5.90006H22.0222V4.90006H1.97778V5.90006ZM22.5 6.37784V14.6889H23.5V6.37784H22.5ZM22.0222 15.1667H1.97778V16.1667H22.0222V15.1667ZM1.5 14.6889V6.37784H0.5V14.6889H1.5ZM1.97778 15.1667C1.71391 15.1667 1.5 14.9528 1.5 14.6889H0.5C0.5 15.5051 1.16162 16.1667 1.97778 16.1667V15.1667ZM22.5 14.6889C22.5 14.9528 22.2861 15.1667 22.0222 15.1667V16.1667C22.8384 16.1667 23.5 15.5051 23.5 14.6889H22.5ZM22.0222 5.90006C22.2861 5.90006 22.5 6.11397 22.5 6.37784H23.5C23.5 5.56168 22.8384 4.90006 22.0222 4.90006V5.90006ZM1.97778 4.90006C1.16162 4.90006 0.5 5.56168 0.5 6.37784H1.5C1.5 6.11397 1.71391 5.90006 1.97778 5.90006V4.90006ZM3.43333 15.6667V23.0001H4.43333V15.6667H3.43333ZM19.5667 15.6667V23.0001H20.5667V15.6667H19.5667ZM6.13333 4.43339C7.21949 4.43339 8.1 3.55289 8.1 2.46673H7.1C7.1 3.0006 6.66721 3.43339 6.13333 3.43339V4.43339ZM8.1 2.46673C8.1 1.38057 7.21949 0.500061 6.13333 0.500061V1.50006C6.66721 1.50006 7.1 1.93285 7.1 2.46673H8.1ZM6.13333 0.500061C5.04717 0.500061 4.16667 1.38057 4.16667 2.46673H5.16667C5.16667 1.93285 5.59946 1.50006 6.13333 1.50006V0.500061ZM4.16667 2.46673C4.16667 3.55289 5.04717 4.43339 6.13333 4.43339V3.43339C5.59946 3.43339 5.16667 3.0006 5.16667 2.46673H4.16667ZM17.8667 4.43339C18.9528 4.43339 19.8333 3.55289 19.8333 2.46673H18.8333C18.8333 3.0006 18.4005 3.43339 17.8667 3.43339V4.43339ZM19.8333 2.46673C19.8333 1.38057 18.9528 0.500061 17.8667 0.500061V1.50006C18.4005 1.50006 18.8333 1.93285 18.8333 2.46673H19.8333ZM17.8667 0.500061C16.7805 0.500061 15.9 1.38057 15.9 2.46673H16.9C16.9 1.93285 17.3328 1.50006 17.8667 1.50006V0.500061ZM15.9 2.46673C15.9 3.55289 16.7805 4.43339 17.8667 4.43339V3.43339C17.3328 3.43339 16.9 3.0006 16.9 2.46673H15.9ZM7.97978 5.04651L0.646447 12.3798L1.35355 13.0869L8.68689 5.75361L7.97978 5.04651ZM13.8464 5.04651L3.57978 15.3132L4.28689 16.0203L14.5536 5.75361L13.8464 5.04651ZM19.7131 5.04651L9.44645 15.3132L10.1536 16.0203L20.4202 5.75361L19.7131 5.04651ZM22.6464 7.97984L15.3131 15.3132L16.0202 16.0203L23.3536 8.68695L22.6464 7.97984Z" fill="#4D4D4D"/>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.62224 15.3333V10.4444L9.46669 3.59999M13.3778 10.4444V15.3333M5.55558 3.59999L0.666687 8.48888M13.3778 3.59999L6.53335 10.4444M15.3334 5.55555L10.4445 10.4444M1.31854 10.4444H14.6815C15.0415 10.4444 15.3334 10.1526 15.3334 9.79258V4.25184C15.3334 3.89183 15.0415 3.59999 14.6815 3.59999H1.31854C0.958531 3.59999 0.666687 3.89183 0.666687 4.25184V9.79258C0.666687 10.1526 0.958531 10.4444 1.31854 10.4444ZM4.08891 2.62221C4.62892 2.62221 5.06669 2.18445 5.06669 1.64443C5.06669 1.10442 4.62892 0.666656 4.08891 0.666656C3.5489 0.666656 3.11113 1.10442 3.11113 1.64443C3.11113 2.18445 3.5489 2.62221 4.08891 2.62221ZM11.9111 2.62221C12.4511 2.62221 12.8889 2.18445 12.8889 1.64443C12.8889 1.10442 12.4511 0.666656 11.9111 0.666656C11.3711 0.666656 10.9334 1.10442 10.9334 1.64443C10.9334 2.18445 11.3711 2.62221 11.9111 2.62221Z" stroke="#646464" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/dist/collection/assets/icons/mono/facebook-filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.742 5.03888H17.625V0.75H14.2147C10.1017 0.925875 9.258 3.246 9.1875 5.67188V7.8165H6.375V12H9.1875V23.25H13.4062V12H16.8866L17.5545 7.8165H13.4062V6.51562C13.3949 6.33049 13.4207 6.14496 13.482 5.96991C13.5434 5.79487 13.6391 5.63384 13.7635 5.49628C13.8879 5.35873 14.0386 5.24741 14.2066 5.16886C14.3746 5.09031 14.5567 5.04612 14.742 5.03888Z" fill="#4D4D4D"/>
+</svg>

package/dist/collection/assets/icons/mono/fountain.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 5C6 4.44772 6.44772 4 7 4C7.55228 4 8 4.44772 8 5C8 4.44772 8.44772 4 9 4C9.55229 4 10 4.44772 10 5M3 3.5C3 2.11929 4.11929 1 5.5 1C6.88071 1 8 2.11929 8 3.5M8 3.5V6.66667M8 3.5C8 2.11929 9.11929 1 10.5 1C11.8807 1 13 2.11929 13 3.5M1 8H15M5 15H11M8.88 8L8.66667 6.66667H7.33333L7.12 8M6.69333 10.6667L6 15H10L9.30667 10.6667M2 8H14C14 9.47276 12.8061 10.6667 11.3333 10.6667H4.66667C3.19391 10.6667 2 9.47276 2 8Z" stroke="#646464" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/assets/icons/mono/linkedin-filled.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_773_103846)">
+<path d="M1.15427 8.37411H5.72477V22.1906H1.15427V8.37411Z" fill="#4D4D4D"/>
+<path d="M17.5196 7.91699C15.5156 7.91699 14.3205 8.65536 13.0549 10.2724V8.37411H8.48439V22.1906H13.0898V14.7022C13.0898 13.1201 13.8983 11.5732 15.7264 11.5732C17.5545 11.5732 18.6443 13.1201 18.6443 14.667V22.1906H23.25V14.3509C23.25 8.90136 19.5585 7.91699 17.5196 7.91699Z" fill="#4D4D4D"/>
+<path d="M3.45714 1.65936C1.94552 1.65936 0.750015 2.74911 0.750015 4.08524C0.750015 5.42136 1.94552 6.51111 3.45714 6.51111C4.96877 6.51111 6.16427 5.42136 6.16427 4.08524C6.16427 2.74911 4.96877 1.65936 3.45714 1.65936Z" fill="#4D4D4D"/>
+</g>
+<defs>
+<clipPath id="clip0_773_103846">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/assets/icons/mono/mail-filled.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.749939 5.19542V18.7858L7.59073 11.8082L0.749939 5.19542Z" fill="#4D4D4D"/>
+<path d="M1.45015 19.5H22.5497L15.6901 12.5032L12.3475 15.7345C12.1536 15.9218 11.8462 15.9218 11.6524 15.7345L8.30973 12.5032L1.45015 19.5Z" fill="#4D4D4D"/>
+<path d="M23.2499 18.7858V5.19542L16.4092 11.8082L23.2499 18.7858Z" fill="#4D4D4D"/>
+<path d="M22.5305 4.5H1.46934L11.9999 14.6796L22.5305 4.5Z" fill="#4D4D4D"/>
+</svg>

package/dist/collection/assets/icons/mono/pause-filled.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.64584 1.25001C3.64584 1.01989 3.83239 0.833344 4.06251 0.833344H7.81251C8.04263 0.833344 8.22918 1.01989 8.22918 1.25001V18.75C8.22918 18.9801 8.04263 19.1667 7.81251 19.1667H4.06251C3.83239 19.1667 3.64584 18.9801 3.64584 18.75V1.25001ZM12.3958 1.25001C12.3958 1.01989 12.5824 0.833344 12.8125 0.833344H16.5625C16.7926 0.833344 16.9792 1.01989 16.9792 1.25001V18.75C16.9792 18.9801 16.7926 19.1667 16.5625 19.1667H12.8125C12.5824 19.1667 12.3958 18.9801 12.3958 18.75V1.25001Z" fill="#646464"/>
+</svg>

package/dist/collection/assets/icons/mono/play-filled.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.29192 0.472354C2.42096 0.397957 2.5799 0.3981 2.70881 0.472729L18.542 9.63938C18.6707 9.71387 18.7499 9.85129 18.7499 9.99997C18.7499 10.1487 18.6707 10.2861 18.542 10.3606L2.70881 19.5272C2.5799 19.6019 2.42096 19.602 2.29192 19.5276C2.16288 19.4532 2.08337 19.3156 2.08337 19.1666V0.833323C2.08337 0.684373 2.16288 0.546752 2.29192 0.472354Z" fill="#646464"/>
+</svg>

package/dist/collection/assets/icons/mono/reload.svg

@@ -1,10 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1638_23272)">
-<path d="M20.528 10.5525C20.7514 12.3362 20.4119 14.1452 19.5571 15.7265C18.7022 17.3079 17.3746 18.5826 15.7599 19.3726C14.1452 20.1626 12.324 20.4284 10.5508 20.1329C8.77766 19.8373 7.14114 18.9951 5.86998 17.724M20.528 10.5525L23.2501 14.25M20.528 10.5525L17.2501 13.5M3.39948 12.6075C3.26149 11.3999 3.38021 10.1768 3.74787 9.01826C4.11552 7.85972 4.72381 6.79194 5.53288 5.88487C6.34195 4.9778 7.33354 4.25191 8.44269 3.75476C9.55184 3.25761 10.7535 3.00042 11.969 3.00004C13.1016 2.99854 14.2234 3.22078 15.2699 3.65401C16.3164 4.08723 17.2671 4.72291 18.0672 5.52454M3.39948 12.6075L0.750092 9.00005M3.39948 12.6075L6.75009 9.75005" stroke="#4D4D4D" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_1638_23272">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.6853 7.035C13.8342 8.22413 13.6079 9.43008 13.038 10.4843C12.4681 11.5385 11.583 12.3884 10.5065 12.9151C9.43006 13.4417 8.21592 13.6189 7.03382 13.4219C5.85171 13.2248 4.7607 12.6634 3.91326 11.816M13.6853 7.035L15.5 9.5M13.6853 7.035L11.5 9M2.26626 8.40501C2.17426 7.59993 2.25341 6.7845 2.49852 6.01215C2.74362 5.23979 3.14914 4.52794 3.68852 3.92323C4.2279 3.31851 4.88896 2.83459 5.6284 2.50316C6.36783 2.17172 7.16894 2.00026 7.97926 2.00001C8.73435 1.999 9.48221 2.14717 10.1799 2.43598C10.8776 2.7248 11.5113 3.14859 12.0448 3.68301M2.26626 8.40501L0.5 6.00001M2.26626 8.40501L4.5 6.50001" stroke="#646464" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/dist/collection/assets/icons/mono/star-filled.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 18L5.625 21.75L7.125 14.625L1.875 9.75003L9 9.00003L12 2.25003L15 9.00003L22.125 9.75003L16.875 14.625L18.375 21.75L12 18Z" fill="#4D4D4D" stroke="#4D4D4D" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 18L5.625 21.75L7.125 14.625L1.875 9.75L9 9L12 2.25L15 9L22.125 9.75L16.875 14.625L18.375 21.75L12 18Z" fill="#4D4D4D" stroke="#4D4D4D" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/dist/collection/assets/icons/mono/twitter-filled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.643 4.93701C22.808 5.30701 21.911 5.55701 20.968 5.67001C21.93 5.09401 22.668 4.18001 23.016 3.09201C22.116 3.62601 21.119 4.01401 20.058 4.22201C19.208 3.31801 17.998 2.75201 16.658 2.75201C14.086 2.75201 12 4.83801 12 7.41201C12 7.77601 12.042 8.13001 12.12 8.47201C8.247 8.27701 4.816 6.42201 2.518 3.60401C2.118 4.29401 1.888 5.09401 1.888 5.94601C1.888 7.56201 2.711 8.98901 3.96 9.82401C3.196 9.79901 2.478 9.59001 1.85 9.24101V9.30101C1.85 11.558 3.455 13.441 5.587 13.869C5.195 13.975 4.784 14.031 4.36 14.031C4.06 14.031 3.767 14.003 3.483 13.949C4.076 15.799 5.796 17.147 7.835 17.183C6.24 18.433 4.231 19.178 2.049 19.178C1.673 19.178 1.302 19.156 0.936996 19.113C2.999 20.436 5.447 21.206 8.077 21.206C16.647 21.206 21.332 14.108 21.332 7.95201C21.332 7.75201 21.327 7.55001 21.318 7.35001C22.228 6.69201 23.018 5.87301 23.641 4.94001L23.643 4.93701Z" fill="#4D4D4D"/>
+</svg>

package/dist/collection/assets/icons/mono/water-drops.svg

@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2193_15515)">
+<path d="M6 12.75C5.98413 12.5373 5.94214 12.3274 5.875 12.125C5.35 10.35 3.5 8 3.5 8C3.5 8 1.65 10.35 1.125 12.15C1.05983 12.3444 1.01787 12.5458 1 12.75V12.95C0.996704 13.2816 1.05875 13.6106 1.18261 13.9182C1.30646 14.2258 1.48969 14.506 1.72184 14.7428C1.95399 14.9796 2.23051 15.1683 2.53561 15.2983C2.84071 15.4282 3.16841 15.4967 3.5 15.5C3.8316 15.4967 4.1593 15.4282 4.4644 15.2983C4.76949 15.1683 5.04601 14.9796 5.27816 14.7428C5.51031 14.506 5.69354 14.2258 5.8174 13.9182C5.94125 13.6106 6.0033 13.2816 6 12.95V12.75ZM15 12.75C14.9841 12.5373 14.9421 12.3274 14.875 12.125C14.35 10.35 12.5 8 12.5 8C12.5 8 10.65 10.35 10.125 12.15C10.0598 12.3444 10.0179 12.5458 10 12.75V12.95C10 13.613 10.2634 14.2489 10.7322 14.7178C11.2011 15.1866 11.837 15.45 12.5 15.45C13.163 15.45 13.7989 15.1866 14.2678 14.7178C14.7366 14.2489 15 13.613 15 12.95V12.75Z" stroke="#646464" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 5.25C10.4841 5.03733 10.4421 4.82742 10.375 4.625C9.85 2.85 8 0.5 8 0.5C8 0.5 6.15 2.85 5.625 4.65C5.5596 4.84431 5.51763 5.04574 5.5 5.25V5.45C5.5 6.11304 5.76339 6.74893 6.23223 7.21777C6.70107 7.68661 7.33696 7.95 8 7.95C8.66304 7.95 9.29893 7.68661 9.76777 7.21777C10.2366 6.74893 10.5 6.11304 10.5 5.45V5.25Z" stroke="#646464" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2193_15515">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/assets/icons/mono/xing-filled.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.3495 5.80238C9.26694 5.6283 9.13785 5.48045 8.9765 5.37515C8.81515 5.26986 8.62783 5.21124 8.43525 5.20576H5.20125C5.11347 5.19957 5.02556 5.21565 4.94565 5.25249C4.86574 5.28933 4.79642 5.34574 4.74412 5.41651C4.70694 5.49443 4.69064 5.58067 4.69682 5.66679C4.703 5.75291 4.73145 5.83594 4.77937 5.90776L6.95887 9.69863V9.73388L3.54862 15.7714C3.50536 15.846 3.48257 15.9307 3.48257 16.017C3.48257 16.1033 3.50536 16.188 3.54862 16.2626C3.5903 16.3355 3.6526 16.3943 3.72767 16.4318C3.80274 16.4693 3.88723 16.4838 3.9705 16.4734H7.20487C7.39774 16.4679 7.58454 16.4048 7.7412 16.2921C7.89786 16.1795 8.01721 16.0226 8.08387 15.8415C8.08387 15.8415 11.4589 9.87413 11.5995 9.66376C11.5646 9.66376 9.3495 5.80238 9.3495 5.80238Z" fill="#4D4D4D"/>
+<path d="M22.5334 1.45013C22.5849 1.37859 22.6126 1.29266 22.6126 1.20451C22.6126 1.11635 22.5849 1.03042 22.5334 0.958882C22.4917 0.886047 22.4294 0.827172 22.3543 0.78967C22.2793 0.752168 22.1948 0.737715 22.1115 0.748132H18.8419C18.649 0.753525 18.4621 0.816561 18.3054 0.929114C18.1487 1.04167 18.0292 1.19858 17.9625 1.37963C17.9625 1.37963 10.9669 13.7704 10.7557 14.1566C10.7557 14.1919 15.3611 22.6163 15.3611 22.6163C15.4415 22.7948 15.5691 22.9479 15.7301 23.0592C15.8912 23.1705 16.0796 23.2357 16.275 23.2478H19.5094C19.5926 23.2582 19.6771 23.2437 19.7522 23.2062C19.8273 23.1687 19.8896 23.1098 19.9312 23.037C19.9661 22.9598 19.9841 22.8761 19.9841 22.7914C19.9841 22.7067 19.9661 22.623 19.9312 22.5458L15.3615 14.1919V14.1566L22.5334 1.45013Z" fill="#4D4D4D"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -14,18 +14,22 @@
     "./components/stzh-card/stzh-card.js",
     "./components/stzh-card-list/stzh-card-list.js",
     "./components/stzh-cell/stzh-cell.js",
+    "./components/stzh-chart/stzh-chart.js",
     "./components/stzh-checkbox/stzh-checkbox.js",
     "./components/stzh-checkboxgroup/stzh-checkboxgroup.js",
     "./components/stzh-chip/stzh-chip.js",
     "./components/stzh-chip-select/stzh-chip-select.js",
     "./components/stzh-clamp/stzh-clamp.js",
+    "./components/stzh-contactaddress/stzh-contactaddress.js",
     "./components/stzh-container/stzh-container.js",
     "./components/stzh-cspace/stzh-cspace.js",
     "./components/stzh-datalist/stzh-datalist.js",
+    "./components/stzh-datalist-item/stzh-datalist-item.js",
     "./components/stzh-datamessagelist/stzh-datamessagelist.js",
     "./components/stzh-datamessagelist-item/stzh-datamessagelist-item.js",
     "./components/stzh-datatable/stzh-datatable.js",
     "./components/stzh-datepicker/stzh-datepicker.js",
+    "./components/stzh-details/stzh-details.js",
     "./components/stzh-dialog/stzh-dialog.js",
     "./components/stzh-dropdown/stzh-dropdown.js",
     "./components/stzh-fieldset/stzh-fieldset.js",
@@ -40,6 +44,7 @@
     "./components/stzh-icon/stzh-icon.js",
     "./components/stzh-icon-sprite/stzh-icon-sprite.js",
     "./components/stzh-input/stzh-input.js",
+    "./components/stzh-langnav/stzh-langnav.js",
     "./components/stzh-link/stzh-link.js",
     "./components/stzh-list/stzh-list.js",
     "./components/stzh-list-item/stzh-list-item.js",
@@ -49,11 +54,13 @@
     "./components/stzh-menu-item/stzh-menu-item.js",
     "./components/stzh-message/stzh-message.js",
     "./components/stzh-metanav/stzh-metanav.js",
+    "./components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js",
     "./components/stzh-olmap/stzh-olmap.js",
     "./components/stzh-overlay/stzh-overlay.js",
     "./components/stzh-page-skiplinks/stzh-page-skiplinks.js",
     "./components/stzh-pagebottom/stzh-pagebottom.js",
     "./components/stzh-pagetitle/stzh-pagetitle.js",
+    "./components/stzh-pagetitle-hero/stzh-pagetitle-hero.js",
     "./components/stzh-popover/stzh-popover.js",
     "./components/stzh-portal-mitwirken/stzh-portal-mitwirken.js",
     "./components/stzh-progressbar/stzh-progressbar.js",
@@ -66,12 +73,14 @@
     "./components/stzh-saptcha/stzh-saptcha.js",
     "./components/stzh-section/stzh-section.js",
     "./components/stzh-share/stzh-share.js",
+    "./components/stzh-sitemap/stzh-sitemap.js",
     "./components/stzh-skiplink/stzh-skiplink.js",
     "./components/stzh-sortable/stzh-sortable.js",
     "./components/stzh-status/stzh-status.js",
     "./components/stzh-sticky/stzh-sticky.js",
     "./components/stzh-table/stzh-table.js",
     "./components/stzh-text/stzh-text.js",
+    "./components/stzh-textandimage/stzh-textandimage.js",
     "./components/stzh-toggle/stzh-toggle.js",
     "./components/stzh-tooltip/stzh-tooltip.js",
     "./components/stzh-upload/stzh-upload.js",

package/dist/collection/components/stzh-accordion/stzh-accordion.css

@@ -4,6 +4,9 @@
 /*
  * Base
  */
+/**
+ * Flyingfocus
+ */
 /**
  * Link
  */

package/dist/collection/components/stzh-accordion/stzh-accordion.js

@@ -10,7 +10,9 @@ export class StzhAccordion {
   openListener(event) {
     const accordionItemOpened = event.target;
     const accordionOpened = accordionItemOpened.closest("stzh-accordion");
-    if (this.multiselectable || accordionOpened !== this.element) {
+    if (this.multiselectable
+      || (event.detail && event.detail.component !== "stzh-accordion-item")
+      || accordionOpened !== this.element) {
       return;
     }
     const items = Array.from(accordionOpened.querySelectorAll("stzh-accordion-item"));

package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.css

@@ -4,6 +4,9 @@
 /*
  * Base
  */
+/**
+ * Flyingfocus
+ */
 /**
  * Link
  */
@@ -96,7 +99,6 @@
 
 :host {
   --trigger-size: 1.3125rem;
-  --content-padding: var(--stzh-accordion-content-padding);
   --content-background: var(--stzh-accordion-content-background);
   --icon-size: var(--stzh-icon-size-small);
 }
@@ -124,7 +126,8 @@
      -moz-appearance: none;
           appearance: none;
   background-color: transparent;
-  padding: var(--stzh-space-xsmall) var(--stzh-space-medium);
+  padding-top: var(--stzh-space-medium);
+  padding-bottom: var(--stzh-space-medium);
   border: none;
   display: flex;
   align-items: center;
@@ -146,6 +149,30 @@
 .stzh-accordion-item__button:hover, .stzh-accordion-item__button:focus {
   color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));
 }
+.stzh-accordion-item__button, .stzh-accordion-item__content-inner {
+  padding-left: var(--stzh-space-medium);
+  padding-right: var(--stzh-space-medium);
+}
+@media screen and (min-width: 1024px) {
+  .stzh-accordion-item__button, .stzh-accordion-item__content-inner {
+    padding-left: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-accordion-item__button, .stzh-accordion-item__content-inner {
+    padding-left: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .stzh-accordion-item__button, .stzh-accordion-item__content-inner {
+    padding-right: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-accordion-item__button, .stzh-accordion-item__content-inner {
+    padding-right: var(--stzh-space-xlarge);
+  }
+}
 .stzh-accordion-item__button-text {
   flex-grow: 1;
 }
@@ -178,7 +205,28 @@
   background-color: var(--content-background);
 }
 .stzh-accordion-item__content-inner {
-  padding: var(--content-padding);
+  padding-top: var(--stzh-space-medium);
+  padding-bottom: var(--stzh-space-xlarge);
+}
+@media screen and (min-width: 1024px) {
+  .stzh-accordion-item__content-inner {
+    padding-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-accordion-item__content-inner {
+    padding-top: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .stzh-accordion-item__content-inner {
+    padding-bottom: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-accordion-item__content-inner {
+    padding-bottom: var(--stzh-space-xxxlarge);
+  }
 }
 .stzh-accordion-item__icon-wrapper {
   align-self: flex-start;
@@ -254,6 +302,6 @@
 .stzh-accordion-item--is-disabled .stzh-accordion-item__button {
   cursor: not-allowed;
   color: var(--stzh-color-grey61);
-  border-color: var(--stzh-color-grey5);
-  background-color: var(--stzh-color-grey5);
+  border-color: transparent;
+  background-color: var(--stzh-color-black8);
 }

package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.js

@@ -105,10 +105,10 @@ export class StzhAccordionItem {
         });
       }
       await stopAnimations(this.bodyElement);
+      this.bodyElement.style.overflow = "hidden";
       await animateTo(this.bodyElement, shimKeyframesHeightAuto(ANIMATION_HIDE.keyframes, this.bodyElement.scrollHeight), ANIMATION_HIDE.options);
       this.bodyElement.hidden = true;
       this.bodyElement.style.height = "0px";
-      this.bodyElement.style.overflow = "hidden";
       if (this.toggledByMethod) {
         this.stzhClosed.emit({
           component: "stzh-accordion-item"
@@ -136,6 +136,7 @@ export class StzhAccordionItem {
     this.open = false;
     return waitForEvent(this.element, "stzhClosed");
   }
+  /** Toggle accordion item content */
   async toggle() {
     if (this.open) {
       return await this.hide();
@@ -144,7 +145,7 @@ export class StzhAccordionItem {
       return await this.show();
     }
   }
-  /** Toggle accordion item content */
+  /** Set focus to button */
   async setFocus() {
     this.buttonElement.focus();
   }
@@ -496,7 +497,7 @@ export class StzhAccordionItem {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "",
+          "text": "Toggle accordion item content",
           "tags": []
         }
       },
@@ -512,7 +513,7 @@ export class StzhAccordionItem {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Toggle accordion item content",
+          "text": "Set focus to button",
           "tags": []
         }
       }

package/dist/collection/components/stzh-actions/stzh-actions.css

@@ -4,6 +4,9 @@
 /*
  * Base
  */
+/**
+ * Flyingfocus
+ */
 /**
  * Link
  */
@@ -99,6 +102,9 @@
   flex-grow: 1;
   margin: var(--stzh-space-xxsmall);
 }
+:host[variant=cta] ::slotted([slot=primary]), :host[variant=cta] ::slotted([slot=secondary]) {
+  flex-grow: 0;
+}
 
 .stzh-actions__actions {
   display: flex;
@@ -119,7 +125,7 @@
 .stzh-actions--process .stzh-actions__actions {
   justify-content: space-between;
 }
-.stzh-actions--with-border {
+.stzh-actions--has-border {
   padding-top: var(--stzh-space-medium);
   border-top: 0.0625rem solid var(--stzh-base-border-color);
 }

package/dist/collection/components/stzh-actions/stzh-actions.js

@@ -35,7 +35,7 @@ export class StzhActions {
   render() {
     const classes = {
       "stzh-actions": true,
-      "stzh-actions--with-border": this.withBorder,
+      "stzh-actions--has-border": this.withBorder,
       [`stzh-actions--${this.variant}`]: !!this.variant
     };
     return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-actions__actions", role: "list" }, h("div", { class: "stzh-actions__secondary-actions" }, h("slot", { name: "secondary" })), h("div", { class: "stzh-actions__primary-actions" }, h("slot", { name: "primary" }))))));
@@ -58,8 +58,8 @@ export class StzhActions {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"form\" | \"dialog\" | \"process\"",
-          "resolved": "\"dialog\" | \"form\" | \"process\"",
+          "original": "\"form\" | \"dialog\" | \"process\" | \"cta\"",
+          "resolved": "\"cta\" | \"dialog\" | \"form\" | \"process\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/stzh-actionset/stzh-actionset.css

@@ -4,6 +4,9 @@
 /*
  * Base
  */
+/**
+ * Flyingfocus
+ */
 /**
  * Link
  */