@oiz/stzh-components 4.6.0 → 4.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-vbz-ticker.js","sourceRoot":"","sources":["../../../../../../src/components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,GAAG,EAAyD,MAAM,mBAAmB,CAAC;AAI/F;;GAEG;AAMH,MAAM,OAAO,aAAa;;QAwBhB,uBAAkB,GAA2B,EAAE,CAAC;QAChD,0BAAqB,GAAoB,EAAE,CAAC;QAC5C,2BAAsB,GAAoB,EAAE,CAAC;QAG7C,YAAO,GAAG;YAChB,CAAC,GAAG,GAAG,CAAC,kBAAkB,EAAE,CAAC,EAAE,CAAC;YAChC,CAAC,GAAG,GAAG,CAAC,uBAAuB,EAAE,CAAC,EAAE,CAAC;YACrC,CAAC,GAAG,GAAG,CAAC,wBAAwB,EAAE,CAAC,EAAE,CAAC;YACtC,CAAC,GAAG,GAAG,CAAC,kBAAkB,EAAE,CAAC,EAAE,CAAC;YAChC,CAAC,GAAG,GAAG,CAAC,iBAAiB,EAAE,CAAC,EAAE,CAAC;YAC/B,CAAC,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC,EAAE,CAAC;SAC9B,CAAC;mBAjCA,8IAA8I;oBAG5H,EAAE;4BAIS,gFAAgF;;;;IA6B/G,mBAAmB;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC3D,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,QAAgB;QAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACrE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAElE,qBAAqB;QACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGD,kBAAkB,CAAC,QAA2B;QAC5C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CACrE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAC1B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,WAAW,CAAC,QAAa;;QAC7B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACxB,CAAC;QAED,MAAM,cAAc,GAAqC,EAAE,CAAC;QAE5D,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,0CAAE,OAAO,CAAC,OAAO,CAAC,EAAE;YACrC,MAAM,IAAI,GAAuB,OAAO,CAAC,OAAO;iBAC7C,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,CAAC,cAAc,IAAI,OAAO,CAAC,GAAG,CAAC;iBACrE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;iBAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAErC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAEtF,IAAI,OAAO,CAAC,QAAQ,KAAK,GAAG,CAAC,gBAAgB,EAAE,CAAC;gBAC9C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBAEvC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;oBAC3B,EAAE,EAAE,OAAO,CAAC,EAAE;oBACd,IAAI,EAAE,OAAO,CAAC,IAAI;oBAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,SAAS,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;oBAC9D,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;oBAC5D,QAAQ,EAAE,OAAO,CAAC,QAAQ;oBAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,OAAO,EAAE,OAAO;iBACjB,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,CAAC;YAED,2EAA2E;YAC3E,kDAAkD;YAClD,IACE,OAAO,CAAC,eAAe;gBACvB,OAAO,CAAC,QAAQ,KAAK,GAAG,CAAC,uBAAuB;gBAChD,OAAO,CAAC,QAAQ,KAAK,GAAG,CAAC,gBAAgB,EACzC,CAAC;gBACD,MAAM,aAAa,GAAG,EAAE,CAAC;gBAEzB,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;oBACxC,IAAI,OAAO,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,WAAW,EAAE,CAAC;wBAC1D,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG;4BAC/B,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,QAAQ,EAAE,OAAO,CAAC,GAAG;4BACrB,YAAY,EAAE,EAAE;4BAChB,KAAK,EAAE,KAAK;yBACb,CAAC;oBACJ,CAAC;oBAED,IAAI,OAAO,CAAC,QAAQ,KAAK,GAAG,CAAC,iBAAiB,IAAI,OAAO,CAAC,QAAQ,KAAK,GAAG,CAAC,kBAAkB,EAAE,CAAC;wBAC9F,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC;oBAC9C,CAAC;oBAED,iGAAiG;oBACjG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;wBAC5C,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAEnC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;4BAC/C,EAAE,EAAE,OAAO,CAAC,EAAE;4BACd,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;4BAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;4BAC1B,SAAS,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;4BAC9D,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC;4BAC5D,QAAQ,EAAE,OAAO,CAAC,QAAQ;4BAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;4BACtB,OAAO,EAAE,OAAO;yBACjB,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;aACrD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;aAC/B,MAAM,CACL,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,KAAK,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAC/G,CAAC;QAEJ,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;aACtD,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;aAC/B,MAAM,CACL,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,KAAK,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAC/G,CAAC;QAEJ,oBAAoB;QACpB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACjF,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACpG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,iBAAiB,CAAC,WAAiC;QACjD,OAAO,CACL,WACE,KAAK,EAAE;gBACL,8BAA8B,EAAE,IAAI;gBACpC,CAAC,qCAAqC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,QAAQ;aACtF;YAED,WAAK,KAAK,EAAC,mCAAmC;gBAC5C,WAAK,KAAK,EAAC,oCAAoC,IAAE,WAAW,CAAC,IAAI,CAAO;gBAExE,WAAK,KAAK,EAAC,mCAAmC,IAC3C,IAAI,CAAC,WAAW,CAAC,UAAU,CAC1B,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,SAAS,EAC7C,WAAW,CAAC,MAAM,IAAI,WAAW,CAAC,OAAO,EACzC,MAAM,CACP,CACG;gBAEL,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CACrB,iBAAW,KAAK,EAAC,mCAAmC,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAC5F,IAAI,CAAC,YAAY,CAAC,QAAQ,CACjB,CACb,CAAC,CAAC,CAAC,CACF,iBACE,KAAK,EAAC,mCAAmC,EACzC,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC,IAEvG,IAAI,CAAC,YAAY,CAAC,QAAQ,CACjB,CACb,CACG,CACF,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,iBAAiB,EAAE,IAAI;SACxB,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,OAAO;gBACjB,4DAAK,KAAK,EAAC,0BAA0B;oBAkClC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAC3C,EAAC,QAAQ;wBACP,4DAAK,KAAK,EAAC,wBAAwB;4BACjC,4DAAK,KAAK,EAAC,uEAAuE;gCAChF,kEAAW,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,SAAS,GAAa;gCACnE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAChC,CACF;wBACN,4DAAK,KAAK,EAAC,wBAAwB;4BACjC,4DAAK,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,IAC5C,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtC,WAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,UAAU;gCAChD,oBAAc,KAAK,EAAC,0BAA0B;oCAC5C,yBAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAsB;oCAC3E,WAAK,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,IACzD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CACtE,CACO,CACX,CACP,CAAC,CACE,CACF,CACG,CACZ;oBAGA,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC;wBAC9C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC;wBACvC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,CAC1C,EAAC,QAAQ;wBACP,4DAAK,KAAK,EAAC,wBAAwB;4BACjC,4DAAK,KAAK,EAAC,8BAA8B;gCACvC,4DAAK,KAAK,EAAC,iEAAiE;oCAC1E,kEAAW,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,cAAc,GAAa;oCACxE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CACjC,CACF,CACF;wBACN,4DAAK,KAAK,EAAC,wBAAwB;4BACjC,4DAAK,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,IAC5C,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvC,WAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,UAAU;gCAChD,oBAAc,KAAK,EAAC,0BAA0B;oCAC5C,yBAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAsB;oCAC3E,WAAK,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,SAAS,IACzD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CACtE,CACO,CACX,CACP,CAAC,CACE,CACF,CACG,CACZ;oBAED,4DAAK,KAAK,EAAC,uBAAuB;wBAChC,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport { StzhLocaleAdapter } from \"../../../../index\";\n\nimport { VBZ, VbzTickerDisturbance, VbzTickerInfoUrl, VbzTickerLine } from \"../../../../index\";\n\nimport { StzhVbzTickerLocalizedText } from \"./stzh-vbz-ticker.localization\";\n\n/**\n * @slot link - Optional link to traffic situation\n */\n@Component({\n  tag: \"stzh-vbz-ticker\",\n  styleUrl: \"stzh-vbz-ticker.scss\",\n  scoped: true,\n})\nexport class StzhVbzTicker {\n  /** API URL (`{lang}` is replaced in the URL)  */\n  @Prop() api: string =\n    \"https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}\";\n\n  /** Data to pass in directly (alternative for API call) */\n  @Prop() data: any = \"\";\n  private _data: any;\n\n  /** More info link (`{lang}` and `{id}` are replaced in the URL) */\n  @Prop() moreInfoLink: string = \"https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}\";\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Translation strings. */\n  @Prop() localization: StzhVbzTickerLocalizedText;\n\n  @Element() element: HTMLStzhVbzTickerElement;\n\n  private globalDisturbances: VbzTickerDisturbance[] = [];\n  private linesWithDisturbances: VbzTickerLine[] = [];\n  private linesWithConstructions: VbzTickerLine[] = [];\n  private collator: Intl.Collator;\n\n  private counter = {\n    [`${VBZ.DISTURBANCE_GLOBAL}`]: 0,\n    [`${VBZ.DISTURBANCE_INFORMATION}`]: 0,\n    [`${VBZ.DISTURBANCE_CONSTRUCTION}`]: 0,\n    [`${VBZ.DISTURBANCE_NORMAL}`]: 0,\n    [`${VBZ.DISTURBANCE_EVENT}`]: 0,\n    [`${VBZ.DISTURBANCE_BUS}`]: 0,\n  };\n\n  @Watch(\"localization\")\n  localizationWatcher() {\n    this.collator = new Intl.Collator(this.localization.$locale, {\n      numeric: true,\n    });\n  }\n\n  @Watch(\"api\")\n  async apiWatcher(newValue: string) {\n    if (!newValue) {\n      return;\n    }\n\n    let apiUrl = this.api.replace(/\\{lang\\}/, this.localization.$locale);\n    apiUrl = apiUrl + (apiUrl.includes(\"?\") ? \"&\" : \"?\") + Date.now();\n\n    // load data from API\n    const { data } = await axios.get(apiUrl);\n\n    this.data = data;\n  }\n\n  @Watch(\"dateAdapter\")\n  dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n    if (!newValue) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  @Watch(\"data\")\n  async dataWatcher(newValue: any) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    const linesToDisplay: { [key: string]: VbzTickerLine } = {};\n\n    this._data?.Message?.forEach(message => {\n      const urls: VbzTickerInfoUrl[] = message.channel\n        .filter(channel => channel.name === VBZ.CHANNEL_TICKER && channel.url)\n        .map(channel => channel.url)\n        .reduce((a, b) => a.concat(b), []);\n\n      const infoUrl = urls.find(url => url.url.indexOf(VBZ.CHANNEL_INFO_URL_FILTER) !== -1);\n\n      if (message.baseType === VBZ.BASE_TYPE_GLOBAL) {\n        this.counter[VBZ.DISTURBANCE_GLOBAL]++;\n\n        this.globalDisturbances.push({\n          id: message.id,\n          head: message.head,\n          category: message.category,\n          baseType: message.baseType,\n          startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),\n          endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),\n          altStart: message.altStart,\n          altEnd: message.altEnd,\n          infoUrl: infoUrl,\n        });\n      } else {\n        this.counter[message.category]++;\n      }\n\n      // don't add to linesWithDisturbances if no line/product has been linked to\n      // or if it is a information disturbance or global\n      if (\n        message.affectedProduct &&\n        message.category !== VBZ.DISTURBANCE_INFORMATION &&\n        message.baseType !== VBZ.BASE_TYPE_GLOBAL\n      ) {\n        const affectedLines = [];\n\n        message.affectedProduct.forEach(product => {\n          if (typeof linesToDisplay[product.lineId] === \"undefined\") {\n            linesToDisplay[product.lineId] = {\n              line: product.line,\n              name: product.name,\n              category: product.cls,\n              disturbances: [],\n              alert: false,\n            };\n          }\n\n          if (message.category === VBZ.DISTURBANCE_EVENT || message.category === VBZ.DISTURBANCE_GLOBAL) {\n            linesToDisplay[product.lineId].alert = true;\n          }\n\n          // only add disturbance message to line if it was not already added (avoiding same message twice)\n          if (!affectedLines.includes(product.lineId)) {\n            affectedLines.push(product.lineId);\n\n            linesToDisplay[product.lineId].disturbances.push({\n              id: message.id,\n              head: message.head,\n              category: message.category,\n              baseType: message.baseType,\n              startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),\n              endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),\n              altStart: message.altStart,\n              altEnd: message.altEnd,\n              infoUrl: infoUrl,\n            });\n          }\n        });\n      }\n    });\n\n    this.linesWithDisturbances = Object.keys(linesToDisplay)\n      .map(key => linesToDisplay[key])\n      .filter(\n        line => line.disturbances.findIndex(disturbance => disturbance.category !== VBZ.DISTURBANCE_CONSTRUCTION) > -1,\n      );\n\n    this.linesWithConstructions = Object.keys(linesToDisplay)\n      .map(key => linesToDisplay[key])\n      .filter(\n        line => line.disturbances.findIndex(disturbance => disturbance.category === VBZ.DISTURBANCE_CONSTRUCTION) > -1,\n      );\n\n    // sort by line name\n    this.linesWithDisturbances.sort((a, b) => this.collator.compare(a.line, b.line));\n    this.linesWithConstructions.sort((a, b) => this.collator.compare(a.line, b.line));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"vbz-ticker\");\n      this.localizationWatcher();\n    }\n\n    this.dateAdapterWatcher(this.dateAdapter);\n\n    if (this.data) {\n      await this.dataWatcher(this.data);\n    } else {\n      await this.apiWatcher(this.api);\n    }\n  }\n\n  renderDisturbance(disturbance: VbzTickerDisturbance) {\n    return (\n      <div\n        class={{\n          \"stzh-vbz-ticker__disturbance\": true,\n          [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category,\n        }}\n      >\n        <div class=\"stzh-vbz-ticker__disturbance-text\">\n          <div class=\"stzh-vbz-ticker__disturbance-title\">{disturbance.head}</div>\n\n          <div class=\"stzh-vbz-ticker__disturbance-date\">\n            {this.dateAdapter.formatSpan(\n              disturbance.altStart || disturbance.startDate,\n              disturbance.altEnd || disturbance.endDate,\n              \"date\",\n            )}\n          </div>\n\n          {disturbance.infoUrl ? (\n            <stzh-link class=\"stzh-vbz-ticker__disturbance-link\" size=\"small\" href={disturbance.infoUrl.url}>\n              {this.localization.moreInfo}\n            </stzh-link>\n          ) : (\n            <stzh-link\n              class=\"stzh-vbz-ticker__disturbance-link\"\n              size=\"small\"\n              target=\"_blank\"\n              icon=\"external-link\"\n              href={this.moreInfoLink.replace(/\\{lang\\}/, this.localization.$locale).replace(/\\{id\\}/, disturbance.id)}\n            >\n              {this.localization.moreInfo}\n            </stzh-link>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-vbz-ticker\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-vbz-ticker__content\">\n            {/* TODO: Old stuff currently in verification whether to redesign or remove. */}\n\n            {/*{this.linesWithDisturbances.length === 0 && this.counter[VBZ.DISTURBANCE_GLOBAL] === 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances\">*/}\n            {/*    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"checkmark-circle\"></stzh-icon>*/}\n            {/*    {this.localization.noDisturbances}*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {/*{this.counter[DISTURBANCE_GLOBAL] > 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events\">*/}\n            {/*    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"important-warning\"></stzh-icon>*/}\n            {/*    {this.localization.majorEventTitle}*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {/*<div class=\"stzh-vbz-ticker__description\">*/}\n            {/*  {this.counter[VBZ.DISTURBANCE_GLOBAL] > 0*/}\n            {/*    ? this.localization.globalDisturbance*/}\n            {/*    : this.localization.affectedLines}*/}\n            {/*</div>*/}\n\n            {/*{this.counter[VBZ.DISTURBANCE_GLOBAL] > 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">*/}\n            {/*    <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">*/}\n            {/*      <stzh-vbz-linechip global></stzh-vbz-linechip>*/}\n            {/*      <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">*/}\n            {/*        {this.globalDisturbances.map(disturbance => this.renderDisturbance(disturbance))}*/}\n            {/*      </div>*/}\n            {/*    </stzh-tooltip>*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {this.counter[VBZ.DISTURBANCE_NORMAL] > 0 && (\n              <Fragment>\n                <div class=\"stzh-vbz-ticker__title\">\n                  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances\">\n                    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"warning\"></stzh-icon>\n                    {this.localization.disturbancesTitle}\n                  </div>\n                </div>\n                <div class=\"stzh-vbz-ticket__lines\">\n                  <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\n                    {this.linesWithDisturbances.map(line => (\n                      <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">\n                        <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">\n                          <stzh-vbz-linechip line={line.line} alert={line.alert}></stzh-vbz-linechip>\n                          <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">\n                            {line.disturbances.map(disturbance => this.renderDisturbance(disturbance))}\n                          </div>\n                        </stzh-tooltip>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </Fragment>\n            )}\n\n            {/* Constructions etc. */}\n            {(this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||\n              this.counter[VBZ.DISTURBANCE_EVENT] > 0 ||\n              this.counter[VBZ.DISTURBANCE_BUS] > 0) && (\n              <Fragment>\n                <div class=\"stzh-vbz-ticker__title\">\n                  <div class=\"stzh-vbz-ticker__title-parts\">\n                    <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others\">\n                      <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"construction\"></stzh-icon>\n                      {this.localization.constructionsTitle}\n                    </div>\n                  </div>\n                </div>\n                <div class=\"stzh-vbz-ticket__lines\">\n                  <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\n                    {this.linesWithConstructions.map(line => (\n                      <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">\n                        <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">\n                          <stzh-vbz-linechip line={line.line} alert={line.alert}></stzh-vbz-linechip>\n                          <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">\n                            {line.disturbances.map(disturbance => this.renderDisturbance(disturbance))}\n                          </div>\n                        </stzh-tooltip>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </Fragment>\n            )}\n\n            <div class=\"stzh-vbz-ticker__link\">\n              <slot name=\"link\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-vbz-ticker.js","sourceRoot":"","sources":["../../../../../../src/components/CMS/VBZ/stzh-vbz-ticker/stzh-vbz-ticker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport axios from \"axios\";\n\nimport { StzhLocaleAdapter, VBZ, VbzTickerDisturbance, VbzTickerInfoUrl, VbzTickerLine } from \"../../../../index\";\n\nimport { StzhVbzTickerLocalizedText } from \"./stzh-vbz-ticker.localization\";\n\n/**\n * @slot link - Optional link to traffic situation\n */\n@Component({\n  tag: \"stzh-vbz-ticker\",\n  styleUrl: \"stzh-vbz-ticker.scss\",\n  scoped: true,\n})\nexport class StzhVbzTicker {\n  /** API URL (`{lang}` is replaced in the URL)  */\n  @Prop() api: string =\n    \"https://fpbe.zvv.ch/restproxy/himsearch?format=json&accessId=unic&channels=ticker&additionalfields=tickers:VBZ&orderBy=LMOD_DESC&lang={lang}\";\n\n  /** Data to pass in directly (alternative for API call) */\n  @Prop() data: any = \"\";\n  private _data: any;\n\n  /** Whether to use local color definitions (from line-colors.json) or remote color definitions (from API). If API color definitions\n   *  are being used, local ones are still used as fallback. */\n  @Prop({ reflect: true }) useApiLineColors: boolean = false;\n\n  /** More info link (`{lang}` and `{id}` are replaced in the URL) */\n  @Prop() moreInfoLink: string = \"https://zvv.ch/{lang}/fahrplan-und-informationen/verkehrslage.html?himIds={id}\";\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Translation strings. */\n  @Prop() localization: StzhVbzTickerLocalizedText;\n\n  @Element() element: HTMLStzhVbzTickerElement;\n\n  private globalDisturbances: VbzTickerDisturbance[] = [];\n  private linesWithDisturbances: VbzTickerLine[] = [];\n  private linesWithConstructions: VbzTickerLine[] = [];\n  private collator: Intl.Collator;\n\n  private counter = {\n    [`${VBZ.DISTURBANCE_GLOBAL}`]: 0,\n    [`${VBZ.DISTURBANCE_INFORMATION}`]: 0,\n    [`${VBZ.DISTURBANCE_CONSTRUCTION}`]: 0,\n    [`${VBZ.DISTURBANCE_NORMAL}`]: 0,\n    [`${VBZ.DISTURBANCE_EVENT}`]: 0,\n    [`${VBZ.DISTURBANCE_BUS}`]: 0,\n  };\n\n  @Watch(\"localization\")\n  localizationWatcher() {\n    this.collator = new Intl.Collator(this.localization.$locale, {\n      numeric: true,\n    });\n  }\n\n  @Watch(\"api\")\n  async apiWatcher(newValue: string) {\n    if (!newValue) {\n      return;\n    }\n\n    let apiUrl = this.api.replace(/\\{lang\\}/, this.localization.$locale);\n    apiUrl = apiUrl + (apiUrl.includes(\"?\") ? \"&\" : \"?\") + Date.now();\n\n    // load data from API\n    const { data } = await axios.get(apiUrl);\n\n    this.data = data;\n  }\n\n  @Watch(\"dateAdapter\")\n  dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n    if (!newValue) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  @Watch(\"data\")\n  async dataWatcher(newValue: any) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    const linesToDisplay: { [key: string]: VbzTickerLine } = {};\n\n    this._data?.Message?.forEach(message => {\n      const urls: VbzTickerInfoUrl[] = message.channel\n        .filter(channel => channel.name === VBZ.CHANNEL_TICKER && channel.url)\n        .map(channel => channel.url)\n        .reduce((a, b) => a.concat(b), []);\n\n      const infoUrl = urls.find(url => url.url.indexOf(VBZ.CHANNEL_INFO_URL_FILTER) !== -1);\n\n      if (message.baseType === VBZ.BASE_TYPE_GLOBAL) {\n        this.counter[VBZ.DISTURBANCE_GLOBAL]++;\n\n        this.globalDisturbances.push({\n          id: message.id,\n          head: message.head,\n          category: message.category,\n          baseType: message.baseType,\n          startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),\n          endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),\n          altStart: message.altStart,\n          altEnd: message.altEnd,\n          infoUrl: infoUrl,\n        });\n      } else {\n        this.counter[message.category]++;\n      }\n\n      // don't add to linesWithDisturbances if no line/product has been linked to\n      // or if it is a information disturbance or global\n      if (\n        message.affectedProduct &&\n        message.category !== VBZ.DISTURBANCE_INFORMATION &&\n        message.baseType !== VBZ.BASE_TYPE_GLOBAL\n      ) {\n        const affectedLines = [];\n\n        message.affectedProduct.forEach(product => {\n          if (typeof linesToDisplay[product.lineId] === \"undefined\") {\n            linesToDisplay[product.lineId] = {\n              line: product.line,\n              icon: product.icon,\n              name: product.name,\n              category: product.cls,\n              disturbances: [],\n              alert: false,\n            };\n          }\n\n          if (message.category === VBZ.DISTURBANCE_EVENT || message.category === VBZ.DISTURBANCE_GLOBAL) {\n            linesToDisplay[product.lineId].alert = true;\n          }\n\n          // only add disturbance message to line if it was not already added (avoiding same message twice)\n          if (!affectedLines.includes(product.lineId)) {\n            affectedLines.push(product.lineId);\n\n            linesToDisplay[product.lineId].disturbances.push({\n              id: message.id,\n              head: message.head,\n              category: message.category,\n              baseType: message.baseType,\n              startDate: new Date(`${message.sDate}T${message.sTime}+02:00`),\n              endDate: new Date(`${message.eDate}T${message.eTime}+02:00`),\n              altStart: message.altStart,\n              altEnd: message.altEnd,\n              infoUrl: infoUrl,\n            });\n          }\n        });\n      }\n    });\n\n    this.linesWithDisturbances = Object.keys(linesToDisplay)\n      .map(key => linesToDisplay[key])\n      .filter(\n        line => line.disturbances.findIndex(disturbance => disturbance.category !== VBZ.DISTURBANCE_CONSTRUCTION) > -1,\n      );\n\n    this.linesWithConstructions = Object.keys(linesToDisplay)\n      .map(key => linesToDisplay[key])\n      .filter(\n        line => line.disturbances.findIndex(disturbance => disturbance.category === VBZ.DISTURBANCE_CONSTRUCTION) > -1,\n      );\n\n    // sort by line name\n    this.linesWithDisturbances.sort((a, b) => this.collator.compare(a.line, b.line));\n    this.linesWithConstructions.sort((a, b) => this.collator.compare(a.line, b.line));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"vbz-ticker\");\n      this.localizationWatcher();\n    }\n\n    this.dateAdapterWatcher(this.dateAdapter);\n\n    if (this.data) {\n      await this.dataWatcher(this.data);\n    } else {\n      await this.apiWatcher(this.api);\n    }\n  }\n\n  renderDisturbance(disturbance: VbzTickerDisturbance) {\n    return (\n      <div\n        class={{\n          \"stzh-vbz-ticker__disturbance\": true,\n          [`stzh-vbz-ticker__disturbance--type${disturbance.category}`]: !!disturbance.category,\n        }}\n      >\n        <div class=\"stzh-vbz-ticker__disturbance-text\">\n          <div class=\"stzh-vbz-ticker__disturbance-title\">{disturbance.head}</div>\n\n          <div class=\"stzh-vbz-ticker__disturbance-date\">\n            {this.dateAdapter.formatSpan(\n              disturbance.altStart || disturbance.startDate,\n              disturbance.altEnd || disturbance.endDate,\n              \"date\",\n            )}\n          </div>\n\n          {disturbance.infoUrl ? (\n            <stzh-link class=\"stzh-vbz-ticker__disturbance-link\" size=\"small\" href={disturbance.infoUrl.url}>\n              {this.localization.moreInfo}\n            </stzh-link>\n          ) : (\n            <stzh-link\n              class=\"stzh-vbz-ticker__disturbance-link\"\n              size=\"small\"\n              target=\"_blank\"\n              icon=\"external-link\"\n              href={this.moreInfoLink.replace(/\\{lang\\}/, this.localization.$locale).replace(/\\{id\\}/, disturbance.id)}\n            >\n              {this.localization.moreInfo}\n            </stzh-link>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-vbz-ticker\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-vbz-ticker__content\">\n            {/* TODO: Old stuff currently in verification whether to redesign or remove. */}\n\n            {/*{this.linesWithDisturbances.length === 0 && this.counter[VBZ.DISTURBANCE_GLOBAL] === 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--no-disturbances\">*/}\n            {/*    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"checkmark-circle\"></stzh-icon>*/}\n            {/*    {this.localization.noDisturbances}*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {/*{this.counter[DISTURBANCE_GLOBAL] > 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--major-events\">*/}\n            {/*    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"important-warning\"></stzh-icon>*/}\n            {/*    {this.localization.majorEventTitle}*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {/*<div class=\"stzh-vbz-ticker__description\">*/}\n            {/*  {this.counter[VBZ.DISTURBANCE_GLOBAL] > 0*/}\n            {/*    ? this.localization.globalDisturbance*/}\n            {/*    : this.localization.affectedLines}*/}\n            {/*</div>*/}\n\n            {/*{this.counter[VBZ.DISTURBANCE_GLOBAL] > 0 && (*/}\n            {/*  <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">*/}\n            {/*    <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">*/}\n            {/*      <stzh-vbz-linechip global></stzh-vbz-linechip>*/}\n            {/*      <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">*/}\n            {/*        {this.globalDisturbances.map(disturbance => this.renderDisturbance(disturbance))}*/}\n            {/*      </div>*/}\n            {/*    </stzh-tooltip>*/}\n            {/*  </div>*/}\n            {/*)}*/}\n\n            {this.counter[VBZ.DISTURBANCE_NORMAL] > 0 && (\n              <Fragment>\n                <div class=\"stzh-vbz-ticker__title\">\n                  <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances\">\n                    <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"warning\"></stzh-icon>\n                    {this.localization.disturbancesTitle}\n                  </div>\n                </div>\n                <div class=\"stzh-vbz-ticket__lines\">\n                  <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\n                    {this.linesWithDisturbances.map(line => (\n                      <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">\n                        <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">\n                          <stzh-vbz-linechip\n                            line={line.line}\n                            alert={line.alert}\n                            icon={line.icon}\n                            useApiLineColors={this.useApiLineColors}\n                          ></stzh-vbz-linechip>\n                          <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">\n                            {line.disturbances.map(disturbance => this.renderDisturbance(disturbance))}\n                          </div>\n                        </stzh-tooltip>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </Fragment>\n            )}\n\n            {/* Constructions etc. */}\n            {(this.counter[VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||\n              this.counter[VBZ.DISTURBANCE_EVENT] > 0 ||\n              this.counter[VBZ.DISTURBANCE_BUS] > 0) && (\n              <Fragment>\n                <div class=\"stzh-vbz-ticker__title\">\n                  <div class=\"stzh-vbz-ticker__title-parts\">\n                    <div class=\"stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others\">\n                      <stzh-icon class=\"stzh-vbz-ticker__icon\" name=\"construction\"></stzh-icon>\n                      {this.localization.constructionsTitle}\n                    </div>\n                  </div>\n                </div>\n                <div class=\"stzh-vbz-ticket__lines\">\n                  <div class=\"stzh-vbz-ticker__chips\" role=\"list\">\n                    {this.linesWithConstructions.map(line => (\n                      <div class=\"stzh-vbz-ticker__chip\" role=\"listitem\">\n                        <stzh-tooltip class=\"stzh-vbz-ticker__tooltip\">\n                          <stzh-vbz-linechip\n                            line={line.line}\n                            alert={line.alert}\n                            icon={line.icon}\n                            useApiLineColors={this.useApiLineColors}\n                          ></stzh-vbz-linechip>\n                          <div class=\"stzh-vbz-ticker__tooltip-content\" slot=\"content\">\n                            {line.disturbances.map(disturbance => this.renderDisturbance(disturbance))}\n                          </div>\n                        </stzh-tooltip>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </Fragment>\n            )}\n\n            <div class=\"stzh-vbz-ticker__link\">\n              <slot name=\"link\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 // import { getFigmaLink } from '../../../figma';
@@ -22,9 +21,6 @@ export default {
   component: 'stzh-vbz-ticker',
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -35,13 +31,13 @@ export default {
       url: getFigmaLink('vbz_ticker', 'EgegIml8Pz4neEpF8KLaDF'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Local = {
   render: (args) => story(args, TEMPLATE),
   args: {
+    api: '',
     data: TestResponse
   }
 };

package/dist/collection/components/CMS/stzh-archivelist/stzh-archivelist.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -16,8 +15,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: ['stzhItemClick']
+    stzhActions: {
+      events: ['stzhItemClick']
     },
     docs: {
       description: {
@@ -29,8 +28,7 @@ export default {
       url: getFigmaLink('archivelist'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const itemsOnlyLink = [

package/dist/collection/components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.js

@@ -61,7 +61,7 @@ export class StzhBathstatusItem {
             "stzh-bathstatus-item": true,
             [`stzh-bathstatus-item--${this.variant}`]: true,
         };
-        return (h(Host, { key: '049ceb12ea36d8540d62245110542cbce804d6b7' }, h("div", { key: 'af93314d9a9712643b4d758e67917778116a616f', class: classes }, !!this._item.description && h("div", { key: 'a917b9349b134461be1f738f085debbfa03e2c41', class: "stzh-bathstatus-item__description" }, this._item.description), h("div", { key: 'c17dfc404306d2a753860a1e9ec34b09a12fe7e0', class: "stzh-bathstatus-item-container" }, h("stzh-link", { key: '816825ba461c708ce5e51a5196339b57088a10e7', class: "stzh-bathstatus-item__title", size: "default", textAlign: "left", href: this._item.url, label: this._item.title }), !!this._item.temp && (h(Fragment, { key: '4fd0ead4e664c429f7059e76be391f461aed1f4a' }, h("div", { key: '37cd3e23f818f23b490ba7dc4f8e33e34dd33313', class: "stzh-bathstatus-item-key" }, this.localization.temperature), h("div", { key: '8da0302df8f4a96d97b4b1ee68d8b77f3a5ca06e', class: "stzh-bathstatus-item-value" }, this._item.temp))), !!this._item.statusMessage && (h(Fragment, { key: '8079570e42ca70cb479de3bd52a83e6a107072c0' }, h("div", { key: 'de3c53cbaba3c12fe1909beb09cb03934aa11c1e', class: "stzh-bathstatus-item-key" }, this.localization.status), h("div", { key: '1c4feab9ed2646ad86985f039a57004d5feef86a', class: "stzh-bathstatus-item-value" }, this._item.statusMessage))), !!this._item.lastUpdate && (h(Fragment, { key: 'd2d5919b7b779a9b27af04eede9158d949a42775' }, h("div", { key: 'dd9813587fc67e9a4f6e994a4e51d7b8e1b5591b', class: "stzh-bathstatus-item-key" }, this.localization.lastUpdate), h("div", { key: '426dc7476b0ff79c1fc4f5092d67fbf7642875e3', class: "stzh-bathstatus-item-value" }, this.isMedium ? (h(Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "datetimeLong"))) : (h(Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "dateInput"), " ", this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "time")))))), !!this._item.uvIndexPrediction && (h(Fragment, { key: '50848ab83a679b3e742996a4523a92f1c568176c' }, h("div", { key: '74a87aa163cfbdb17db7aee6bc5bf11b98b36222', class: "stzh-bathstatus-item-key" }, this.localization.uvIndexPrediction), h("div", { key: '09615be70ef67776a212324baa8f38c07d1362dc', class: "stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction" }, h("img", { key: 'b6743003860ceb1948142b2c27d927db63c4ed2a', src: `${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`, alt: "UV Index" + this._item.uvIndexPrediction }))))))));
+        return (h(Host, { key: '496723ede68faa084f028757800646bdb6d0efe5' }, h("div", { key: 'f964111a68fe87f325983a6cba18ad2e5e3a6822', class: classes }, !!this._item.description && h("div", { key: 'fcff4560326baecc20fe33318405cfec8001ce39', class: "stzh-bathstatus-item__description" }, this._item.description), h("div", { key: '312ba9f35912c9b0f10b027b4ba45011c84dc328', class: "stzh-bathstatus-item-container" }, h("stzh-link", { key: '9f44c9a983562d21fd3c236b39602174c38e4f68', class: "stzh-bathstatus-item__title", size: "default", textAlign: "left", href: this._item.url, label: this._item.title }), !!this._item.temp && (h(Fragment, { key: '9f5707749b2d45751f613b44b66d53cce88062da' }, h("div", { key: 'a82f2637155056bd56516f90c63deba5a8f1513d', class: "stzh-bathstatus-item-key" }, this.localization.temperature), h("div", { key: '55580e766b16ca9468671fb25adb6844a27f49cf', class: "stzh-bathstatus-item-value" }, this._item.temp))), !!this._item.statusMessage && (h(Fragment, { key: '68dbe0674fedf8368b91d6ed0af4fbe4cf23d6a3' }, h("div", { key: 'd8a01718ba91c0d39a6acdee5fb026be43c57cc5', class: "stzh-bathstatus-item-key" }, this.localization.status), h("div", { key: 'f6f0ed954a73ca41d033b0efdb1df98e2a1ffb99', class: "stzh-bathstatus-item-value" }, this._item.statusMessage))), !!this._item.lastUpdate && (h(Fragment, { key: '0b08d1badca10127a3aa9d1c8c37390f057c6da6' }, h("div", { key: 'bf907c9d6a91ae8517fd7acff92a2edc4b6d7436', class: "stzh-bathstatus-item-key" }, this.localization.lastUpdate), h("div", { key: '493c1714b655cdfc47ce64af428730fc32df0a7d', class: "stzh-bathstatus-item-value" }, this.isMedium ? (h(Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "datetimeLong"))) : (h(Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "dateInput"), " ", this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "time")))))), !!this._item.uvIndexPrediction && (h(Fragment, { key: '3299590f8fc202bed2614a89222e53953145acc4' }, h("div", { key: '1c0efe42467f9a6281eb1ef34c8372bba53ff465', class: "stzh-bathstatus-item-key" }, this.localization.uvIndexPrediction), h("div", { key: '7a1920a5ff79d5c04a55131260e7972b925a3d7a', class: "stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction" }, h("img", { key: '138c3757b4ac5f239078c5bf22f7b48d664d5914', src: `${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`, alt: "UV Index" + this._item.uvIndexPrediction }))))))));
     }
     static get is() { return "stzh-bathstatus-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -26,8 +25,7 @@ export default {
       url: getFigmaLink('bathstatus'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Teaser = {

package/dist/collection/components/CMS/stzh-bathstatus-list/stzh-bathstatus-list.js

@@ -46,7 +46,7 @@ export class StzhBathstatusList {
         const classes = {
             "stzh-bathstatus-list": true,
         };
-        return (h(Host, { key: 'b9cff6372116ca549aa308341ff92d380fbcc632' }, h("div", { key: 'a6153fdd9425def7d42ddca415f4ddca3ca9c52e', class: classes }, h("stzh-overlay", { key: 'f44bd56482dde583f6cde10be05554899e5a0484', open: this.isLoading }, h("stzh-loader", { key: 'c4674457d352f16dc981e5606ff7b7a6a34260eb', label: this.loadingText })), h("div", { key: '161160331abe63b34e0ca9016117efb1abade501', class: "stzh-bathstatus-list__header" }, h("div", { key: 'a8e3ff7ba47114c9609e438386b989535665defc', class: "stzh-bathstatus-list__column-name" }, this.localization.bath), h("div", { key: 'c21127a2167a7329525f3c9a3e45e718d8f2bfe9', class: "stzh-bathstatus-list__column-name" }, this.localization.water), h("div", { key: 'fa907650aeed5b0bc3ac0d844235de6f280858fd', class: "stzh-bathstatus-list__column-name" }, this.localization.status), h("div", { key: '0bbe23c4a04ede32ee23edd6db31d9ef02c1a4e8', class: "stzh-bathstatus-list__column-name" }, this.localization.lastUpdate)), h("div", { key: 'ce1a7c98d52cbe88a534eb12d431ca5f700b9339', class: "stzh-bathstatus-list__list", role: "list" }, h("slot", { key: 'd8061459273d61212b55023d55146da0cefd579a' }), this.items.length > 0 && (h(Fragment, { key: '7ad1c81c99ab590e70bc439e42b1489e3ec3c8be' }, this.items.map(item => (h("stzh-bathstatus-item", { item: item, variant: "list" })))))))));
+        return (h(Host, { key: '3235d24fdb96e731f5c69cd047cb93c6cc9591c4' }, h("div", { key: '0b0a5057591bc6b42d1ea0b21d39d0f0792b1825', class: classes }, h("stzh-overlay", { key: '101a29f2f84ebd779cd7dfc0fafa641041f43007', open: this.isLoading }, h("stzh-loader", { key: 'dd42ccca1e95bfd94d0538cdf1f6703dd8800b62', label: this.loadingText })), h("div", { key: 'ac6f1edc4dc9ccf87ac39b13badf7c0c2b1758f2', class: "stzh-bathstatus-list__header" }, h("div", { key: 'ab5a79808a6a402ac11b387ad15531525f111d6b', class: "stzh-bathstatus-list__column-name" }, this.localization.bath), h("div", { key: '47ccc622355e4e6e9e2e1e257019b81054554753', class: "stzh-bathstatus-list__column-name" }, this.localization.water), h("div", { key: '85fed10dafc95e26a6aa3693ef5c4330f8f676c8', class: "stzh-bathstatus-list__column-name" }, this.localization.status), h("div", { key: 'ac1b7e59b54d2b6f5374fca7de73784cb155d110', class: "stzh-bathstatus-list__column-name" }, this.localization.lastUpdate)), h("div", { key: '1f0a7c7aeacf1fee9df240d484773dfa89ea9d06', class: "stzh-bathstatus-list__list", role: "list" }, h("slot", { key: 'c719f099bc318a3608419e2c49d7e1187c3b2445' }), this.items.length > 0 && (h(Fragment, { key: 'fa9d43202adf7f76864f28b4844e826af079937c' }, this.items.map(item => (h("stzh-bathstatus-item", { item: item, variant: "list" })))))))));
     }
     static get is() { return "stzh-bathstatus-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-bathstatus-list/stzh-bathstatus-list.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 const COMPONENT_NAME = 'stzh-bathstatus-list';
@@ -38,8 +37,7 @@ export default {
         component: readme
       }
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const WithApi = {

package/dist/collection/components/CMS/stzh-card-superteaser/stzh-card-superteaser.js

@@ -126,7 +126,7 @@ export class StzhCardSuperteaser {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '319ba1541d2664bef85fa8c57036348ab8f05b2c', "has-image": hasImage }, h("article", { key: '7910c058b9cd59d489bf5e151f4f8348dbd030cd', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '85ffcc3c33c28e98962d9c775c030dc0114eed1e', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), h("div", { key: '107e650870f4c92029699aa1206982e2e69bbe8f', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '2a7665af63c9a66f7c5d1483d77f339195d9f316', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '974c53a6485c6f2eba4a452f8e9ef570cf653a36', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && h("div", { key: '390b9fedc123e9bae0738591b310a81828918a88', class: "stzh-card-superteaser__topic" }, this.topic), h(Heading, { key: '12c796bfa2c5688faef2b4f833b7b4f66525bfaf', class: `stzh-card-superteaser__heading ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__heading--slotted" : ""}` }, h(HeadingLink, { key: 'af5cccf1056cc817ce76b760118837784bb59417', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '3c7453f2aabf60c11710bf64eee69b9e467054a3', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '21d7c108b51bf064706e65fd34d8c4b9d825d99e', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (h("div", { key: 'e5b94ea96e183b1a3bd8196422713880cf8ac5ed', class: "stzh-card-superteaser__event-date" }, h("span", { key: '0fabb37127b36307a5aae8167ad745853f95c6f7' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '0b283654e17ccd0ad605265ce90cf4babeed0719' }, !this.isOnHomepage && h("span", { key: '22fbd8490d38fe8e0485086346c0d2d00b1f65d0' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'cabac47862cb03eec4713fce7b4bee3e2c057199', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), h("div", { key: '06ec46490d7f654d1ae81f986eaffd5c1e8959e0', class: `stzh-card-superteaser__description ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__description--slotted" : ""}` }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '779142cc228592dc0171e15c7633f2255f3a920b', class: "stzh-card-superteaser__image" }, eventDateStart && (h("div", { key: '1ea1bd8a72a80b92534fbdedc36c71ccf24a3975', class: "stzh-card-superteaser__event-date-teaser" }, h("div", { key: 'edbccf181f7d08ce51ac18b1bbf7317ab3272dbd', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '0acb19fefef722c6b7b3f142db3e2590f76dd6f8', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '24f370f313d1c683bb5b71573781fc3b17643351', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && h("div", { key: 'e32e5e83a26d4191437ab4672f3f9c8e1989960a', class: "stzh-card-superteaser__service" }, this.service), h("slot", { key: '1d46d0e477a639de84a52bcf14f88964eeb3bac4', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '5243f75161af72e64483fc2d849c95d647bbca8d', ratio: "2:1" }, h("div", { key: 'e42635e5cd609bb4bfbb09dc976d1100a2d11075', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: 'bdae2f7e9ea172a56ac9fc4d27b5908e0ed8d606', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'ee58f91c853d431ad1be6a341800ddb3c8512dfe', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '3b94e59f08b7e661fc5ec82b1efb3b839e3df91d', class: "stzh-card-superteaser__meta" }, h("div", { key: 'ea705ed1594680cc49938330e8411a3eb157d560', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '828377ad49cffe0f5373b3639802714f3221db0d', class: "stzh-card-superteaser__download" }, h("div", { key: '3bcb61f367927c6530fac66f6753aa5ef0aee7ca', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (h("div", { key: '125525bbc6ba8da665b0c0e7ac2822127e9b5f5a', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'e7cb2a38b723d77f2917ebc1a050bc6b3aac3abf', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), h("div", { key: 'e33a1af85bb6e1c6c5920bbc4c45043ac5422e4b', class: "stzh-card-superteaser__download-button" }, h("stzh-icon", { key: 'c9dcbedd8dfb9c9fe4b05048df729c65ac7d6d1c', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '5245e138f4b81ffb187fe51e3155fdee27947c66', "has-image": hasImage }, h("article", { key: 'c6613a4e654f576be4f0955aaf88906084f24b6e', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '063bf7197a15ca8634181e947a61cc177ea3baea', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), h("div", { key: '89de45450e9d783999ab5399107b21d62c5951d5', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '92cf3e4a99eefd42df9a392ad1feddcee7b820b0', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '1b80cba9903a04e7350e1463c5e7da6e057af10e', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && h("div", { key: 'a64ef101161aa9ff154e4920c2b627af658d9681', class: "stzh-card-superteaser__topic" }, this.topic), h(Heading, { key: 'd874ccd312a1c7f741b4c0890ce3d69e63e756ad', class: `stzh-card-superteaser__heading ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__heading--slotted" : ""}` }, h(HeadingLink, { key: '0a50a5cb89cab3a224f853fd84d70f053e99994b', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '0aa278f12ea65d12d5fe9734a08f09b2b97430d2', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '81acfe34018cb2480f43b1c72a64a017938ea2e5', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (h("div", { key: '74f580895437ce87c342c87bb4feafbb6c06a7a8', class: "stzh-card-superteaser__event-date" }, h("span", { key: '76f769c55a9764ea3dbcc57bd2f0fa86e93e5f87' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '99ecc1f86eccd583cf51b8b2929c0f5fdc84702c' }, !this.isOnHomepage && h("span", { key: '447370b6bb41cbd454082cce0f6468f11bcc4b98' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'aac3854ca21a2722c019e7adb21d9adcf8f191cb', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), h("div", { key: 'df4517459f1b1b4dec38dfe92487aba03fd5f44b', class: `stzh-card-superteaser__description ${hasSlot(this.element, "heading") ? "stzh-card-superteaser__description--slotted" : ""}` }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '497d53d2fa56e32797dba0060881bee0a1bb67dd', class: "stzh-card-superteaser__image" }, eventDateStart && (h("div", { key: 'c653466d2e71ce9f3b619a612aa16e83c0203e5a', class: "stzh-card-superteaser__event-date-teaser" }, h("div", { key: '909af11c3a7ac1a34051b03cdce753a10c27ad51', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'a3f059a03ded1c2889d78777583a1094a09dbf41', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '208913a664710ce9b5aaa2e9645658ba480fe220', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && h("div", { key: 'ad9242d67c859ba4d2c5fed3d3b3f6fbb59581a1', class: "stzh-card-superteaser__service" }, this.service), h("slot", { key: '00463aae0648705918c63fb808cbc82a10761694', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '4064134ef853017f4fa059daca447372d213c0b2', ratio: "2:1" }, h("div", { key: '453d4385f91b8e0216626a3ce186fb8f164c8d4c', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: 'de452159c99b43aee0ad15bc8a8c9184c6dc75b0', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'f193f54bba19d97ba295fa7c8be6082df96ed4cd', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '38bc118f5fbf031a768e38818671abf539462c79', class: "stzh-card-superteaser__meta" }, h("div", { key: '490e9a78baa4ac470d56c6389adccee0a6651ae9', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '8978cc5afac406bb40e78973db170ab0ad054502', class: "stzh-card-superteaser__download" }, h("div", { key: '977bb9149a8efe4305103e930362d5c654f27bd2', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (h("div", { key: '61ae2dc917b5b401198ac1ad1cd2a5434c20e7c6', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '03e2fd4a618d1be3776ae9bb1c03195904263c25', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), h("div", { key: '4e21b06bc0d47eff647e0a0d5a93877298ce9837', class: "stzh-card-superteaser__download-button" }, h("stzh-icon", { key: '6ba567d0c88b27cd24c4d85af91a5ad683537477', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
     }
     static get is() { return "stzh-card-superteaser"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-card-superteaser/stzh-card-superteaser.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -30,8 +29,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: ['stzhClick']
+    stzhActions: {
+      events: ['stzhClick']
     },
     docs: {
       description: {
@@ -43,8 +42,7 @@ export default {
       url: getFigmaLink('card-superteaser'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Media = {

package/dist/collection/components/CMS/stzh-contact/stzh-contact.js

@@ -147,7 +147,7 @@ export class StzhContact {
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
         const hasMainHeading = !!this.mainHeading || hasSlot(this.element, "main-heading");
-        return (h(Host, { key: '57322ee1d520a29beb3784d296128aeea4832f97', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: '004916525b0d7e05475fc7edcaad55202a826eee', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '24fc23fe4a718336e86f3b3dc5b797abd46fdfab', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, hasMainHeading && (h("div", { key: 'ce61a6e2dfe164639223d73aa202bcf0a7f0179b', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" })))), h("div", { key: '5f6711d8d0f79e53fbf94bc6d9a0f663cceeafab', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: 'fbec847a727b9afb6c81c766c07977ee28922f95', curve: "h3", level: "3" }, h("span", { key: 'beeb28282171bd875dcedb302b53e0c9f8d1ba57', class: "stzh-contact__role" }, this.personRole))), this.cityLabel && isOrganization && (h("stzh-heading", { key: '8c02187bba4a0ec9ab26c48085cf8974e82135a6', curve: "h3", level: "3" }, h("span", { key: '8fd1e8a6bfbd7c281f766303aa90bc2ac38b8fea', class: "stzh-contact__departament" }, this.cityLabel))), this.departament && isOrganization && (h("stzh-heading", { key: 'b5aaf3730e77fef668c8a3e266809580902fd9c8', curve: "h3", level: "3" }, h("span", { key: 'ee9bf0a9151b6c223f0d9ace065f15090d97c291', class: "stzh-contact__departament" }, this.departament))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: '0296c7fa17c812e743667ca1581d07d1cc27a0ab', class: "stzh-contact__main-heading-type" }, this.name && isPerson && h("stzh-heading", { key: '29cabfad18473fc9a2f145e5c192eace2406283f', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (h("stzh-heading", { key: 'efbc7d16bed4106feae2d755a07fa5edb0147de9', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '4924a75746ce16ae02cbb76dbbf7322c5a43defe', class: "stzh-contact__image-wrapper" }, h("div", { key: 'f5d1f546e94832eb8dca7a7c13f32d0536354ef4', class: "stzh-contact__image" }, h("slot", { key: 'a8048d1393d2b86576d9abba15d13b1bfc3d619d', name: "image" }))))), h("div", { key: '336b8c2bb9cd4e27250cc42b96bc47d08da9f925', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '91ea38d3412e9aee95c1d001709fab35383fb65c', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'ffc44b08670577587abe8977bac89ba30516ded1', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: 'eb5d6e313f891a80afb76215d5d0fbc4419b9f8c', class: "stzh-contact__contact-form" }, h("slot", { key: 'd3076448217fd80ffe164508cefe5bc64afb794a', name: "contact-form" })), h("div", { key: '8f3804eba63339c7fc00f1f945b0275e6e84e482', class: "stzh-contact__additional" }, h("slot", { key: '14227c31868989adf1c1553518deb05ca9ca7ca3' })), h("div", { key: '3915bba97fe2fac2e8dbddb2d98fcedea18d3196', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '96fbbcce53f9c15f2e4b04f04dd77816f6b0e2fd', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'b849b9a4ed53ad7e70a5f2afb4bf7075cec119ae', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '1753f50f29cf7fbccc9f3fe022d525c2efb00dbb' }, this._street.length > 0 && (h("div", { key: '5012e45f997439a8a80251d6d44364cf0ee8257d', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'cef86f797b3ed6fd2f7d374fcae3a3f5d6e6301b' }, h("br", { key: 'a8d909a5758b27f3f6e4bf05f71e7c266f9f50b0' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: 'e24ed881acc68d738cc4590a409fd3e1a309c88d', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: 'ad98a76b251955bf59ec09bb762db77be0ae641b', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '215adbee3dc1a4021cc31f63685f450299e67143', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '3bacb2732ae0e81f18c73c0c09d565c5cc187330', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'aa62cae1a4aae0d2ba683754cbe9c6188ccf1f8a', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), this.websites && (h("div", { key: '7e73adcfe1bebc6c24922efd1f84b78ce892a9c3', class: "stzh-contact__websites" }, this._websites.map(website => (h("div", { class: "stzh-contact__website" }, h("span", null, website.label, "\u00A0"), h("stzh-datalist-item", { href: website.href, value: website.text, rel: website.rel })))))), h("div", { key: '70befe249a1cdb991710052c22ab764256089ed0', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '687cab0eca83230a2d274c5d4be7c0a7e03be62e' }, this.poboxHeading && h("div", { key: 'cdf8b41f0baeae7a7001961d40886fbe5fab0b21', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: '4312f8468723ae001ed4396426371de46b1e683c', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: 'd86c7cbecf4015b81a2ad8b431ea477729452b38', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '58738d90c4f51bbf4ff2c399fd788f4e86b811bb', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: '47bd3bcc86418dacbee51d49a617fb8933a02b68', name: "pobox" })))), h("div", { key: 'c079eff0462d4f6a15b88abd93d38a6513be0e44', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '8c16dc4d4b8f67899ca33a6c12e3ff7a5a525e3d', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '8766020093430c112669a00efdf0f05347bdeaeb', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: 'a62590875a99969d5d82362fdd046054977cc057', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
+        return (h(Host, { key: 'bf25ad93a131e157c8864ab9f2bd4dd879e0e606', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: '3b447e2c45a068e9ca65b3122556de9c2d1c0ec1', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '55b8ad35e08235920c17f4a2ce8ba3f3c0e3391c', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, hasMainHeading && (h("div", { key: 'f12d78e085e96b56bf3c9f6d7afa2e090f8fa9ab', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" })))), h("div", { key: 'fd8e05cd628a2cf92d0007fce0f46243e5454ea1', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: 'cddded3e2fa37b1e7c5764513b4f07276ed91a8a', curve: "h3", level: "3" }, h("span", { key: 'b370f4bfba87a11e3e0390e3e9b10827763ea7c2', class: "stzh-contact__role" }, this.personRole))), this.cityLabel && isOrganization && (h("stzh-heading", { key: '6730ccc397c7f8b45830dc8f82bc4fed633043ae', curve: "h3", level: "3" }, h("span", { key: '2e7b9c876a4e748c37f46b1046f9ad39fa594ca7', class: "stzh-contact__departament" }, this.cityLabel))), this.departament && isOrganization && (h("stzh-heading", { key: '36a33a603c8cbbbbdcfb2265b78773419af2e301', curve: "h3", level: "3" }, h("span", { key: '21757c0c447187f65bd7a1a7ebc34be6e9dabcaf', class: "stzh-contact__departament" }, this.departament))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: '47d6a781a8e9a74d84a2bef798c732d4c5a251d8', class: "stzh-contact__main-heading-type" }, this.name && isPerson && h("stzh-heading", { key: '715ce5b13e007d8b9682af28b8a3e30fc0fd0502', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (h("stzh-heading", { key: '4079e5ca61a0cf906d86b8b17829e60306327a46', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '72916339a3d962e73a88d24ca555a05bba0cccc8', class: "stzh-contact__image-wrapper" }, h("div", { key: '2baf4c9fc505e31b09fb5406a200c9f33ad6eb31', class: "stzh-contact__image" }, h("slot", { key: 'ec9b40a777e52c218e24316a4f286e6dccc2e4b7', name: "image" }))))), h("div", { key: 'f098563592ef9574ba91dd15142568c33b245526', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '15e3cb269447d33bff4801c5fa878fc9a4e4c6b9', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '935e68f51a0ab25732d4172eb495cf58b048bf6a', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '9b68c3768e1afe50577e5e4691979cf6ddbfd755', class: "stzh-contact__contact-form" }, h("slot", { key: '391cc7caf910529414e5a7dab070737f9eaf841c', name: "contact-form" })), h("div", { key: '5938f237d5d2f9669cc781b90dae54d162d62d54', class: "stzh-contact__additional" }, h("slot", { key: '23725f1a2af406f17ba156355324c35aac9c53ca' })), h("div", { key: '2e1e56fe05e7416a566767350b04182dff8f6039', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '8a3ea58301037501a03ef4c158205717bc222bf9', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '68ed8a7fe6f4735eb5737184b357e6e152ca23fb', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '3d541c083a663cceef90bac63a05e58537b83f2c' }, this._street.length > 0 && (h("div", { key: '37f8e3393ec34c2602c6135fde2148cda29f9f89', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'cf65ef6f96133623144496698121519ff469b210' }, h("br", { key: '7ed101ca88620f4faaeb9439c10502428c3f6566' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '349153e65a33426a71acb7ccfa1f1301a643b2fe', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: 'ec60c015ee75fa578705a53c2231b1116f54aab8', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '55087fad059c1ddfba16cbbcb3d7de4460085838', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '7c84acb77f087a34eeb70e6b33e506f8f2f971e7', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'ccbc9b0af8537514099157d86297b08c99677144', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), this.websites && (h("div", { key: 'a747f8c8d665f70147c54ee7266a0965582048c2', class: "stzh-contact__websites" }, this._websites.map(website => (h("div", { class: "stzh-contact__website" }, h("span", null, website.label, "\u00A0"), h("stzh-datalist-item", { href: website.href, value: website.text, rel: website.rel })))))), h("div", { key: 'b78a674a69669dcb03b036f91006c27a04c3dbd5', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: 'cf25742b636cfb796dfbb5c389ef5d0079368bf8' }, this.poboxHeading && h("div", { key: 'ca14098c9afdcee223d4764aad8340a47287d7b1', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: '54e0766f51d8b09b6d08915737cc691b75b45517', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: 'dfd98bec8858a88b130d03765b41e1a88f9bd5f6', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '400735002cf640b7900b6f70975f8909484db699', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: '67fd686cd53e1535f6b37bcf36b9b57a63a2dd7a', name: "pobox" })))), h("div", { key: '992875b06112f5e2b45644df9d4d0110e561d244', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '60fed68aa68a9bfbe97c35d58d2a57e92aa30006', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '03705dc74e0dca0625b4607800ccd11482d79b39', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: 'f3444c5968f576979cb1075395f90670df98b20c', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
     }
     static get is() { return "stzh-contact"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-contact/stzh-contact.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 import { Default as Contactform_Default } from '../../../patterns/CMS/contactform/contactform.stories';
 
@@ -63,8 +62,7 @@ export default {
       url: getFigmaLink('contact'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const numbers = [

package/dist/collection/components/CMS/stzh-contact-cv/stzh-contact-cv.js

@@ -42,7 +42,7 @@ export class StzhContactCv {
             "stzh-contact-cv": true,
             "stzh-contact-cv--has-favorite-links": hasFavoriteLinks,
         };
-        return (h(Host, { key: '5a291f348ebadcbde51de7ad4b9ba377d797693f' }, h("div", { key: 'be10e062984ae67d06a055409d316d525cbce398', class: classes }, h("div", { key: 'bb62a08709141afdf55d3a1995d621d38544b928', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '87d66c355b366f232ae67dc4dc0b00d48993f370', class: "stzh-contact-cv__content-block" }, h("p", { key: 'ed25eb6233741fbf7eb61db8ac7d25b4d76151eb', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: 'beb4fb7eb9a9097dc8ad52ed286bc0fb010308ad' }, this.jobtitle)), h("stzh-text", { key: '501245e800c42f0935b4ca56eee9dcba0c80ca3e', class: "stzh-contact-cv__content-block" }, h("p", { key: 'efbef83306ebf2c2123a84b50517267c36660404', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '5df94126ed2b6021e0567a89473581438d0566dc' }, this.responsibilities)), h("stzh-text", { key: '18973ce79765d018999abb3e26b2ff7f7266cf0a', class: "stzh-contact-cv__content-block" }, h("p", { key: '0811996e0a7583db612496f654b53bd5b7248020', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: 'a09f673fc22590c133fb88e67b6e659e6665e69e' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '2316b0d44c23eab83c95570f610f2105c353fd78', class: "stzh-contact-cv__content-block" }, h("p", { key: 'ce0b3b4306b40d2eaf8bc72f1ffdbeae6fe72c3a', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: '92a4edb5f2c670560c8b224163f564bcd3f4707d' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: 'ebed4659a3cba6989971216a7ab5883715d18862', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: '51b1de961263ad8158b29a42fb70adf505717d08', class: "stzh-contact-cv__content-block" }, h("p", { key: '3aeda3f44d909d5a5a928ce44db5e6ec2d737307', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: 'c1b6c8b7f0d96caf017c67f7f7de6da15f411aee', name: "favorite-links" })))))));
+        return (h(Host, { key: '8466d32d09d3c011a69223619e781da2e088da0a' }, h("div", { key: '558bb0afcf909b6207c8674b59473d470c766628', class: classes }, h("div", { key: '3a51fdacc4c2d522d692aa03d6910cdff30efe27', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '6b7697590c006bb59ff7bac84fa286132e82c108', class: "stzh-contact-cv__content-block" }, h("p", { key: 'bec0a0b7d25f0f13239639124b58d38a42c2adfb', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: '90cc00c2e58c0f6b6b47962e05747813e7485222' }, this.jobtitle)), h("stzh-text", { key: 'd14d18d2803083cf3d39e89506277578db302f18', class: "stzh-contact-cv__content-block" }, h("p", { key: '2187062fac27fa5529421ace4f3a3219166713e3', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '3dbd9abb5b23c965c360513efa23da81b919cf56' }, this.responsibilities)), h("stzh-text", { key: '6af3fb5c4d99e2a1fe0779ff613fa54ba68ffcd5', class: "stzh-contact-cv__content-block" }, h("p", { key: '6722c85c9fb70e286456b99528e92784c095c8e9', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: '957cf2abb0b660d210d0ad3bd3c93e61482c6eb0' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '1597178300f9f6c771a4c77fd44fac9d9c80ff25', class: "stzh-contact-cv__content-block" }, h("p", { key: '0f87ae74514dc6dab15c5f9d9f41efdbb429c51e', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: '4217583b4969179fb1a5771991ee232c17c31dfa' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: '289ffce07c60875edc258c2d8c971189438fd5fd', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: 'fa94866d8d0acf524609425c0922567ab7848fe4', class: "stzh-contact-cv__content-block" }, h("p", { key: '48253aa57da577592b61eacd97e5163a191ab08a', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: '6abffb6d53acbeedc6396de446cea75d0259deea', name: "favorite-links" })))))));
     }
     static get is() { return "stzh-contact-cv"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-contact-cv/stzh-contact-cv.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -37,8 +36,7 @@ export default {
       url: getFigmaLink('contact'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-disturber/stzh-disturber.js

@@ -174,7 +174,7 @@ export class StzhDisturber {
             "stzh-disturber--has-link": linkUsed,
             "stzh-disturber--has-close-hidden": this.hideClose,
         };
-        return (h(Host, { key: '861040a01008f7fc6badcf562e1e6d3255470103' }, h("div", { key: 'ccfaf74d684c89e885fb7ba914597f512bbbb893', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '31e3345060aa1d5c1d506caf0c435bf6f852fe39', class: "stzh-disturber__content" }, h("div", { key: '9a88fcb0b7e88ad18c5057bdc90fa58b8b4da57a', class: "stzh-disturber__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '9af588ae178e34d96cfc12de95c5a0e7ad50990c', class: "stzh-disturber__link" }, h("slot", { key: 'ba98087a4b4d96bb1443a7f2db179d5ec066a170', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (h("div", { key: '3d6e10b856995fabc8a25da27ab5ff3cb900fdea', class: "stzh-disturber__close-wrapper" }, h("stzh-button", { key: '04e7775c49d9f6e2a458ff6f16ed86b76b20f5d1', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: '97d010263138b52246eda3fba22f23b38f9c9772' }, h("div", { key: '643fb5773565de82266cea9caf5192f419238f91', ref: el => (this.rootElement = el), class: classes }, h("div", { key: 'b935f54c0b0dfbbfbf56fff1953ae11c703ec8ee', class: "stzh-disturber__content" }, h("div", { key: 'ca4c150638c0e3bbedec70fdab1654bfc71d06c4', class: "stzh-disturber__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: 'b57310beb4865afb85a59a39ae2af29f8c68cea7', class: "stzh-disturber__link" }, h("slot", { key: '239a121b6895b4eb9286d24859e48e357309c8e6', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (h("div", { key: '5e0b3be486b2480dcdd3a8aabe25a0575742afd1', class: "stzh-disturber__close-wrapper" }, h("stzh-button", { key: 'c38bcc08bc208b79fa8a0062d2774b17d7c68bbf', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     static get is() { return "stzh-disturber"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-disturber/stzh-disturber.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -34,8 +33,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
     },
     docs: {
       description: {
@@ -47,8 +46,7 @@ export default {
       url: getFigmaLink('disturber'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-editor/stzh-editor.js

@@ -26,7 +26,7 @@ export class StzhEditor {
         const classes = {
             "stzh-editor": true,
         };
-        return (h(Host, { key: '791c543b2572b54d18c3fc179b4e8adcb3435177' }, h("div", { key: '30974153e6ee0dba8eb78b203fadbf2834e5b68e', class: classes }, h("div", { key: 'f9d13b4fba92f4f4b8d762f00819eb852174e9fe', class: "stzh-editor__wrapper" }, h("h2", { key: 'e35544e8341f76bc88f91771b2e7acc12f46cfea', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), h("ul", { key: '1df9e6372ccff95667c3a691f0da0dde9a5790a1', class: "stzh-editor__link-list" }, this._items.map(link => (h("li", { class: "stzh-editor__link-item" }, h("stzh-link", Object.assign({ class: "stzh-editor__link" }, link, { icon: typeof link.icon === "undefined" ? "arrow-right" : link.icon, iconPosition: "right" }))))))))));
+        return (h(Host, { key: '3826654e931bb9a17d5f3229e56daa1ec2bc06ce' }, h("div", { key: 'c8f1b6e6214af8a3574f1a5fbbcbfa7a88bac7de', class: classes }, h("div", { key: 'ff15e64c77544e297ee9f596edb17db0a21e9a6e', class: "stzh-editor__wrapper" }, h("h2", { key: '1c66be8867d2c7e6eb0dd0f8a7ffafe9ee40125c', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), h("ul", { key: '6799a33c02e07ad6bc39294a427b5d0d45d72a52', class: "stzh-editor__link-list" }, this._items.map(link => (h("li", { class: "stzh-editor__link-item" }, h("stzh-link", Object.assign({ class: "stzh-editor__link" }, link, { icon: typeof link.icon === "undefined" ? "arrow-right" : link.icon, iconPosition: "right" }))))))))));
     }
     static get is() { return "stzh-editor"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-editor/stzh-editor.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -26,8 +25,7 @@ export default {
       url: getFigmaLink('editor'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const items = [

package/dist/collection/components/CMS/stzh-eventdata/stzh-eventdata.js

@@ -11,7 +11,7 @@ export class StzhEventdata {
         const classes = {
             "stzh-eventdata": true,
         };
-        return (h(Host, { key: 'b55c7d5cb29ac76169d26ef7e4e8fa9d04fb6084' }, h("div", { key: 'c09d03f910672925c6babd21447110d76e5407f7', class: classes }, h("div", { key: '46bcd9823eb8bed1e201b59dbc49ddb59d283904', class: "stzh-eventdata__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '393e51aaca45fc45af2d0aacef8ee5e63df7b13c', class: "stzh-eventdata__content" }, h("slot", { key: 'ca227e13f17d29899090cc7ea8f1a97c95f8a8fe' })))));
+        return (h(Host, { key: 'ce5e8b171a540fd4bfac3afa5256befa4a5fa4fc' }, h("div", { key: '429543c584e5fc2ef19318777dc714421d44e24a', class: classes }, h("div", { key: '0b79200e04ccbcd5a8ce0a53b189b51d0b0ae906', class: "stzh-eventdata__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '59b14e62d15fa3697a46012a7392a85f27c2b500', class: "stzh-eventdata__content" }, h("slot", { key: '0d5efb5a2a28ab970f17dcedf53d551b775216b1' })))));
     }
     static get is() { return "stzh-eventdata"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-eventdata/stzh-eventdata.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -29,8 +28,7 @@ export default {
       url: getFigmaLink('eventdata'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-eventinfo/stzh-eventinfo.js

@@ -109,7 +109,7 @@ export class StzhEventinfo {
         const startDate = this.start && new Date(this.start);
         const endDate = this.end && new Date(this.end);
         const MonthHeading = `h${this.monthHeadingLevel}`;
-        return (h(Host, { key: 'a32b2da85e14793a8ac42c567645adc05c313bab' }, h("div", { key: '48cc5310cf1598a67c8f90101a3385733746e2db', class: classes }, h("div", { key: '3f9d2bbbb5583970b61f7449b62ae042ea3570b0', class: "stzh-eventinfo__left" }, h("div", { key: '0b3fb0501e18c49fa5a1c2308702eb147d5e4a5b', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: '8afc863522eb10fa093af0d055a3ea8147501e0f', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: '6f86a442aeed256785370d311679cc98c30c2941', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: 'fefcbbe7a4af3ebe5aac7a617d0a8bb663c0ccd9', class: "stzh-eventinfo__right" }, h("div", { key: '22dcc1dc67cf433a2d640da59b1ff5408f9fad6d' }, h("div", { key: 'b9d985bfd80c8a6e887e14c83ebff954247eedc5', class: "stzh-eventinfo__head" }, h("div", { key: 'a7508eee252429cfbe93d40694f3b8567a1401c2', class: "stzh-eventinfo__main-date" }, h("span", { key: 'f991e18a6599386fe43f5791c2038ff1162684d9' }, this.localization.$globals.dayNames[startDate.getDay()]), h("span", { key: '065ac0293daa18cd5b7a3ee9807eaf02d4b990b8' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (h("span", { key: '55295c97325e5d13b0f01eee74494535af6ee593' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (h("div", { key: '881676c7dc6218179ea3996d30cdef1cdb6ef7be', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: 'a80155da73482384b9f4c05894138a6383ae45d8', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '282cc40a84dd930b7f8446ab827cbe8dfc177709', class: "stzh-eventinfo__text" }, h("div", { key: '8baab4eef1ec47439d87b3e154529095a21fa701', class: "stzh-eventinfo__location" }, h("slot", { key: 'd7e634cbf9a888cd33d6ecc8ac7bafb6cb34dc76', name: "location" })), h("div", { key: 'f4368603e5f219bc3f72d3f87c07e6eb415cf260', class: "stzh-eventinfo__additional-info" }, h("slot", { key: 'a6678b84acfd6624bc45e0777fb667336664d871', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '29b2d0f60427580fcd6f13086ce0f9b4d045d502', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: 'bdd6ce10dca3c1402602bb270802c83b1fdd6a77', class: "stzh-eventinfo__details" }, h("stzh-link", { key: '8eaf24796204da113e868e0132091b847f5440a2', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: 'ba9bbedf658ddcf677c8e867f1e441bca73617bf', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '6f7ab80440f0f36104d8ca53c384662f25ae3207', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: 'c45b051dacc402be5977d935337624f9b4de9d36', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
+        return (h(Host, { key: '7123eaff9442dac3b7cee5ed3b903f28c1a6627e' }, h("div", { key: '9256802da8c2da6ae052db7208a352f36853dc95', class: classes }, h("div", { key: '873fe6135c02c5170a96ae5c8b3adc4562973712', class: "stzh-eventinfo__left" }, h("div", { key: '15725a688ca12e709d79878c550c828f214fafb6', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: 'a55993760f699d534da61a7feac3caef7535c372', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: '6eba8e7a5859c8f3db8d3f624d6be238715f5e0c', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '9dd6bb5c5625500784347a86b2072f3d3e8dfd43', class: "stzh-eventinfo__right" }, h("div", { key: 'a5db5609779a1dbe41be4480d26d5b6f10ae57a0' }, h("div", { key: '8e3ac956886c15a8d1b10b5278f77dcd8c098a9f', class: "stzh-eventinfo__head" }, h("div", { key: 'c934fa78f5cf525f07940f9fc3a47603caed3334', class: "stzh-eventinfo__main-date" }, h("span", { key: '795b2f2a8cd211f36c1c010fb6ebc4671749d83a' }, this.localization.$globals.dayNames[startDate.getDay()]), h("span", { key: 'dd96f5b1a72d67e615521b74490ddc61768c1bc0' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (h("span", { key: 'b20c0addc2f779951d79672ee7a797a0b1fd8af0' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (h("div", { key: '0ab6f6e068b9d692aab15649a5ff52bba64cfb8c', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: '55ca03c24cd40cca7a83441d3ae01d37ae4f8688', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '84f9f7cf9fe6b091d14d4ae47e0a3a82a26c0c8e', class: "stzh-eventinfo__text" }, h("div", { key: '50daf625986948f1e89274fa2a51dedca4874749', class: "stzh-eventinfo__location" }, h("slot", { key: '94551ccd7547206f6e263625ad319a766daeb298', name: "location" })), h("div", { key: '5d335494a9420133b5d57b97dbc29b30f9093797', class: "stzh-eventinfo__additional-info" }, h("slot", { key: '828b41e43af9cc0b857f88dbf7ec666e8cc225c3', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '91152ed111969be4397a1bc0096f43e9b57601de', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: 'e525e01ceeacaf9a6f67086f5c8ea69986d0e821', class: "stzh-eventinfo__details" }, h("stzh-link", { key: '54b566ba03c9a8537c57e5af74afb395d7332732', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: '395398d471df34a351bf8d3bdf3607e8b624c622', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '9f4f8f2e1f2a213e3edb1cfd3664977e38db17b0', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: '1ba434c2f4aac1bc0b62a710d87e171f12cfca01', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
             this.dateAdapter.formatSpan(event.start, event.end, "time"))), h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
     }
     static get is() { return "stzh-eventinfo"; }

package/dist/collection/components/CMS/stzh-eventinfo/stzh-eventinfo.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -36,8 +35,7 @@ export default {
       url: getFigmaLink('eventinfo'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const items = [

package/dist/collection/components/CMS/stzh-feedreader/stzh-feedreader.js

@@ -36,7 +36,7 @@ export class StzhFeedreader {
         const subscribeFeedSlotUsed = hasSlot(this.element, "subscribe-feed");
         const subscribeProxySlotUsed = hasSlot(this.element, "subscribe-proxy");
         const connectionErrorSlotUsed = hasSlot(this.element, "connection-error");
-        return (h(Host, { key: 'e38d99cd5fbf16ff2d7a5912628399abd1df7d04' }, h("div", { key: '20cbadadd7ba7241da76c365fa5a3a62c27686e8', class: classes }, h("div", { key: 'a00a151139fbc2d39070d1c9e5effa0fa92274e0', class: "stzh-feedreader__container" }, h("div", { key: '26d19ac2fb03aba5148621795fc0e2340e182f03', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '06828068ba871cbb95752bd148108e60aa777d25', level: this.headingLevel }, this.heading), h("stzh-text", { key: '80d04528dbdf6389679df8b99b14824636b34bed' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '849115cd7446fe9e9b0031d95d95b3c09c623dba', class: "stzh-feedreader__subscribe" }, h("slot", { key: '60fc2658c3563efdaf4fb7f7d529a1f47b5fbc9b', name: "subscribe-feed" }), h("slot", { key: '85a3a8504f9806dfce752d031aff0dffa2fbeb3e', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: '749780dc8c43a41d9a4154beb178c1fcbd3a0e83', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '804b56a51a74b4917077e4f0b7000122dfa347dc', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '67a08c249d8db2ef48b95f02698fc862a1443aa3', class: "stzh-feedreader__connection-error" }, h("slot", { key: '7a2f78ce30aa8e507d8faec00d0b1b47f2c51f1d', name: "connection-error" }))), h("div", { key: '62bb3e13dfacfbd3379cec08b1677b0a941bc26e', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '81d8f7f909215aed04b8a56d444242f74687d104' }))))));
+        return (h(Host, { key: '5fb6fc37385c006e6d4d88c7a4760a57f325e93f' }, h("div", { key: '641d6061d423ee8a48e7fa40b3e0c3278ee72ba1', class: classes }, h("div", { key: '64cfcdb723c86d6e72b58d1d430627ac46fddbf4', class: "stzh-feedreader__container" }, h("div", { key: '71ef744bf51a0169c7f2fb80daa0245336624d9a', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '4835e5ecc29ad1d33cc2d16b3b4a3a43286f0713', level: this.headingLevel }, this.heading), h("stzh-text", { key: '49b1a1cbf3afab87bf43e8a29370267854e20b82' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '1d3f2aeb4c9ce483396e5718b97fe27242074cac', class: "stzh-feedreader__subscribe" }, h("slot", { key: '49c62d2b212bee9c8904b4fbbc079eb15617f079', name: "subscribe-feed" }), h("slot", { key: 'e9576dbd9cbed7acefb0f346df611ec2d607df4e', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: '84305c6172f7abc9bdbf3e5dc15cc53396b2c6c3', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: 'b8eae8d77784089a5928993d91ebc07b17df5f17', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '05bb9ff7a16d133ce91304d33d0dfa019d9ddda7', class: "stzh-feedreader__connection-error" }, h("slot", { key: '0cbc250821ebb055029a96d0382607229ef57069', name: "connection-error" }))), h("div", { key: 'fdce0fddeb11bf90b688045715c2ec7be243b658', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: 'ed2dcce3771c25c4c21a2035f5016f059722f87c' }))))));
     }
     static get is() { return "stzh-feedreader"; }
     static get encapsulation() { return "scoped"; }