@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/collection/pages/home/home.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.e2e.js","sourceRoot":"","sources":["../../../../src/pages/home/home.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,GAAG,GAAG,YAAY,CAAC;AAEzB,MAAM,OAAO,GAAG,EAAE,CAAC;AAEnB,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC/B,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC1B,IAAI,CAAC,SAAS,OAAO,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;MACtD,MAAM,UAAU,CAAC;QACf,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,GAAG;OACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from \"@playwright/test\";\nimport { visualDiff } from \"../../../.build/test/utils\";\n\nconst URL = \"pages-home\";\n\nconst STORIES = [];\n\ntest.describe(\"page: home\", () => {\n  STORIES.forEach((storyId) => {\n    test(`story ${storyId} visual diff`, async ({ page }) => {\n      await visualDiff({\n        storyId,\n        page,\n        url: URL,\n      });\n    });\n  });\n});\n"]}

package/dist/collection/pages/publizistische-inhalte/publizistische-inhalte.e2e.js

@@ -0,0 +1,16 @@
+import { test } from "@playwright/test";
+import { visualDiff } from "../../../.build/test/utils";
+const URL = "pages-home";
+const STORIES = [];
+test.describe("page: home", () => {
+  STORIES.forEach((storyId) => {
+    test(`story ${storyId} visual diff`, async ({ page }) => {
+      await visualDiff({
+        storyId,
+        page,
+        url: URL,
+      });
+    });
+  });
+});
+//# sourceMappingURL=publizistische-inhalte.e2e.js.map

package/dist/collection/pages/publizistische-inhalte/publizistische-inhalte.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"publizistische-inhalte.e2e.js","sourceRoot":"","sources":["../../../../src/pages/publizistische-inhalte/publizistische-inhalte.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,GAAG,GAAG,YAAY,CAAC;AAEzB,MAAM,OAAO,GAAG,EAAE,CAAC;AAEnB,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC/B,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC1B,IAAI,CAAC,SAAS,OAAO,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;MACtD,MAAM,UAAU,CAAC;QACf,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,GAAG;OACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from \"@playwright/test\";\nimport { visualDiff } from \"../../../.build/test/utils\";\n\nconst URL = \"pages-home\";\n\nconst STORIES = [];\n\ntest.describe(\"page: home\", () => {\n  STORIES.forEach((storyId) => {\n    test(`story ${storyId} visual diff`, async ({ page }) => {\n      await visualDiff({\n        storyId,\n        page,\n        url: URL,\n      });\n    });\n  });\n});\n"]}

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stenc
 export { V as VBZ } from './index2.js';
 
 const name = "@oiz/stzh-components";
-const version = "3.0.0";
+const version = "3.1.0";
 
 const packageName = name.substring(name.indexOf('/')+1);
 // let focused = false;

package/dist/components/index2.js.map

@@ -1 +1 @@
-{"file":"index2.js","mappings":"AAAA;AACA;AACA;IAqoDiB,IAoMhB;AApMD,WAAiB,GAAG;EACL,oBAAgB,GAAG,QAAQ,CAAC;EAE5B,kBAAc,GAAG,QAAQ,CAAC;EAC1B,2BAAuB,GAAG,sBAAsB,CAAC;EAEjD,sBAAkB,GAAG,YAAY,CAAC;EAClC,2BAAuB,GAAG,GAAG,CAAC;EAC9B,4BAAwB,GAAG,GAAG,CAAC;EAC/B,sBAAkB,GAAG,GAAG,CAAC;EACzB,qBAAiB,GAAG,GAAG,CAAC;EACxB,mBAAe,GAAG,GAAG,CAAC;AAyLrC,CAAC,EApMgB,GAAG,KAAH,GAAG;;;;","names":[],"sources":["src/index.ts"],"sourcesContent":["// ---\n// Global window types\n// ---\n\nimport { StzhLocaleAdapter } from './utils/date-adapter';\n\nimport {\n  StzhLocaleComponent,\n  StzhLocaleFormats,\n  StzhLocaleGlobals,\n} from './utils/translation-utils';\n\nexport type WindowStzhComponents = {\n  version: string\n  supportedLocales: string[]\n  defaultLocale: string\n  translations: null | StzhLocaleComponent\n  translationsLoading: Promise<StzhLocaleComponent>\n  pathMedia: string\n  pathTranslations: string\n  pathVendors: string\n  cacheTranslations: boolean\n  formats: StzhLocaleFormats\n  fixAutofocus: boolean,\n  fixHashfocus: boolean,\n  utils: {\n    getLocale: (element: HTMLElement) => string\n    fetchTranslations: (host: HTMLElement, component: string) => Promise<StzhLocaleComponent & any>\n\n    format: (date: Date, type: string) => string\n    parse:(string: string, type: string) => Date\n    formatSpan: (date: Date | string, date2: Date | string, type: string) => string\n    parseSpan: (string: string, type: string) => [Date, Date, string]\n    createFormatParseAdapter: (formats: StzhLocaleFormats, globals: StzhLocaleGlobals) => StzhLocaleAdapter\n  }\n}\n\ndeclare global {\n  interface Window {\n    stzhComponents: WindowStzhComponents\n    // global third party library\n    pannellum: any\n    Dropzone: any\n    proj4: any\n    // readspeaker lib APIs\n    readpage: any\n    ReadSpeaker: any\n    rsConf: any\n    rspkr: any\n  }\n}\n\n// ---\n// Event Types\n// ---\n\n/* Sortable */\n\nexport type StzhSortableUpdateEvent = {\n  component: \"stzh-sortable\"\n  data: string[]\n  item: HTMLElement\n  newIndex: number\n  oldIndex: number\n}\n\nexport type StzhSortableDisableEvent = {\n  component: \"stzh-sortable\"\n  disabled: boolean\n}\n\n/* Panorama */\n\nexport type PanoramaScene = {\n  sceneId: string\n  imageSrc: string\n  imageTitle: string\n\n  imageAuthor?: string\n  imageType?: \"equirectangular\" | \"cubemap\" | \"multires\"\n  caption?: string\n  copyright?: string\n\n  pitch?: number\n  yaw?: number\n  hfov?: number\n\n  hotspots: PanoramaSceneHotSpot[]\n}\n\nexport type PanoramaScenesLibrary = {\n  [sceneKey: string]: {\n    title: string\n    author: string\n    panorama: string\n    type?: \"equirectangular\" | \"cubemap\" | \"multires\"\n\n    pitch?: number\n    yaw?: number\n    hfov?: number\n\n    hotSpots: PanoramaSceneHotSpot[]\n  }\n}\n\nexport type PanoramaSceneHotSpot = {\n  pitch: number\n  yaw: number\n  type: string\n  text: string\n  url?: string\n  id?: string,\n  sceneId?: string\n  targetPitch?: number\n  targetYaw?: number\n\n  cssClass?: string\n  createTooltipFunc?: Function\n  createTooltipArgs?: any\n}\n\nexport type StzhPanoramaLoadEvent = {\n  component: \"stzh-panorama\"\n}\n\nexport type StzhPanoramaChangeEvent = {\n  component: \"stzh-panorama\"\n  value: { pitch: number, yaw: number, hfov: number }\n}\n\nexport type StzhPanoramaFullscreenChangeEvent = {\n  component: \"stzh-panorama\"\n  value: boolean\n}\n\nexport type StzhPanoramaSceneChangeEvent = {\n  component: \"stzh-panorama\"\n  value: string\n}\n\nexport type StzhPanoramaZoomChangeEvent = {\n  component: \"stzh-panorama\"\n  value: number\n}\n\n/* Iframe */\n\nexport type StzhIframeView =\n  | \"iframe\"\n  | \"cookiewall\"\n  | \"preview\";\n\nexport type StzhIframeViewChangeEvent = {\n  component: \"stzh-iframe\"\n  value: StzhIframeView\n}\n\nexport type StzhIframePreviewSkipEvent = {\n  component: \"stzh-iframe\"\n}\n\n/* Olmap */\n\nexport type OlmapLayer = {\n  title?: string,\n  thumbnailUrl: string,\n  options: {\n    url: string,\n    layer: string,\n    matrixSet: string,\n    origin: number[],\n    extent: number[]\n  }\n}\n\nexport type StzhOlmapInitializedEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapPostRenderEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapMoveStartEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapMoveEndEvent = {\n  component: \"stzh-olmap\"\n}\n\n/* Sticky */\n\nexport type StzhStickyStuckTopEvent = {\n  component: \"stzh-sticky\"\n  sticky: boolean\n}\n\nexport type StzhStickyStuckBottomEvent = {\n  component: \"stzh-sticky\"\n  sticky: boolean\n}\n\n/* Table */\n\nexport type StzhDatatableCellData = {\n  value: string | number\n  isHeader?: boolean\n  align?: \"left\" | \"right\" | \"center\"\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\"\n  id?: string\n}\n\nexport type StzhDatatableRowData = {\n  [key: string]: StzhDatatableCellData\n};\n\nexport type StzhDatatableInputRowData = {\n  [key: string]: StzhDatatableCellData | string | number\n};\n\nexport type StzhDatatableColumnData = {\n  key: string\n  text?: string\n  align?: \"left\" | \"right\" | \"center\"\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\"\n  sort?: boolean | {\n    type?: \"numerical\" | \"text\"\n    field?: string\n  }\n  fixed?: \"left\" | \"right\"\n  isHeader?: boolean\n  hideColumnHeading?: boolean\n  analyticsId?: string\n  style?: {\n    [key: string]: string\n  },\n};\n\nexport type StzhDatatableRowClickEvent = {\n  component: \"stzh-datatable\"\n  row: any\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableCellClickEvent = {\n  component: \"stzh-datatable\"\n  row: any\n  column: any\n  cellIndex: number\n  rowIndex: number\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableHeadingCellClickEvent = {\n  component: \"stzh-datatable\"\n  column: any\n  index: number\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableSortClickEvent = {\n  component: \"stzh-datatable\"\n  column: any\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableSortByChangeEvent = {\n  component: \"stzh-datatable\"\n  value: string\n  oldValue: string\n}\n\nexport type StzhDatatableSortDirectionChangeEvent = {\n  component: \"stzh-datatable\"\n  value: \"asc\" | \"desc\"\n  oldValue: \"asc\" | \"desc\"\n}\n\n/* Archivelist */\n\nexport type StzhArchivelistItem = {\n  label: string\n  labelClamp?: any // attributes of HTMLStzhClampElement\n  href: string\n  dateline?: string\n  description?: string\n  descriptionClamp?: any // attributes of HTMLStzhClampElement\n}\n\nexport type StzhArchivelistItemClickEvent = {\n  component: \"stzh-archivelist\"\n  item: StzhArchivelistItem\n  originalEvent: MouseEvent\n}\n\n/* Anchornav */\n\nexport type StzhAnchornavItem = {\n  label: string\n  href?: string\n  icon?: string\n}\n\nexport type StzhAnchornavItemClickEvent = {\n  component: \"stzh-anchornav\"\n  item: StzhAnchornavItem\n  originalEvent: MouseEvent\n}\n\n/* Status */\n\nexport type StzhStatusType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n/* Badge */\n\nexport type StzhBadgeType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n/* Actionset */\n\nexport type StzhActionsetItem = {\n  id: string\n  label?: string\n  icon?: string\n  iconPosition?: \"left\" | \"right\"\n  iconOnly?: boolean\n  badge?: string\n  badgeEmpty?: boolean\n  badgeType?: StzhBadgeType\n  variant?: StzhButtonVariant\n  size?: StzhButtonSize\n  badgePosition?: \"icon\" | \"button\"\n  tooltipContent?: string\n}\n\nexport type StzhActionsetItemClickEvent = {\n  component: \"stzh-actionset\"\n  action: StzhActionsetItem\n  originalEvent: MouseEvent\n}\n\n/* Audio */\n\nexport type StzhAudioPlayEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioPlayingEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioPauseEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioReplayEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioEndEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioEndedEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioErrorEvent = {\n  component: \"stzh-audio\"\n  originalEvent: ErrorEvent\n}\n\n/* Share */\n\nexport type ShareService = \"facebook\" | \"twitter\" | \"linkedin\" | \"xing\" | \"mail\";\n\n/* Footer Editor */\n\nexport type StzhEditorLink = {\n  label: string\n  href?: string\n  icon?: string\n  rel?: string\n  target?: string\n}\n\n/* Header */\n\nexport type StzhHeaderMenuItem = {\n  label: string\n  href?: string\n  items?: StzhHeaderMenuItem[]\n  id?: string\n}\n\nexport type StzhHeaderMetanavItem = {\n  label: string\n  labelShort?: string\n  labelHidden?: boolean\n  stay?: boolean\n  stayAndShowInMobileMenu?: boolean\n  variant?: \"default\" | \"secondary\" // used for menu-item and popover\n  size?: \"default\" | \"large\" // used for menu-item and popover\n  important?: boolean\n  importantSubmenu?: boolean\n  badgeEmpty?: boolean\n  badgeType?: StzhBadgeType\n  badge?: string\n  icon?: string\n  iconOpen?: string\n  href?: string\n  target?: string\n  id?: string\n  items?: {\n    label: string\n    href?: string\n    target?: string\n    icon?: string\n    counter?: number\n    badge?: string\n    badgeType?: StzhBadgeType\n  }[],\n  itemButton?: {\n    label: string\n    href?: string\n    target?: string\n    size?: StzhButtonSize\n  }\n}\n\nexport type StzhHeaderMetanavItemClickEvent = {\n  component: \"stzh-header\"\n  item: StzhHeaderMetanavItem\n  originalEvent: MouseEvent\n}\n\nexport type StzhHeaderMenuItemClickEvent = {\n  component: \"stzh-header\"\n  item: StzhHeaderMenuItem\n  originalEvent: MouseEvent\n}\n\nexport type StzhHeaderLanguageChangeEvent = {\n  component: \"stzh-header\"\n  value: string\n}\n\nexport type StzhHeaderSearchChangeEvent = {\n  component: \"stzh-header\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhHeaderSearchChangedEvent = {\n  component: \"stzh-header\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\n/* Breadcrumb */\n\nexport type StzhBreadcrumbItem = {\n  label: string\n  href: string\n}\n\nexport type StzhBreadcrumbItemClickEvent = {\n  component: \"stzh-breadcrumb\"\n  item: StzhBreadcrumbItem\n  originalEvent: MouseEvent\n}\n\n/* Card */\n\nexport type StzhCardHeaderAction = {\n  id: string\n  label?: string\n  icon?: string\n  badge?: string\n  badgeEmpty?: boolean\n  badgeType?: StzhBadgeType\n}\n\nexport type StzhCardSubtitleClickEvent = {\n  component: \"stzh-card\"\n  originalEvent: MouseEvent\n}\n\nexport type StzhCardCollapseEvent = {\n  component: \"stzh-card\"\n  collapsed: boolean\n}\n\nexport type StzhCardClickEvent = {\n  component: \"stzh-card\"\n  originalEvent: MouseEvent,\n  href: string\n}\n\nexport type StzhCardStarClickEvent = {\n  component: \"stzh-card\"\n  starred: boolean\n  originalEvent: MouseEvent\n}\n\nexport type StzhCardHeaderActionClickEvent = {\n  component: \"stzh-card\"\n  action: StzhCardHeaderAction\n  originalEvent: MouseEvent\n}\n\n/* Card Navigation */\n\nexport type StzhCardNavigationClickEvent = {\n  component: \"stzh-card-navigation\"\n  originalEvent: MouseEvent,\n  href: string\n}\n\n/* Card Superteaser */\n\nexport type StzhCardSuperteaserClickEvent = {\n  component: \"stzh-card-superteaser\"\n  originalEvent: MouseEvent,\n  href: string\n}\n\n/* Card Searchresult */\n\nexport type StzhCardSearchresultClickEvent = {\n  component: \"stzh-card-searchresult\"\n  originalEvent: MouseEvent,\n  href: string\n}\n\n/* Search */\n\nexport type StzhSearchResult = {\n  html?: string\n\n  href?: string\n  heading?: string\n  dateline?: string\n  description?: string\n  image?: string\n  imagePosition?: \"default\" | \"right\"\n  tag?: string\n  topic?: string\n  service?: string\n  serviceColor?: string\n  serviceBackgroundColor?: string\n  meta?: string[],\n  breadcrumbItems?: StzhBreadcrumbItem[]\n  eventDateStart?: string\n  eventDateEnd?: string\n  eventLocation?: string\n  download?: string\n  downloadHeading?: string\n  downloadMeta?: string[]\n}\n\n/* Microsite Teaserlist */\n\nexport type StzhMicrositeTeaserlistTag = {\n  id: string\n  name: string\n}\n\nexport type StzhMicrositeTeaserlistItem = {\n  title?: string\n  description?: string\n  image?: string\n  link: string\n  tags: string[]\n  teaserid: string\n}\n\n/* Cardlist */\n\nexport type StzhCardlistCollapseAllEvent = {\n  component: \"stzh-cardlist\"\n  allCollapsed: boolean\n}\n\n/* Calendar */\n\nexport type StzhCalendarChangeEvent = {\n  component: \"stzh-calendar\"\n  valueAsDate: Date\n  value: string\n}\n\n/* Datepicker */\n\nexport type StzhDatepickerChangeEvent = {\n  component: \"stzh-datepicker\"\n  value: string,\n  valueAsDate: Date\n}\n\n/* Pagination */\n\nexport type StzhPaginationChangeEvent = {\n  component: \"stzh-pagination\"\n  page: number\n}\n\n/* Timepicker */\n\nexport type StzhTimepickerChangeEvent = {\n  component: \"stzh-timepicker\"\n  value: string\n}\n\n/* Monthyearpicker */\n\nexport type StzhMonthyearpickerChangeEvent = {\n  component: \"stzh-monthyearpicker\"\n  value: string\n  valueMonth: string\n  valueYear: string\n}\n\n/* Amount */\n\nexport type StzhAmountChangeEvent = {\n  component: \"stzh-amount\"\n  value: string\n}\n\n/* Appointments */\n\nexport type StzhAppointmentsChangeEvent = {\n  component: \"stzh-appointments\"\n  value: string\n}\n\n/* Skiplink */\n\nexport type StzhSkiplinkFocusEvent = {\n  component: \"stzh-skiplink\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhSkiplinkBlurEvent = {\n  component: \"stzh-skiplink\"\n  originalEvent: FocusEvent\n}\n\n/* Checkbox */\n\nexport type StzhCheckboxChangeEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: InputEvent | Event\n  value: string\n  checked: boolean\n}\n\nexport type StzhCheckboxFocusEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhCheckboxBlurEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhCheckboxgroupChangeEvent = {\n  component: \"stzh-checkboxgroup\"\n  value: string[]\n}\n\n/* Toggle */\n\nexport type StzhToggleChangeEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhToggleFocusEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhToggleBlurEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: FocusEvent\n}\n\n/* Button */\n\nexport type StzhButtonVariant = \"default\" | \"secondary\" | \"tertiary\" | \"tertiary-plain\";\nexport type StzhButtonSize = \"default\" | \"small\" | \"tiny\";\n\nexport type StzhButtonFocusEvent = {\n  component: \"stzh-button\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhButtonBlurEvent = {\n  component: \"stzh-button\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhButtonClickEvent = {\n  component: \"stzh-button\"\n  originalEvent: MouseEvent\n  href: string\n}\n\nexport type StzhButtonChangeEvent = {\n  component: \"stzh-button\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\n/* Link */\n\nexport type StzhLinkSize = \"default\" | \"small\" | \"inherit\";\n\nexport type StzhLinkFocusEvent = {\n  component: \"stzh-link\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhLinkBlurEvent = {\n  component: \"stzh-link\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhLinkClickEvent = {\n  component: \"stzh-link\"\n  originalEvent: MouseEvent\n  href: string\n}\n\n/* Menu (Item) */\n\nexport type StzhMenuVariant = \"default\" | \"secondary\"\nexport type StzhMenuSize = \"default\" | \"large\"\n\nexport type StzhMenuItemFocusEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhMenuItemBlurEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhMenuItemClickEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: MouseEvent,\n  href: string\n}\n\n/* Carousel */\n\nexport type StzhCarouselSlideStartEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\nexport type StzhCarouselSlidePassedEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\nexport type StzhCarouselSlideEndEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\n/* Chipselect */\n\nexport type StzhChipselectItem = {\n  label: string\n  value: string\n  disabled?: boolean\n  variant?: StzhChipVariant\n  type?: StzhChipType\n  inverted?: boolean\n  counter?: string\n  icon?: string\n  size?: StzhChipSize\n}\n\nexport type StzhChipselectChangeEvent = {\n  component: \"stzh-chipselect\"\n  value: string[] | string\n}\n\n/* Gallery */\n\nexport type StzhGalleryItem = {\n  width: number\n  height: number\n  src: string\n  srcLightbox?: string\n  srcsetLightbox?: string\n  alt?: string\n  copyright?: string\n  heading?: string\n  headingLightbox?: string\n  caption?: string\n  captionLightbox?: string\n  lightboxHtml?: string\n  hideCounter?: boolean\n}\n\n/* Datalist */\n\nexport type StzhDatalistItemEntry = {\n  value: string\n  leadingIcon?: string\n  label?: string\n  meta?: string\n  icon?: string\n  iconLabel?: string\n  iconTooltip?: string\n  statusLabel?: string\n  statusType?: StzhStatusType\n  href?: string\n  rel?: string\n  target?: string\n  items?: StzhDatalistItemEntry[]\n}\n\nexport type StzhDatalistVariant = \"default\" | \"table\"\nexport type StzhDatalistDirection = \"vertical\" | \"horizontal\"\n\nexport type StzhDatalistVariantChangeEvent = {\n  component: \"stzh-datalist\"\n  value: StzhDatalistVariant\n}\n\nexport type StzhDatalistDirectionChangeEvent = {\n  component: \"stzh-datalist\"\n  value: \"vertical\" | \"horizontal\"\n}\n\n/* Datalist Item */\n\nexport type StzhDatalistItemActionClickEvent = {\n  component: \"stzh-datalist-item\"\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatalistItemClickEvent = {\n  component: \"stzh-datalist-item\"\n  originalEvent: MouseEvent\n  href: string\n}\n\n/* Datamessagelist */\n\nexport type StzhDatamessagelistItemEntryMeta = {\n  label: string\n  value: string\n}\n\nexport type StzhDatamessagelistItemEntryAction = {\n  id: string | number\n  icon: string\n  label: string,\n  badge?: string\n}\n\nexport type StzhDatamessagelistItemEntryTag = {\n  icon: string\n  label: string\n  type?: StzhChipType\n  inverted?: boolean\n}\n\nexport type StzhDatamessagelistItemEntryLoadingStatus = {\n  percent: number\n  label: string\n  type: \"default\" | \"success\" | \"warning\" | \"error\"\n}\n\nexport type StzhDatamessagelistItemClickEvent = {\n  component: \"stzh-datamessagelist-item\",\n  originalEvent: MouseEvent,\n  href: string\n}\n\nexport type StzhDatamessagelistItemActionClickEvent = {\n  component: \"stzh-datamessagelist-item\",\n  action: StzhDatamessagelistItemEntryAction,\n  originalEvent: MouseEvent\n}\n\n/* Cta */\n\nexport type StzhCtaFocusEvent = {\n  component: \"stzh-cta\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhCtaBlurEvent = {\n  component: \"stzh-cta\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhCtaClickEvent = {\n  component: \"stzh-cta\"\n  originalEvent: MouseEvent,\n  href: string\n}\n\n/* Tag */\n\nexport type StzhTagSize = \"default\" | \"large\"\nexport type StzhTagType = \"default\" | \"secondary\"\n\nexport type StzhTagClickEvent = {\n  component: \"stzh-tag\",\n  originalEvent: MouseEvent,\n  href: string;\n}\n\nexport type StzhTagFocusEvent = {\n  component: \"stzh-tag\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhTagBlurEvent = {\n  component: \"stzh-tag\"\n  originalEvent: FocusEvent\n}\n\n/* Chip */\n\nexport type StzhChipVariant = \"tag\" | \"filter\" | \"input\"\nexport type StzhChipSize = \"default\" | \"small\" | \"large\"\nexport type StzhChipType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n\nexport type StzhChipClickEvent = {\n  component: \"stzh-chip\",\n  originalEvent: MouseEvent\n  href: string;\n}\n\nexport type StzhChipRemoveEvent = {\n  component: \"stzh-chip\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhChipFocusEvent = {\n  component: \"stzh-chip\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhChipBlurEvent = {\n  component: \"stzh-chip\"\n  originalEvent: FocusEvent\n}\n\n/* VBZ Major Ticker */\n\nexport type StzhVbzMajortickerDisturbance = {\n  id: string\n  head: string\n  text: string\n  startDate: Date\n  endDate: Date\n  altStart: string\n  altEnd: string\n  infoUrl?: VbzTickerInfoUrl\n};\n\nexport type StzhVbzMajortickerDisturbanceFetchedEvent = {\n  component: \"stzh-vbz-majorticker\"\n  disturbance: StzhVbzMajortickerDisturbance | null\n}\n\n/* VBZ Ticker */\n\nexport type VbzTickerInfoUrl = {\n  name: string\n  url: string\n};\n\nexport type VbzTickerDisturbance = {\n  id: string\n  head: string\n  startDate: Date\n  endDate: Date\n  altStart: string\n  altEnd: string\n  baseType?: string\n  infoUrl?: VbzTickerInfoUrl\n  category:\n    | typeof VBZ.DISTURBANCE_INFORMATION\n    | typeof VBZ.DISTURBANCE_CONSTRUCTION\n    | typeof VBZ.DISTURBANCE_NORMAL\n    | typeof VBZ.DISTURBANCE_EVENT\n    | typeof VBZ.DISTURBANCE_BUS\n};\n\nexport type VbzTickerLine = {\n  line: VBZ.Lines\n  name: string\n  disturbances: VbzTickerDisturbance[]\n  // whether normal or big disturbance for this line exist\n  alert: boolean\n  // 2 = Fernverkehr / 16 = Schiff / 32 = S-Bahn/Reg / 64 = Bus / 128 = Bergbahn / 256 = Nachtnetz / 512 = Tram\n  category: \"2\" | \"16\" | \"32\" | \"64\" | \"128\" | \"256\" | \"512\"\n};\n\n/* VBZ Line Chip */\n\nexport type StzhVbzLinechipLine = {\n  color: string\n  background: string\n  comment?: string\n}\n\nexport type StzhVbzLinechipFocusEvent = {\n  component: \"stzh-vbz-linechip\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhVbzLinechipBlurEvent = {\n  component: \"stzh-vbz-linechip\"\n  originalEvent: FocusEvent\n}\n\n/* Clamp */\n\nexport type StzhClampClampEvent = {\n  component: \"stzh-clamp\"\n  clamped: boolean\n}\n\nexport type StzhClampExpandEvent = {\n  component: \"stzh-clamp\"\n  expanded: boolean\n}\n\n/* Image Comparison */\n\nexport type StzhImagecomparisonChangeEvent = {\n  component: \"stzh-imagecomparison\"\n  originalEvent: InputEvent\n  value: number\n}\n\n/* Dialog */\n\nexport type StzhDialogOpenEvent = {\n  component: \"stzh-dialog\"\n}\n\nexport type StzhDialogCloseEvent = {\n  component: \"stzh-dialog\"\n}\n\n/* Contact */\n\nexport type ContactEmail = {\n  label: string\n  text: string\n  href?: string\n  analyticsId?: string\n}\n\nexport type ContactNumber = {\n  type: \"tel\" | \"fax\"\n  label: string\n  number: string\n  analyticsId?: string\n}\n\nexport type StzhContactAvailabilityItem = {\n  weekday: string\n  hours: string[]\n}\n\n/* Eventinfo */\n\nexport type StzhEventinfoItemInput = {\n  calendarUrl?: string\n  calendarLabel?: string\n  start: string | Date\n  end: string | Date\n}\n\nexport type StzhEventinfoItem = {\n  calendarUrl?: string\n  calendarLabel?: string\n  start: Date\n  end: Date\n}\n\nexport type StzhEventinfoMonth = {\n  name: string\n  events: StzhEventinfoItem[]\n}\n\n/* Overlay */\n\nexport type StzhOverlayOpenEvent = {\n  component: \"stzh-overlay\"\n}\n\nexport type StzhOverlayCloseEvent = {\n  component: \"stzh-overlay\"\n}\n\n/* Banner */\n\nexport type StzhBannerOpenEvent = {\n  component: \"stzh-banner\"\n}\n\nexport type StzhBannerCloseEvent = {\n  component: \"stzh-banner\"\n}\n\n/* Message */\n\nexport type StzhMessageOpenEvent = {\n  component: \"stzh-message\"\n}\n\nexport type StzhMessageCloseEvent = {\n  component: \"stzh-message\"\n}\n\n/* Toastbar */\n\nexport type StzhToastbarInitialToast = {\n  label: string\n  type?: StzhToastType\n  link?: HTMLStzhLinkElement | {\n    href: string,\n    label: string\n  },\n  cookie?: string\n  cookieExpires?: number\n}\n\n/* Disturber */\n\nexport type StzhDisturberOpenEvent = {\n  component: \"stzh-disturber\"\n}\n\nexport type StzhDisturberCloseEvent = {\n  component: \"stzh-disturber\"\n}\n\nexport type StzhDisturberOpenedEvent = {\n  component: \"stzh-disturber\"\n}\n\nexport type StzhDisturberClosedEvent = {\n  component: \"stzh-disturber\"\n}\n\n/* Toast */\n\nexport type StzhToastType = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type StzhToastOpenEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastCloseEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastOpenedEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastClosedEvent = {\n  component: \"stzh-toast\"\n}\n\n/* Ghettobox */\n\nexport type StzhGhettoboxOpenEvent = {\n  component: \"stzh-ghettobox\"\n}\n\nexport type StzhGhettoboxCloseEvent = {\n  component: \"stzh-ghettobox\"\n}\n\n/* Input */\n\nexport type StzhInputChangeEvent = {\n  component: \"stzh-input\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhInputChangedEvent = {\n  component: \"stzh-input\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhInputFocusEvent = {\n  component: \"stzh-input\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhInputBlurEvent = {\n  component: \"stzh-input\"\n  originalEvent: FocusEvent\n}\n\n/* Popover */\n\nexport type StzhPopoverOpenEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverOpenedEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverCloseEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverClosedEvent = {\n  component: \"stzh-popover\"\n}\n\n/* Timeline */\n\nexport type StzhTimelineFoldableChangeEvent = {\n  component: \"stzh-timeline\"\n  value: boolean\n}\n\n/* TimelineItem */\n\nexport type StzhTimelineItemOpenEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemOpenedEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemCloseEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemClosedEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemFocusEvent = {\n  component: \"stzh-timeline-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhTimelineItemBlurEvent = {\n  component: \"stzh-timeline-item\"\n  originalEvent: FocusEvent\n}\n\n/* Accordion */\n\nexport type StzhAccordionVariant = \"default\" | \"title\" | \"table\";\n\nexport type StzhAccordionVariantChangeEvent = {\n  component: \"stzh-accordion\"\n  value: StzhAccordionVariant\n}\n\nexport type StzhAccordionItemOpenEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemOpenedEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemCloseEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemClosedEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemFocusEvent = {\n  component: \"stzh-accordion-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhAccordionItemBlurEvent = {\n  component: \"stzh-accordion-item\"\n  originalEvent: FocusEvent\n}\n\n/* Tooltip */\n\nexport type StzhTooltipOpenEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipOpenedEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipCloseEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipClosedEvent = {\n  component: \"stzh-tooltip\"\n}\n\n/* Radio */\n\nexport type StzhRadioChangeEvent = {\n  component: \"stzh-radio\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhRadioFocusEvent = {\n  component: \"stzh-radio\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhRadioBlurEvent = {\n  component: \"stzh-radio\"\n  originalEvent: FocusEvent\n}\n\n/* Daterange */\n\nexport type StzhDaterangeRanges = \"today\"|\"tomorrow\"|\"next7days\";\n\n/* Dropdown */\n\nexport type StzhDropdownSize = \"default\" | \"small\" | \"tiny\" | StzhChipSize;\n\nexport type StzhDropdownOption = {\n  text: string,\n  value: string,\n  disabled?: boolean\n}\n\nexport type StzhDropdownChangeEvent = {\n  component: \"stzh-dropdown\",\n  value: string | string[]\n}\n\nexport type StzhDropdownItemAddEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownItemRemoveEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOptionAddEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOptionRemoveEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOpenEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdowCloseEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdownFocusEvent = {\n  component: \"stzh-dropdown\"\n  originalEvent: {\n    target: Element\n  }\n}\n\nexport type StzhDropdownBlurEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdowInitEvent = {\n  component: \"stzh-dropdown\"\n}\n\n/** Progressbar */\n\nexport type StzhProgressbarDataItem = {\n  label: string\n  icon?: string\n  disabled?: boolean\n  analyticsId?: string\n}\n\n/* Progressbar Item */\n\nexport type StzhProgressbarItemClickEvent = {\n  component: \"stzh-progressbar-item\"\n  originalEvent: MouseEvent\n  index: number\n}\n\nexport type StzhProgressbarItemDottedClickEvent = {\n  component: \"stzh-progressbar-item\"\n  originalEvent: MouseEvent\n  index: number\n}\n\n/* Upload */\n\nexport type StzhUploadFilesItem = {\n  name: string\n  size: number\n  [key: string]: any\n}\n\nexport type StzhUploadFile = File & {\n  xhr: XMLHttpRequest,\n  status: string\n  upload: any\n  accepted: boolean\n  previewElement: HTMLElement\n}\n\nexport type StzhUploadFileAddedEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadFilesAddedEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadFileRemoveEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadFileRemovedEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n  force: boolean\n}\n\nexport type StzhUploadSendingEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  xhr: XMLHttpRequest,\n  formData: FormData\n}\n\nexport type StzhUploadSendingMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  xhr: XMLHttpRequest,\n  formData: FormData\n}\n\nexport type StzhUploadProcessingEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadProcessingMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadProgressEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  progress: number,\n  bytesSent: number\n}\n\nexport type StzhUploadProgressTotalEvent = {\n  component: \"stzh-upload\",\n  totalUploadProgress: number,\n  totalBytes: number,\n  totalBytesSent: number\n}\n\nexport type StzhUploadErrorEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  message: string,\n  xhr: XMLHttpRequest\n}\n\nexport type StzhUploadErrorMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  message: string,\n  xhr: XMLHttpRequest\n}\n\nexport type StzhUploadSuccessEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  responseText: string,\n  event: ProgressEvent\n}\n\nexport type StzhUploadSuccessMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  responseText: string,\n  event: ProgressEvent\n}\n\nexport type StzhUploadCanceledEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadCanceledMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadCompleteEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadCompleteMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\n// Merged Types\n\nexport type StzhFocusEvent =\n  | StzhAccordionItemFocusEvent\n  | StzhButtonFocusEvent\n  | StzhCheckboxFocusEvent\n  | StzhChipFocusEvent\n  | StzhDropdownFocusEvent\n  | StzhInputFocusEvent\n  | StzhLinkFocusEvent\n  | StzhMenuItemFocusEvent\n  | StzhRadioFocusEvent\n  | StzhToggleFocusEvent\n  | StzhVbzLinechipFocusEvent\n  | StzhSkiplinkFocusEvent\n\n// ---\n// Prop Types\n// ---\n\nexport type StzhCalendarDateDisabledPredicate = (date: Date) => boolean\n\n\nexport namespace Layout {\n  export type Ratio = \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\";\n\n  export type Justify =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"between\"\n    | \"around\"\n    | \"evenly\";\n\n  export type Items =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\n\n  export type JustifySelf =\n    | \"auto\"\n    | Justify;\n\n  export type AlignSelf =\n    | \"auto\"\n    | Items;\n}\n\nexport namespace Space {\n  export type Sizes =\n    | \"xxxsmall\"\n    | \"xxsmall\"\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"xxxlarge\"\n    | \"xxxxlarge\"\n    | \"big\"\n    | \"xbig\"\n    | \"huge\"\n    | \"xhuge\"\n    | \"none\"\n    | \"inherit\";\n\n    export type Curves =\n    | \"tiny\"\n    | \"small\"\n    | \"regular\"\n    | \"medium\"\n    | \"large\"\n    | \"big\"\n    | \"huge\"\n    | \"none\";\n}\n\nexport namespace Font {\n  export type Fonts =\n    | \"light\"\n    | \"regular\"\n    | \"medium\"\n    | \"heavy\"\n    | \"default\";\n\n  export type Sizes =\n    | \"pico\"\n    | \"nano\"\n    | \"micro\"\n    | \"milli\"\n    | \"centi\"\n    | \"deci\"\n    | \"regular\"\n    | \"deca\"\n    | \"hecto\"\n    | \"kilo\"\n    | \"mega\"\n    | \"giga\"\n    | \"hero\";\n\n  export type Curves =\n    | \"p1\"\n    | \"p2\"\n    | \"lead\"\n    | \"caption\"\n    | \"h4\"\n    | \"h3\"\n    | \"h2\"\n    | \"h1\"\n    | \"hero\"\n    | \"default\"\n    | \"none\";\n}\n\nexport namespace VBZ {\n  export const BASE_TYPE_GLOBAL = \"GLOBAL\";\n\n  export const CHANNEL_TICKER = \"ticker\";\n  export const CHANNEL_INFO_URL_FILTER = \"stadt-zuerich.ch/vbz\";\n\n  export const DISTURBANCE_GLOBAL = \"__global__\";\n  export const DISTURBANCE_INFORMATION = \"0\";\n  export const DISTURBANCE_CONSTRUCTION = \"1\";\n  export const DISTURBANCE_NORMAL = \"2\";\n  export const DISTURBANCE_EVENT = \"4\";\n  export const DISTURBANCE_BUS = \"5\";\n\n  export type Lines =\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"10\"\n    | \"11\"\n    | \"12\"\n    | \"13\"\n    | \"14\"\n    | \"15\"\n    | \"16\"\n    | \"17\"\n    | \"19\"\n    | \"20\"\n    | \"21\"\n    | \"23\"\n    | \"24\"\n    | \"25\"\n    | \"29\"\n    | \"31\"\n    | \"32\"\n    | \"33\"\n    | \"34\"\n    | \"35\"\n    | \"36\"\n    | \"37\"\n    | \"38\"\n    | \"39\"\n    | \"40\"\n    | \"45\"\n    | \"46\"\n    | \"54\"\n    | \"61\"\n    | \"62\"\n    | \"63\"\n    | \"64\"\n    | \"66\"\n    | \"67\"\n    | \"69\"\n    | \"70\"\n    | \"72\"\n    | \"73\"\n    | \"75\"\n    | \"76\"\n    | \"77\"\n    | \"78\"\n    | \"79\"\n    | \"80\"\n    | \"83\"\n    | \"89\"\n    | \"91\"\n    | \"94\"\n    | \"95\"\n    | \"99\"\n    | \"151\"\n    | \"152\"\n    | \"153\"\n    | \"156\"\n    | \"161\"\n    | \"162\"\n    | \"163\"\n    | \"165\"\n    | \"184\"\n    | \"185\"\n    | \"200\"\n    | \"201\"\n    | \"215\"\n    | \"220\"\n    | \"235\"\n    | \"236\"\n    | \"245\"\n    | \"301\"\n    | \"302\"\n    | \"303\"\n    | \"304\"\n    | \"305\"\n    | \"306\"\n    | \"307\"\n    | \"308\"\n    | \"309\"\n    | \"311\"\n    | \"314\"\n    | \"315\"\n    | \"317\"\n    | \"321\"\n    | \"323\"\n    | \"325\"\n    | \"350\"\n    | \"444\"\n    | \"445\"\n    | \"701\"\n    | \"702\"\n    | \"703\"\n    | \"704\"\n    | \"705\"\n    | \"720\"\n    | \"721\"\n    | \"725\"\n    | \"726\"\n    | \"727\"\n    | \"742\"\n    | \"743\"\n    | \"744\"\n    | \"745\"\n    | \"747\"\n    | \"748\"\n    | \"751\"\n    | \"752\"\n    | \"753\"\n    | \"754\"\n    | \"759\"\n    | \"760\"\n    | \"765\"\n    | \"768\"\n    | \"781\"\n    | \"786\"\n    | \"787\"\n    | \"910\"\n    | \"912\"\n    | \"916\"\n    | \"917\"\n    | \"918\"\n    | \"919\"\n    | \"E\"\n    | \"N\"\n    | \"N1\"\n    | \"N2\"\n    | \"N4\"\n    | \"N5\"\n    | \"N6\"\n    | \"N7\"\n    | \"N8\"\n    | \"N9\"\n    | \"N10\"\n    | \"N11\"\n    | \"N12\"\n    | \"N13\"\n    | \"N14\"\n    | \"N15\"\n    | \"N16\"\n    | \"N17\"\n    | \"N18\"\n    | \"N19\"\n    | \"N30\"\n    | \"N31\"\n    | \"N32\"\n    | \"N33\"\n    | \"N34\"\n    | \"N45\"\n    | \"N72\"\n    | \"N78\"\n    | \"SN1\"\n    | \"SN4\"\n    | \"SN5\"\n    | \"SN6\"\n    | \"SN7\"\n    | \"SN8\"\n    | \"SN9\"\n    | \"S2\"\n    | \"S3\"\n    | \"S4\"\n    | \"S5\"\n    | \"S6\"\n    | \"S7\"\n    | \"S8\"\n    | \"S9\"\n    | \"S10\"\n    | \"S11\"\n    | \"S14\"\n    | \"S15\"\n    | \"S16\"\n    | \"S18\"\n    | \"S19\"\n    | \"S20\"\n    | \"S21\"\n    | \"S23\"\n    | \"S24\"\n    | \"S25\"\n}\n\n// ---\n// Stencil component types\n// ---\n\nexport * from './components';\n"],"version":3}
+{"file":"index2.js","mappings":"AAAA;AACA;AACA;IAivDiB,IAoMhB;AApMD,WAAiB,GAAG;EACL,oBAAgB,GAAG,QAAQ,CAAC;EAE5B,kBAAc,GAAG,QAAQ,CAAC;EAC1B,2BAAuB,GAAG,sBAAsB,CAAC;EAEjD,sBAAkB,GAAG,YAAY,CAAC;EAClC,2BAAuB,GAAG,GAAG,CAAC;EAC9B,4BAAwB,GAAG,GAAG,CAAC;EAC/B,sBAAkB,GAAG,GAAG,CAAC;EACzB,qBAAiB,GAAG,GAAG,CAAC;EACxB,mBAAe,GAAG,GAAG,CAAC;AAyLrC,CAAC,EApMgB,GAAG,KAAH,GAAG;;;;","names":[],"sources":["src/index.ts"],"sourcesContent":["// ---\n// Global window types\n// ---\n\nimport { StzhLocaleAdapter } from \"./utils/date-adapter\";\n\nimport {\n  StzhLocaleComponent,\n  StzhLocaleFormats,\n  StzhLocaleGlobals,\n} from \"./utils/translation-utils\";\n\nexport type WindowStzhComponents = {\n  version: string;\n  supportedLocales: string[];\n  defaultLocale: string;\n  translations: null | StzhLocaleComponent;\n  translationsLoading: Promise<StzhLocaleComponent>;\n  pathMedia: string;\n  pathTranslations: string;\n  pathVendors: string;\n  cacheTranslations: boolean;\n  formats: StzhLocaleFormats;\n  fixAutofocus: boolean;\n  fixHashfocus: boolean;\n  utils: {\n    getLocale: (element: HTMLElement) => string;\n    fetchTranslations: (\n      host: HTMLElement,\n      component: string\n    ) => Promise<StzhLocaleComponent & any>;\n\n    format: (date: Date, type: string) => string;\n    parse: (string: string, type: string) => Date;\n    formatSpan: (\n      date: Date | string,\n      date2: Date | string,\n      type: string\n    ) => string;\n    parseSpan: (string: string, type: string) => [Date, Date, string];\n    createFormatParseAdapter: (\n      formats: StzhLocaleFormats,\n      globals: StzhLocaleGlobals\n    ) => StzhLocaleAdapter;\n  };\n};\n\ndeclare global {\n  interface Window {\n    stzhComponents: WindowStzhComponents;\n    // global third party library\n    pannellum: any;\n    Dropzone: any;\n    proj4: any;\n    // readspeaker lib APIs\n    readpage: any;\n    ReadSpeaker: any;\n    rsConf: any;\n    rspkr: any;\n  }\n}\n\n// ---\n// Event Types\n// ---\n\n/* Sortable */\n\nexport type StzhSortableUpdateEvent = {\n  component: \"stzh-sortable\";\n  data: string[];\n  item: HTMLElement;\n  newIndex: number;\n  oldIndex: number;\n};\n\nexport type StzhSortableDisableEvent = {\n  component: \"stzh-sortable\";\n  disabled: boolean;\n};\n\n/* Panorama */\n\nexport type PanoramaScene = {\n  sceneId: string;\n  imageSrc: string;\n  imageTitle: string;\n\n  imageAuthor?: string;\n  imageType?: \"equirectangular\" | \"cubemap\" | \"multires\";\n  caption?: string;\n  copyright?: string;\n\n  pitch?: number;\n  yaw?: number;\n  hfov?: number;\n\n  hotspots: PanoramaSceneHotSpot[];\n};\n\nexport type PanoramaScenesLibrary = {\n  [sceneKey: string]: {\n    title?: string;\n    author?: string;\n    panorama: string;\n    type?: \"equirectangular\" | \"cubemap\" | \"multires\";\n\n    pitch?: number;\n    yaw?: number;\n    hfov?: number;\n\n    hotSpots: PanoramaSceneHotSpot[];\n  };\n};\n\nexport type PanoramaSceneHotSpot = {\n  pitch: number;\n  yaw: number;\n  type: string;\n  text: string;\n  url?: string;\n  id?: string;\n  sceneId?: string;\n  targetPitch?: number;\n  targetYaw?: number;\n\n  cssClass?: string;\n  createTooltipFunc?: Function;\n  createTooltipArgs?: any;\n};\n\nexport type StzhPanoramaLoadEvent = {\n  component: \"stzh-panorama\";\n};\n\nexport type StzhPanoramaChangeEvent = {\n  component: \"stzh-panorama\";\n  value: { pitch: number; yaw: number; hfov: number };\n};\n\nexport type StzhPanoramaFullscreenChangeEvent = {\n  component: \"stzh-panorama\";\n  value: boolean;\n};\n\nexport type StzhPanoramaSceneChangeEvent = {\n  component: \"stzh-panorama\";\n  value: string;\n};\n\nexport type StzhPanoramaZoomChangeEvent = {\n  component: \"stzh-panorama\";\n  value: number;\n};\n\n/* Iframe */\n\nexport type StzhIframeView = \"iframe\" | \"cookiewall\" | \"preview\";\n\nexport type StzhIframeViewChangeEvent = {\n  component: \"stzh-iframe\";\n  value: StzhIframeView;\n};\n\nexport type StzhIframePreviewSkipEvent = {\n  component: \"stzh-iframe\";\n};\n\n/* Olmap */\n\nexport type OlmapLayer = {\n  title?: string;\n  thumbnailUrl: string;\n  options: {\n    url: string;\n    layer: string;\n    matrixSet: string;\n    origin: number[];\n    extent: number[];\n  };\n};\n\nexport type StzhOlmapInitializedEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapPostRenderEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMoveStartEvent = {\n  component: \"stzh-olmap\";\n};\n\nexport type StzhOlmapMoveEndEvent = {\n  component: \"stzh-olmap\";\n};\n\n/* Sticky */\n\nexport type StzhStickyStuckTopEvent = {\n  component: \"stzh-sticky\";\n  sticky: boolean;\n};\n\nexport type StzhStickyStuckBottomEvent = {\n  component: \"stzh-sticky\";\n  sticky: boolean;\n};\n\n/* Table */\n\nexport type StzhDatatableCellData = {\n  value: string | number;\n  isHeader?: boolean;\n  align?: \"left\" | \"right\" | \"center\";\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\";\n  id?: string;\n};\n\nexport type StzhDatatableRowData = {\n  [key: string]: StzhDatatableCellData;\n};\n\nexport type StzhDatatableInputRowData = {\n  [key: string]: StzhDatatableCellData | string | number;\n};\n\nexport type StzhDatatableColumnData = {\n  key: string;\n  text?: string;\n  align?: \"left\" | \"right\" | \"center\";\n  valign?: \"auto\" | \"middle\" | \"bottom\" | \"top\";\n  sort?:\n    | boolean\n    | {\n        type?: \"numerical\" | \"text\";\n        field?: string;\n      };\n  fixed?: \"left\" | \"right\";\n  isHeader?: boolean;\n  hideColumnHeading?: boolean;\n  analyticsId?: string;\n  style?: {\n    [key: string]: string;\n  };\n};\n\nexport type StzhDatatableRowClickEvent = {\n  component: \"stzh-datatable\";\n  row: any;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableCellClickEvent = {\n  component: \"stzh-datatable\";\n  row: any;\n  column: any;\n  cellIndex: number;\n  rowIndex: number;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableHeadingCellClickEvent = {\n  component: \"stzh-datatable\";\n  column: any;\n  index: number;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableSortClickEvent = {\n  component: \"stzh-datatable\";\n  column: any;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatatableSortByChangeEvent = {\n  component: \"stzh-datatable\";\n  value: string;\n  oldValue: string;\n};\n\nexport type StzhDatatableSortDirectionChangeEvent = {\n  component: \"stzh-datatable\";\n  value: \"asc\" | \"desc\";\n  oldValue: \"asc\" | \"desc\";\n};\n\n/* Archivelist */\n\nexport type StzhArchivelistItem = {\n  label: string;\n  labelClamp?: any; // attributes of HTMLStzhClampElement\n  href: string;\n  dateline?: string;\n  description?: string;\n  descriptionClamp?: any; // attributes of HTMLStzhClampElement\n};\n\nexport type StzhArchivelistItemClickEvent = {\n  component: \"stzh-archivelist\";\n  item: StzhArchivelistItem;\n  originalEvent: MouseEvent;\n};\n\n/* Anchornav */\n\nexport type StzhAnchornavItem = {\n  label: string;\n  href?: string;\n  icon?: string;\n};\n\nexport type StzhAnchornavItemClickEvent = {\n  component: \"stzh-anchornav\";\n  item: StzhAnchornavItem;\n  originalEvent: MouseEvent;\n};\n\n/* TopnewsMostsearchedSection */\n\nexport type StzhTopnewsItem = {\n  subtitle?: string;\n  label: string;\n  href?: string;\n  isHighlighted?: boolean;\n};\n\nexport type StzhMostsearchedItem = {\n  label: string;\n  href: string;\n};\n\n/* Status */\n\nexport type StzhStatusType =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/* Badge */\n\nexport type StzhBadgeType =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/* Actionset */\n\nexport type StzhActionsetItem = {\n  id: string;\n  label?: string;\n  icon?: string;\n  iconPosition?: \"left\" | \"right\";\n  iconOnly?: boolean;\n  badge?: string;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n  variant?: StzhButtonVariant;\n  size?: StzhButtonSize;\n  badgePosition?: \"icon\" | \"button\";\n  tooltipContent?: string;\n};\n\nexport type StzhActionsetItemClickEvent = {\n  component: \"stzh-actionset\";\n  action: StzhActionsetItem;\n  originalEvent: MouseEvent;\n};\n\n/* Audio */\n\nexport type StzhAudioPlayEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioPlayingEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioPauseEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioReplayEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioEndEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioEndedEvent = {\n  component: \"stzh-audio\";\n};\n\nexport type StzhAudioErrorEvent = {\n  component: \"stzh-audio\";\n  originalEvent: ErrorEvent;\n};\n\n/* Share */\n\nexport type ShareService =\n  | \"facebook\"\n  | \"twitter\"\n  | \"linkedin\"\n  | \"xing\"\n  | \"mail\";\n\n/* Footer Editor */\n\nexport type StzhEditorLink = {\n  label: string;\n  href?: string;\n  icon?: string;\n  rel?: string;\n  target?: string;\n};\n\n/* Header */\n\nexport type StzhHeaderMenuItem = {\n  label: string;\n  href?: string;\n  items?: StzhHeaderMenuItem[];\n  id?: string;\n};\n\nexport type StzhHeaderMetanavItem = {\n  label: string;\n  labelShort?: string;\n  labelHidden?: boolean;\n  stay?: boolean;\n  stayAndShowInMobileMenu?: boolean;\n  variant?: \"default\" | \"secondary\"; // used for menu-item and popover\n  size?: \"default\" | \"large\"; // used for menu-item and popover\n  important?: boolean;\n  importantSubmenu?: boolean;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n  badge?: string;\n  icon?: string;\n  iconOpen?: string;\n  href?: string;\n  target?: string;\n  id?: string;\n  items?: StzhHeaderMetanavItemChild[];\n  itemButton?: StzhHeaderMetanavItemButton;\n};\n\nexport type StzhHeaderMetanavItemChild = {\n  label: string;\n  href?: string;\n  target?: string;\n  id?: string;\n  icon?: string;\n  counter?: number;\n  badge?: string;\n  badgeType?: StzhBadgeType;\n}\n\nexport type StzhHeaderMetanavItemButton = {\n  label: string;\n  href?: string;\n  target?: string;\n  size?: StzhButtonSize;\n  id?: string;\n}\n\nexport type StzhHeaderMetanavItemClickEvent = {\n  component: \"stzh-header\";\n  item: StzhHeaderMetanavItem;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMetanavItemChildClickEvent = {\n  component: \"stzh-header\";\n  itemChild: StzhHeaderMetanavItemChild;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMetanavItemButtonClickEvent = {\n  component: \"stzh-header\";\n  itemButton: StzhHeaderMetanavItemButton;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderMenuItemClickEvent = {\n  component: \"stzh-header\";\n  item: StzhHeaderMenuItem;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhHeaderLanguageChangeEvent = {\n  component: \"stzh-header\";\n  value: string;\n};\n\nexport type StzhHeaderSearchChangeEvent = {\n  component: \"stzh-header\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhHeaderSearchChangedEvent = {\n  component: \"stzh-header\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\n/* PI Pagetitle  */\n\nexport type StzhPiPagetitleMenuItem = {\n  label: string;\n  href?: string;\n  active?: boolean;\n  items?: StzhPiPagetitleMenuItem[];\n  id?: string;\n};\n\n/* Search */\n\nexport type StzhSearchOverlayCloseClickEvent = {\n  component: \"stzh-search\";\n  originalEvent: MouseEvent;\n};\n\n/* Breadcrumb */\n\nexport type StzhBreadcrumbItem = {\n  label: string;\n  href: string;\n};\n\nexport type StzhBreadcrumbItemClickEvent = {\n  component: \"stzh-breadcrumb\";\n  item: StzhBreadcrumbItem;\n  originalEvent: MouseEvent;\n};\n\n/* Card */\n\nexport type StzhCardHeaderAction = {\n  id: string;\n  label?: string;\n  icon?: string;\n  badge?: string;\n  badgeEmpty?: boolean;\n  badgeType?: StzhBadgeType;\n};\n\nexport type StzhCardSubtitleClickEvent = {\n  component: \"stzh-card\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhCardCollapseEvent = {\n  component: \"stzh-card\";\n  collapsed: boolean;\n};\n\nexport type StzhCardClickEvent = {\n  component: \"stzh-card\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhCardStarClickEvent = {\n  component: \"stzh-card\";\n  starred: boolean;\n  originalEvent: MouseEvent;\n};\n\nexport type StzhCardHeaderActionClickEvent = {\n  component: \"stzh-card\";\n  action: StzhCardHeaderAction;\n  originalEvent: MouseEvent;\n};\n\n/* Card Navigation */\n\nexport type StzhCardNavigationClickEvent = {\n  component: \"stzh-card-navigation\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhPiCardNavigationClickEvent = {\n  component: \"stzh-pi-content-navigation\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Pi Teaser */\n\nexport type StzhPiTeaserClickEvent = {\n  component: \"stzh-pi-teaser\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Card Superteaser */\n\nexport type StzhCardSuperteaserClickEvent = {\n  component: \"stzh-card-superteaser\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Card Searchresult */\n\nexport type StzhCardSearchresultClickEvent = {\n  component: \"stzh-card-searchresult\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Search */\n\nexport type StzhSearchResult = {\n  html?: string;\n  href?: string;\n  heading?: string;\n  dateline?: string;\n  description?: string;\n  image?: string;\n  imagePosition?: \"default\" | \"right\";\n  tag?: string;\n  topic?: string;\n  service?: string;\n  serviceColor?: string;\n  serviceBackgroundColor?: string;\n  meta?: string[];\n  breadcrumbItems?: StzhBreadcrumbItem[];\n  eventDateStart?: string;\n  eventDateEnd?: string;\n  eventLocation?: string;\n  download?: string;\n  downloadHeading?: string;\n  downloadMeta?: string[];\n};\n\nexport type StzhSearchChipsResult = {\n  label: string;\n  value: string;\n  amount?: number;\n  options?: { text: string; value: string }[];\n};\n\n/* Microsite Teaserlist */\n\nexport type StzhMicrositeTeaserlistTag = {\n  id: string;\n  name: string;\n};\n\nexport type StzhMicrositeTeaserlistItem = {\n  title?: string;\n  description?: string;\n  image?: string;\n  link: string;\n  tags: string[];\n  teaserid: string;\n};\n\n/* Cardlist */\n\nexport type StzhCardlistCollapseAllEvent = {\n  component: \"stzh-cardlist\";\n  allCollapsed: boolean;\n};\n\n/* Calendar */\n\nexport type StzhCalendarChangeEvent = {\n  component: \"stzh-calendar\";\n  valueAsDate: Date;\n  value: string;\n};\n\n/* Datepicker */\n\nexport type StzhDatepickerChangeEvent = {\n  component: \"stzh-datepicker\";\n  value: string;\n  valueAsDate: Date;\n};\n\n/* Pagination */\n\nexport type StzhPaginationChangeEvent = {\n  component: \"stzh-pagination\";\n  page: number;\n};\n\n/* Timepicker */\n\nexport type StzhTimepickerChangeEvent = {\n  component: \"stzh-timepicker\";\n  value: string;\n};\n\n/* Monthyearpicker */\n\nexport type StzhMonthyearpickerChangeEvent = {\n  component: \"stzh-monthyearpicker\";\n  value: string;\n  valueMonth: string;\n  valueYear: string;\n};\n\n/* Amount */\n\nexport type StzhAmountChangeEvent = {\n  component: \"stzh-amount\";\n  value: string;\n};\n\n/* Appointments */\n\nexport type StzhAppointmentsChangeEvent = {\n  component: \"stzh-appointments\";\n  value: string;\n};\n\n/* Skiplink */\n\nexport type StzhSkiplinkFocusEvent = {\n  component: \"stzh-skiplink\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhSkiplinkBlurEvent = {\n  component: \"stzh-skiplink\";\n  originalEvent: FocusEvent;\n};\n\n/* Checkbox */\n\nexport type StzhCheckboxChangeEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: InputEvent | Event;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhCheckboxFocusEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCheckboxBlurEvent = {\n  component: \"stzh-checkbox\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCheckboxgroupChangeEvent = {\n  component: \"stzh-checkboxgroup\";\n  value: string[];\n};\n\n/* Toggle */\n\nexport type StzhToggleChangeEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhToggleFocusEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhToggleBlurEvent = {\n  component: \"stzh-toggle\";\n  originalEvent: FocusEvent;\n};\n\n/* Button */\n\nexport type StzhButtonVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"tertiary-plain\";\nexport type StzhButtonSize = \"default\" | \"small\" | \"tiny\";\n\nexport type StzhButtonFocusEvent = {\n  component: \"stzh-button\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhButtonBlurEvent = {\n  component: \"stzh-button\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhButtonClickEvent = {\n  component: \"stzh-button\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhButtonChangeEvent = {\n  component: \"stzh-button\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\n/* Link */\n\nexport type StzhLinkSize = \"default\" | \"small\" | \"inherit\";\n\nexport type StzhLinkFocusEvent = {\n  component: \"stzh-link\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhLinkBlurEvent = {\n  component: \"stzh-link\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhLinkClickEvent = {\n  component: \"stzh-link\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Menu (Item) */\n\nexport type StzhMenuVariant = \"default\" | \"secondary\";\nexport type StzhMenuSize = \"default\" | \"large\";\n\nexport type StzhMenuItemFocusEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhMenuItemBlurEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhMenuItemClickEvent = {\n  component: \"stzh-menu-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Carousel */\n\nexport type StzhCarouselSlideStartEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\nexport type StzhCarouselSlidePassedEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\nexport type StzhCarouselSlideEndEvent = {\n  component: \"stzh-carousel\";\n  index: number;\n};\n\n/* Chipselect */\n\nexport type StzhChipselectItem = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  variant?: StzhChipVariant;\n  type?: StzhChipType;\n  inverted?: boolean;\n  counter?: string;\n  icon?: string;\n  size?: StzhChipSize;\n};\n\nexport type StzhChipselectChangeEvent = {\n  component: \"stzh-chipselect\";\n  value: string[] | string;\n};\n\n/* Gallery */\n\nexport type StzhGalleryItem = {\n  width: number;\n  height: number;\n  src: string;\n  srcLightbox?: string;\n  srcsetLightbox?: string;\n  alt?: string;\n  copyright?: string;\n  heading?: string;\n  headingLightbox?: string;\n  caption?: string;\n  captionLightbox?: string;\n  lightboxHtml?: string;\n  hideCounter?: boolean;\n};\n\n/* Datalist */\n\nexport type StzhDatalistItemEntry = {\n  value: string;\n  leadingIcon?: string;\n  label?: string;\n  meta?: string;\n  icon?: string;\n  iconLabel?: string;\n  iconTooltip?: string;\n  statusLabel?: string;\n  statusType?: StzhStatusType;\n  href?: string;\n  rel?: string;\n  target?: string;\n  items?: StzhDatalistItemEntry[];\n};\n\nexport type StzhDatalistVariant = \"default\" | \"table\";\nexport type StzhDatalistDirection = \"vertical\" | \"horizontal\";\n\nexport type StzhDatalistVariantChangeEvent = {\n  component: \"stzh-datalist\";\n  value: StzhDatalistVariant;\n};\n\nexport type StzhDatalistDirectionChangeEvent = {\n  component: \"stzh-datalist\";\n  value: \"vertical\" | \"horizontal\";\n};\n\n/* Datalist Item */\n\nexport type StzhDatalistItemActionClickEvent = {\n  component: \"stzh-datalist-item\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhDatalistItemClickEvent = {\n  component: \"stzh-datalist-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Datamessagelist */\n\nexport type StzhDatamessagelistItemEntryMeta = {\n  label: string;\n  value: string;\n};\n\nexport type StzhDatamessagelistItemEntryAction = {\n  id: string | number;\n  icon: string;\n  label: string;\n  badge?: string;\n};\n\nexport type StzhDatamessagelistItemEntryTag = {\n  icon: string;\n  label: string;\n  type?: StzhChipType;\n  inverted?: boolean;\n};\n\nexport type StzhDatamessagelistItemEntryLoadingStatus = {\n  percent: number;\n  label: string;\n  type: \"default\" | \"success\" | \"warning\" | \"error\";\n};\n\nexport type StzhDatamessagelistItemClickEvent = {\n  component: \"stzh-datamessagelist-item\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhDatamessagelistItemActionClickEvent = {\n  component: \"stzh-datamessagelist-item\";\n  action: StzhDatamessagelistItemEntryAction;\n  originalEvent: MouseEvent;\n};\n\n/* Cta */\n\nexport type StzhCtaFocusEvent = {\n  component: \"stzh-cta\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCtaBlurEvent = {\n  component: \"stzh-cta\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhCtaClickEvent = {\n  component: \"stzh-cta\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\n/* Tag */\n\nexport type StzhTagSize = \"default\" | \"large\";\nexport type StzhTagType = \"default\" | \"secondary\";\n\nexport type StzhTagClickEvent = {\n  component: \"stzh-tag\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhTagFocusEvent = {\n  component: \"stzh-tag\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhTagBlurEvent = {\n  component: \"stzh-tag\";\n  originalEvent: FocusEvent;\n};\n\n/* Chip */\n\nexport type StzhChipVariant = \"tag\" | \"filter\" | \"input\";\nexport type StzhChipSize = \"default\" | \"small\" | \"large\";\nexport type StzhChipType = \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport type StzhChipClickEvent = {\n  component: \"stzh-chip\";\n  originalEvent: MouseEvent;\n  href: string;\n};\n\nexport type StzhChipRemoveEvent = {\n  component: \"stzh-chip\";\n  originalEvent: MouseEvent;\n};\n\nexport type StzhChipFocusEvent = {\n  component: \"stzh-chip\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhChipBlurEvent = {\n  component: \"stzh-chip\";\n  originalEvent: FocusEvent;\n};\n\n/* VBZ Major Ticker */\n\nexport type StzhVbzMajortickerDisturbance = {\n  id: string;\n  head: string;\n  text: string;\n  startDate: Date;\n  endDate: Date;\n  altStart: string;\n  altEnd: string;\n  infoUrl?: VbzTickerInfoUrl;\n};\n\nexport type StzhVbzMajortickerDisturbanceFetchedEvent = {\n  component: \"stzh-vbz-majorticker\";\n  disturbance: StzhVbzMajortickerDisturbance | null;\n};\n\n/* VBZ Ticker */\n\nexport type VbzTickerInfoUrl = {\n  name: string;\n  url: string;\n};\n\nexport type VbzTickerDisturbance = {\n  id: string;\n  head: string;\n  startDate: Date;\n  endDate: Date;\n  altStart: string;\n  altEnd: string;\n  baseType?: string;\n  infoUrl?: VbzTickerInfoUrl;\n  category:\n    | typeof VBZ.DISTURBANCE_INFORMATION\n    | typeof VBZ.DISTURBANCE_CONSTRUCTION\n    | typeof VBZ.DISTURBANCE_NORMAL\n    | typeof VBZ.DISTURBANCE_EVENT\n    | typeof VBZ.DISTURBANCE_BUS;\n};\n\nexport type VbzTickerLine = {\n  line: VBZ.Lines;\n  name: string;\n  disturbances: VbzTickerDisturbance[];\n  // whether normal or big disturbance for this line exist\n  alert: boolean;\n  // 2 = Fernverkehr / 16 = Schiff / 32 = S-Bahn/Reg / 64 = Bus / 128 = Bergbahn / 256 = Nachtnetz / 512 = Tram\n  category: \"2\" | \"16\" | \"32\" | \"64\" | \"128\" | \"256\" | \"512\";\n};\n\n/* VBZ Line Chip */\n\nexport type StzhVbzLinechipLine = {\n  color: string;\n  background: string;\n  comment?: string;\n};\n\nexport type StzhVbzLinechipFocusEvent = {\n  component: \"stzh-vbz-linechip\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhVbzLinechipBlurEvent = {\n  component: \"stzh-vbz-linechip\";\n  originalEvent: FocusEvent;\n};\n\n/* Clamp */\n\nexport type StzhClampClampEvent = {\n  component: \"stzh-clamp\";\n  clamped: boolean;\n};\n\nexport type StzhClampExpandEvent = {\n  component: \"stzh-clamp\";\n  expanded: boolean;\n};\n\n/* Image Comparison */\n\nexport type StzhImagecomparisonChangeEvent = {\n  component: \"stzh-imagecomparison\";\n  originalEvent: InputEvent;\n  value: number;\n};\n\n/* Dialog */\n\nexport type StzhDialogOpenEvent = {\n  component: \"stzh-dialog\";\n};\n\nexport type StzhDialogCloseEvent = {\n  component: \"stzh-dialog\";\n};\n\n/* Contact */\n\nexport type ContactEmail = {\n  label: string;\n  text: string;\n  href?: string;\n  analyticsId?: string;\n};\n\nexport type ContactNumber = {\n  type: \"tel\" | \"fax\";\n  label: string;\n  number: string;\n  analyticsId?: string;\n};\n\nexport type StzhContactAvailabilityItem = {\n  weekday: string;\n  hours: string[];\n};\n\n/* Eventinfo */\n\nexport type StzhEventinfoItemInput = {\n  calendarUrl?: string;\n  calendarLabel?: string;\n  start: string | Date;\n  end: string | Date;\n};\n\nexport type StzhEventinfoItem = {\n  calendarUrl?: string;\n  calendarLabel?: string;\n  start: Date;\n  end: Date;\n};\n\nexport type StzhEventinfoMonth = {\n  name: string;\n  events: StzhEventinfoItem[];\n};\n\n/* Overlay */\n\nexport type StzhOverlayOpenEvent = {\n  component: \"stzh-overlay\";\n};\n\nexport type StzhOverlayCloseEvent = {\n  component: \"stzh-overlay\";\n};\n\n/* Banner */\n\nexport type StzhBannerOpenEvent = {\n  component: \"stzh-banner\";\n};\n\nexport type StzhBannerCloseEvent = {\n  component: \"stzh-banner\";\n};\n\n/* Message */\n\nexport type StzhMessageOpenEvent = {\n  component: \"stzh-message\";\n};\n\nexport type StzhMessageCloseEvent = {\n  component: \"stzh-message\";\n};\n\n/* Toastbar */\n\nexport type StzhToastbarInitialToast = {\n  label: string;\n  type?: StzhToastType;\n  link?:\n    | HTMLStzhLinkElement\n    | {\n        href: string;\n        label: string;\n      };\n  cookie?: string;\n  cookieExpires?: number;\n};\n\n/* Disturber */\n\nexport type StzhDisturberOpenEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberCloseEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberOpenedEvent = {\n  component: \"stzh-disturber\";\n};\n\nexport type StzhDisturberClosedEvent = {\n  component: \"stzh-disturber\";\n};\n\n/* Toast */\n\nexport type StzhToastType = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type StzhToastOpenEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastCloseEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastOpenedEvent = {\n  component: \"stzh-toast\";\n};\n\nexport type StzhToastClosedEvent = {\n  component: \"stzh-toast\";\n};\n\n/* Ghettobox */\n\nexport type StzhGhettoboxOpenEvent = {\n  component: \"stzh-ghettobox\";\n};\n\nexport type StzhGhettoboxCloseEvent = {\n  component: \"stzh-ghettobox\";\n};\n\n/* Input */\n\nexport type StzhInputChangeEvent = {\n  component: \"stzh-input\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhInputChangedEvent = {\n  component: \"stzh-input\";\n  originalEvent: InputEvent | MouseEvent;\n  value: string;\n};\n\nexport type StzhInputFocusEvent = {\n  component: \"stzh-input\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhInputBlurEvent = {\n  component: \"stzh-input\";\n  originalEvent: FocusEvent;\n};\n\n/* Popover */\n\nexport type StzhPopoverOpenEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverOpenedEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverCloseEvent = {\n  component: \"stzh-popover\";\n};\n\nexport type StzhPopoverClosedEvent = {\n  component: \"stzh-popover\";\n};\n\n/* Timeline */\n\nexport type StzhTimelineFoldableChangeEvent = {\n  component: \"stzh-timeline\";\n  value: boolean;\n};\n\n/* TimelineItem */\n\nexport type StzhTimelineItemOpenEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemOpenedEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemCloseEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemClosedEvent = {\n  component: \"stzh-timeline-item\";\n};\n\nexport type StzhTimelineItemFocusEvent = {\n  component: \"stzh-timeline-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhTimelineItemBlurEvent = {\n  component: \"stzh-timeline-item\";\n  originalEvent: FocusEvent;\n};\n\n/* Accordion */\n\nexport type StzhAccordionVariant = \"default\" | \"title\" | \"table\" | \"menu\";\n\nexport type StzhAccordionVariantChangeEvent = {\n  component: \"stzh-accordion\";\n  value: StzhAccordionVariant;\n};\n\nexport type StzhAccordionItemOpenEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemOpenedEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemCloseEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemClosedEvent = {\n  component: \"stzh-accordion-item\";\n};\n\nexport type StzhAccordionItemFocusEvent = {\n  component: \"stzh-accordion-item\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhAccordionItemBlurEvent = {\n  component: \"stzh-accordion-item\";\n  originalEvent: FocusEvent;\n};\n\n/* Pi Menu */\n\nexport type StzhPiMenuOpenEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuOpenedEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuCloseEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuClosedEvent = {\n  component: \"stzh-pi-menu\";\n};\n\nexport type StzhPiMenuItemClickEvent = {\n  component: \"stzh-pi-menu\";\n  originalEvent: MouseEvent;\n};\n\n/* Tooltip */\n\nexport type StzhTooltipOpenEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipOpenedEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipCloseEvent = {\n  component: \"stzh-tooltip\";\n};\n\nexport type StzhTooltipClosedEvent = {\n  component: \"stzh-tooltip\";\n};\n\n/* Radio */\n\nexport type StzhRadioChangeEvent = {\n  component: \"stzh-radio\";\n  originalEvent: InputEvent;\n  value: string;\n  checked: boolean;\n};\n\nexport type StzhRadioFocusEvent = {\n  component: \"stzh-radio\";\n  originalEvent: FocusEvent;\n};\n\nexport type StzhRadioBlurEvent = {\n  component: \"stzh-radio\";\n  originalEvent: FocusEvent;\n};\n\n/* Daterange */\n\nexport type StzhDaterangeRanges = \"today\" | \"tomorrow\" | \"next7days\";\n\n/* Dropdown */\n\nexport type StzhDropdownSize = \"default\" | \"small\" | \"tiny\" | StzhChipSize;\n\nexport type StzhDropdownOption = {\n  text: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type StzhDropdownChangeEvent = {\n  component: \"stzh-dropdown\";\n  value: string | string[];\n};\n\nexport type StzhDropdownItemAddEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownItemRemoveEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOptionAddEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOptionRemoveEvent = {\n  component: \"stzh-dropdown\";\n  value: string;\n};\n\nexport type StzhDropdownOpenEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdowCloseEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdownFocusEvent = {\n  component: \"stzh-dropdown\";\n  originalEvent: {\n    target: Element;\n  };\n};\n\nexport type StzhDropdownBlurEvent = {\n  component: \"stzh-dropdown\";\n};\n\nexport type StzhDropdowInitEvent = {\n  component: \"stzh-dropdown\";\n};\n\n/** Progressbar */\n\nexport type StzhProgressbarDataItem = {\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  analyticsId?: string;\n};\n\n/* Progressbar Item */\n\nexport type StzhProgressbarItemClickEvent = {\n  component: \"stzh-progressbar-item\";\n  originalEvent: MouseEvent;\n  index: number;\n};\n\nexport type StzhProgressbarItemDottedClickEvent = {\n  component: \"stzh-progressbar-item\";\n  originalEvent: MouseEvent;\n  index: number;\n};\n\n/* Upload */\n\nexport type StzhUploadFilesItem = {\n  name: string;\n  size: number;\n  [key: string]: any;\n};\n\nexport type StzhUploadFile = File & {\n  xhr: XMLHttpRequest;\n  status: string;\n  upload: any;\n  accepted: boolean;\n  previewElement: HTMLElement;\n};\n\nexport type StzhUploadFileAddedEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadFilesAddedEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadFileRemoveEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadFileRemovedEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  force: boolean;\n};\n\nexport type StzhUploadSendingEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  xhr: XMLHttpRequest;\n  formData: FormData;\n};\n\nexport type StzhUploadSendingMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  xhr: XMLHttpRequest;\n  formData: FormData;\n};\n\nexport type StzhUploadProcessingEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadProcessingMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadProgressEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  progress: number;\n  bytesSent: number;\n};\n\nexport type StzhUploadProgressTotalEvent = {\n  component: \"stzh-upload\";\n  totalUploadProgress: number;\n  totalBytes: number;\n  totalBytesSent: number;\n};\n\nexport type StzhUploadErrorEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  message: string;\n  xhr: XMLHttpRequest;\n};\n\nexport type StzhUploadErrorMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  message: string;\n  xhr: XMLHttpRequest;\n};\n\nexport type StzhUploadSuccessEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n  responseText: string;\n  event: ProgressEvent;\n};\n\nexport type StzhUploadSuccessMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n  responseText: string;\n  event: ProgressEvent;\n};\n\nexport type StzhUploadCanceledEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadCanceledMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\nexport type StzhUploadCompleteEvent = {\n  component: \"stzh-upload\";\n  file: StzhUploadFile;\n};\n\nexport type StzhUploadCompleteMultipleEvent = {\n  component: \"stzh-upload\";\n  files: StzhUploadFile[];\n};\n\n// Merged Types\n\nexport type StzhFocusEvent =\n  | StzhAccordionItemFocusEvent\n  | StzhButtonFocusEvent\n  | StzhCheckboxFocusEvent\n  | StzhChipFocusEvent\n  | StzhDropdownFocusEvent\n  | StzhInputFocusEvent\n  | StzhLinkFocusEvent\n  | StzhMenuItemFocusEvent\n  | StzhRadioFocusEvent\n  | StzhToggleFocusEvent\n  | StzhVbzLinechipFocusEvent\n  | StzhSkiplinkFocusEvent;\n\n// ---\n// Prop Types\n// ---\n\nexport type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;\n\nexport namespace Layout {\n  export type Ratio = \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\";\n\n  export type Justify =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"between\"\n    | \"around\"\n    | \"evenly\";\n\n  export type Items = \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\";\n\n  export type JustifySelf = \"auto\" | Justify;\n\n  export type AlignSelf = \"auto\" | Items;\n}\n\nexport namespace Space {\n  export type Sizes =\n    | \"xxxsmall\"\n    | \"xxsmall\"\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"xxxlarge\"\n    | \"xxxxlarge\"\n    | \"big\"\n    | \"xbig\"\n    | \"huge\"\n    | \"xhuge\"\n    | \"none\"\n    | \"inherit\";\n\n  export type Curves =\n    | \"tiny\"\n    | \"small\"\n    | \"regular\"\n    | \"medium\"\n    | \"large\"\n    | \"big\"\n    | \"huge\"\n    | \"none\";\n}\n\nexport namespace Font {\n  export type Fonts = \"light\" | \"regular\" | \"medium\" | \"heavy\" | \"default\";\n\n  export type Sizes =\n    | \"pico\"\n    | \"nano\"\n    | \"micro\"\n    | \"milli\"\n    | \"centi\"\n    | \"deci\"\n    | \"regular\"\n    | \"deca\"\n    | \"hecto\"\n    | \"kilo\"\n    | \"mega\"\n    | \"giga\"\n    | \"hero\";\n\n  export type Curves =\n    | \"p1\"\n    | \"p2\"\n    | \"lead\"\n    | \"caption\"\n    | \"h4\"\n    | \"h3\"\n    | \"h2\"\n    | \"h1\"\n    | \"hero\"\n    | \"h1home\"\n    | \"default\"\n    | \"none\";\n}\n\nexport namespace VBZ {\n  export const BASE_TYPE_GLOBAL = \"GLOBAL\";\n\n  export const CHANNEL_TICKER = \"ticker\";\n  export const CHANNEL_INFO_URL_FILTER = \"stadt-zuerich.ch/vbz\";\n\n  export const DISTURBANCE_GLOBAL = \"__global__\";\n  export const DISTURBANCE_INFORMATION = \"0\";\n  export const DISTURBANCE_CONSTRUCTION = \"1\";\n  export const DISTURBANCE_NORMAL = \"2\";\n  export const DISTURBANCE_EVENT = \"4\";\n  export const DISTURBANCE_BUS = \"5\";\n\n  export type Lines =\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"10\"\n    | \"11\"\n    | \"12\"\n    | \"13\"\n    | \"14\"\n    | \"15\"\n    | \"16\"\n    | \"17\"\n    | \"19\"\n    | \"20\"\n    | \"21\"\n    | \"23\"\n    | \"24\"\n    | \"25\"\n    | \"29\"\n    | \"31\"\n    | \"32\"\n    | \"33\"\n    | \"34\"\n    | \"35\"\n    | \"36\"\n    | \"37\"\n    | \"38\"\n    | \"39\"\n    | \"40\"\n    | \"45\"\n    | \"46\"\n    | \"54\"\n    | \"61\"\n    | \"62\"\n    | \"63\"\n    | \"64\"\n    | \"66\"\n    | \"67\"\n    | \"69\"\n    | \"70\"\n    | \"72\"\n    | \"73\"\n    | \"75\"\n    | \"76\"\n    | \"77\"\n    | \"78\"\n    | \"79\"\n    | \"80\"\n    | \"83\"\n    | \"89\"\n    | \"91\"\n    | \"94\"\n    | \"95\"\n    | \"99\"\n    | \"151\"\n    | \"152\"\n    | \"153\"\n    | \"156\"\n    | \"161\"\n    | \"162\"\n    | \"163\"\n    | \"165\"\n    | \"184\"\n    | \"185\"\n    | \"200\"\n    | \"201\"\n    | \"215\"\n    | \"220\"\n    | \"235\"\n    | \"236\"\n    | \"245\"\n    | \"301\"\n    | \"302\"\n    | \"303\"\n    | \"304\"\n    | \"305\"\n    | \"306\"\n    | \"307\"\n    | \"308\"\n    | \"309\"\n    | \"311\"\n    | \"314\"\n    | \"315\"\n    | \"317\"\n    | \"321\"\n    | \"323\"\n    | \"325\"\n    | \"350\"\n    | \"444\"\n    | \"445\"\n    | \"701\"\n    | \"702\"\n    | \"703\"\n    | \"704\"\n    | \"705\"\n    | \"720\"\n    | \"721\"\n    | \"725\"\n    | \"726\"\n    | \"727\"\n    | \"742\"\n    | \"743\"\n    | \"744\"\n    | \"745\"\n    | \"747\"\n    | \"748\"\n    | \"751\"\n    | \"752\"\n    | \"753\"\n    | \"754\"\n    | \"759\"\n    | \"760\"\n    | \"765\"\n    | \"768\"\n    | \"781\"\n    | \"786\"\n    | \"787\"\n    | \"910\"\n    | \"912\"\n    | \"916\"\n    | \"917\"\n    | \"918\"\n    | \"919\"\n    | \"E\"\n    | \"N\"\n    | \"N1\"\n    | \"N2\"\n    | \"N4\"\n    | \"N5\"\n    | \"N6\"\n    | \"N7\"\n    | \"N8\"\n    | \"N9\"\n    | \"N10\"\n    | \"N11\"\n    | \"N12\"\n    | \"N13\"\n    | \"N14\"\n    | \"N15\"\n    | \"N16\"\n    | \"N17\"\n    | \"N18\"\n    | \"N19\"\n    | \"N30\"\n    | \"N31\"\n    | \"N32\"\n    | \"N33\"\n    | \"N34\"\n    | \"N45\"\n    | \"N72\"\n    | \"N78\"\n    | \"SN1\"\n    | \"SN4\"\n    | \"SN5\"\n    | \"SN6\"\n    | \"SN7\"\n    | \"SN8\"\n    | \"SN9\"\n    | \"S2\"\n    | \"S3\"\n    | \"S4\"\n    | \"S5\"\n    | \"S6\"\n    | \"S7\"\n    | \"S8\"\n    | \"S9\"\n    | \"S10\"\n    | \"S11\"\n    | \"S14\"\n    | \"S15\"\n    | \"S16\"\n    | \"S18\"\n    | \"S19\"\n    | \"S20\"\n    | \"S21\"\n    | \"S23\"\n    | \"S24\"\n    | \"S25\";\n}\n\n// ---\n// Stencil component types\n// ---\n\nexport * from \"./components\";\n"],"version":3}

package/dist/components/stzh-accordion2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './stzh-heading2.js';
 
-const stzhAccordionCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall)}";
+const stzhAccordionCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall)}.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-large)}}";
 
 const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion extends HTMLElement {
   constructor() {
@@ -9,25 +10,26 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
     this.__attachShadow();
     this.stzhVariantChange = createEvent(this, "stzhVariantChange", 7);
     this.variant = "default";
+    this.heading = "";
     this.collapsible = true;
     this.multiselectable = true;
   }
   variantWatcher(newValue) {
     this.stzhVariantChange.emit({
       component: "stzh-accordion",
-      value: newValue
+      value: newValue,
     });
   }
   openListener(event) {
     const accordionItemOpened = event.target;
     const accordionOpened = accordionItemOpened.closest("stzh-accordion");
-    if (this.multiselectable
-      || (event.detail && event.detail.component !== "stzh-accordion-item")
-      || accordionOpened !== this.element) {
+    if (this.multiselectable ||
+      (event.detail && event.detail.component !== "stzh-accordion-item") ||
+      accordionOpened !== this.element) {
       return;
     }
     const items = Array.from(accordionOpened.querySelectorAll("stzh-accordion-item"));
-    items.forEach((item) => {
+    items.forEach(item => {
       if (item !== accordionItemOpened) {
         item.hide();
       }
@@ -39,28 +41,27 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
     if (accordion !== this.element) {
       return;
     }
-    const items = Array.from(accordion.querySelectorAll(":scope > stzh-accordion-item"))
-      .filter((item) => !item.disabled);
+    const items = Array.from(accordion.querySelectorAll(":scope > stzh-accordion-item")).filter(item => !item.disabled);
     const currentIndex = items.indexOf(accordionItem);
-    if ((action === 'prev' || action === 'next') && currentIndex === null) {
-      action = action === 'prev' ? 'last' : 'first';
+    if ((action === "prev" || action === "next") && currentIndex === null) {
+      action = action === "prev" ? "last" : "first";
     }
-    if (action === 'prev' && currentIndex === 0) {
-      action = 'last';
+    if (action === "prev" && currentIndex === 0) {
+      action = "last";
     }
-    if (action === 'next' && currentIndex === items.length - 1) {
-      action = 'first';
+    if (action === "next" && currentIndex === items.length - 1) {
+      action = "first";
     }
-    if (action === 'prev') {
+    if (action === "prev") {
       items[currentIndex - 1].focus();
     }
-    else if (action === 'next') {
+    else if (action === "next") {
       items[currentIndex + 1].focus();
     }
-    else if (action === 'last') {
+    else if (action === "last") {
       items[items.length - 1].focus();
     }
-    else if (action === 'first') {
+    else if (action === "first") {
       items[0].focus();
     }
     else {
@@ -71,7 +72,7 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
     const classes = {
       "stzh-accordion": true,
     };
-    return (h(Host, null, h("div", { class: classes }, h("slot", null))));
+    return (h(Host, null, h("div", { class: classes }, this.heading && (h("div", { class: "stzh-accordion__heading" }, h("stzh-heading", { level: "2" }, this.heading))), h("slot", null))));
   }
   get element() { return this; }
   static get watchers() { return {
@@ -80,6 +81,7 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
   static get style() { return stzhAccordionCss; }
 }, [1, "stzh-accordion", {
     "variant": [513],
+    "heading": [513],
     "collapsible": [4],
     "multiselectable": [4],
     "setItemFocus": [64]
@@ -90,13 +92,18 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["stzh-accordion"];
+  const components = ["stzh-accordion", "stzh-heading"];
   components.forEach(tagName => { switch (tagName) {
     case "stzh-accordion":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, StzhAccordion);
       }
       break;
+    case "stzh-heading":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }
 

package/dist/components/stzh-accordion2.js.map

@@ -1 +1 @@
-{"file":"stzh-accordion2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,8qCAA8qC;;MC2B1rC,aAAa;;;;;;mBAEiC,SAAS;uBAGnC,IAAI;2BAGA,IAAI;;EAQvC,cAAc,CAAC,QAA8B;IAC3C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;MAC1B,SAAS,EAAE,gBAAgB;MAC3B,KAAK,EAAE,QAAQ;KAChB,CAAC,CAAC;GACJ;EAGD,YAAY,CAAC,KAA8C;IACzD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAsC,CAAC;IACzE,MAAM,eAAe,GAAG,mBAAmB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEtE,IACE,IAAI,CAAC,eAAe;UAChB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,KAAK,qBAAqB,CAAC;SAClE,eAAe,KAAK,IAAI,CAAC,OAAO,EACnC;MACA,OAAO;KACR;IAED,MAAM,KAAK,GAAmC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAClH,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI;MACjB,IAAI,IAAI,KAAK,mBAAmB,EAAE;QAChC,IAAI,CAAC,IAAI,EAAE,CAAC;OACb;KACF,CAAC,CAAC;GACJ;;EAID,MAAM,YAAY,CAAC,aAA2C,EAAE,MAAc;IAC5E,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAE1D,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE;MAC9B,OAAO;KACR;IAED,MAAM,KAAK,GAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,CAAqC;OACtH,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAElD,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,KAAK,YAAY,KAAK,IAAI,EAAE;MACrE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;KAC9C;IAED,IAAI,MAAM,KAAK,MAAM,IAAI,YAAY,KAAK,CAAC,EAAE;MAC3C,MAAM,GAAG,MAAM,CAAA;KAChB;IAED,IAAI,MAAM,KAAK,MAAM,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;MAC1D,MAAM,GAAG,OAAO,CAAA;KACjB;IAED,IAAI,MAAM,KAAK,MAAM,EAAE;MACrB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;KACjC;SAAM,IAAI,MAAM,KAAK,MAAM,EAAE;MAC5B,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;KACjC;SAAM,IAAI,MAAM,KAAK,MAAM,EAAE;MAC5B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;KACjC;SAAM,IAAI,MAAM,KAAK,OAAO,EAAE;MAC7B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;KAClB;SAAM;MACL,aAAa,CAAC,KAAK,EAAE,CAAC;KACvB;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;KACvB,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,IACjB,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space('xsmall');\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionVariantChangeEvent,\n  StzhAccordionVariant\n} from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable\n      || (event.detail && event.detail.component !== \"stzh-accordion-item\")\n      || accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach((item) => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as  HTMLStzhAccordionItemElement[])\n      .filter((item) => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === 'prev' || action === 'next') && currentIndex === null) {\n      action = action === 'prev' ? 'last' : 'first'\n    }\n\n    if (action === 'prev' && currentIndex === 0) {\n      action = 'last'\n    }\n\n    if (action === 'next' && currentIndex === items.length - 1) {\n      action = 'first'\n    }\n\n    if (action === 'prev') {\n      items[currentIndex - 1].focus();\n    } else if (action === 'next') {\n      items[currentIndex + 1].focus();\n    } else if (action === 'last') {\n      items[items.length - 1].focus();\n    } else if (action === 'first') {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-accordion2.js","mappings":"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","names":[],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space('xsmall');\n\n  &__heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true,\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Heading */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue,\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable ||\n      (event.detail && event.detail.component !== \"stzh-accordion-item\") ||\n      accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach(item => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (\n      Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as HTMLStzhAccordionItemElement[]\n    ).filter(item => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === \"prev\" || action === \"next\") && currentIndex === null) {\n      action = action === \"prev\" ? \"last\" : \"first\";\n    }\n\n    if (action === \"prev\" && currentIndex === 0) {\n      action = \"last\";\n    }\n\n    if (action === \"next\" && currentIndex === items.length - 1) {\n      action = \"first\";\n    }\n\n    if (action === \"prev\") {\n      items[currentIndex - 1].focus();\n    } else if (action === \"next\") {\n      items[currentIndex + 1].focus();\n    } else if (action === \"last\") {\n      items[items.length - 1].focus();\n    } else if (action === \"first\") {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.heading && (\n            <div class=\"stzh-accordion__heading\">\n              <stzh-heading level=\"2\">{this.heading}</stzh-heading>\n            </div>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-amount.js.map

@@ -1 +1 @@
-{"file":"stzh-amount.js","mappings":";;;;;;;;;;AAAA,MAAM,aAAa,GAAG,49CAA49C;;ACoBl/C,IAAI,aAAa,GAAG,CAAC,CAAC;MAOTA,YAAU;;;;;IAYb,kBAAa,GAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC;SACxG,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;IAsE3C,gBAAW,GAAG;MACpB,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;OACpB;KACF,CAAA;;IAyBO,qBAAgB,GAAG,CAAC,KAA2C;MACrE,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,qBAAqB,EAAE;QACrD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;OAC5B;MAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAE5F,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,IAAI,CAAC,KAAK;OAClB,CAAC,CAAC;KACJ,CAAA;;IAGO,0BAAqB,GAAG;MAC9B,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;QACvC,OAAO;OACR;MAED,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC;MACzD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;MAE7D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,IAAI,CAAC,KAAK;OAClB,CAAC,CAAC;KACJ,CAAA;;IAGO,yBAAoB,GAAG;MAC7B,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;QACvC,OAAO;OACR;MAED,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC;MACzD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;MAE7D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,IAAI,CAAC,KAAK;OAClB,CAAC,CAAA;KACH,CAAA;;IAGO,yBAAoB,GAAG,CAAC,KAAwC;MACtE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAEhC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,IAAI,CAAC,KAAK;OAClB,CAAC,CAAC;KACJ,CAAA;oBAjK0B,CAAC,gBAAgB;oBAGjB,gBAAgB;4BAGD,IAAI;4BAGJ,IAAI;iBAOL,EAAE;gBAGpB,CAAC;gBAGgB,EAAE;gBAGW,SAAS;oBAGjB,KAAK;4BAGyE,QAAQ;iBAG3G,EAAE;uBAGK,KAAK;mBAGQ,KAAK;oBAGJ,KAAK;qBAGJ,KAAK;wBAGF,KAAK;;;;2BAYa,EAAE;;;EAOrE,0BAA0B;IACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;;EAkBO,kBAAkB;IACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;MACvB,OAAO;KACR;IAED,MAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC,EAAE,EAAE;MACnE,OAAO,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,CAAC,CAAC;KACzD;IACD,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;MACvE,OAAO,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAC,CAAC,CAAA;KAChG;IAED,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC;GACjC;EAED,IAAY,qBAAqB;IAC/B,OAAO,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC;GACvD;;EAyDO,WAAW,CAAC,KAAa;IAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACjE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;IAC1D,OAAO,MAAM,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;GAC9D;EAED,MAAM,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;KACjG;IAED,IAAI,CAAC,QAAQ,GAAG,eAAe,aAAa,EAAE,EAAE,CAAC;IAEjD,IAAI,IAAI,CAAC,aAAa,EAAE;MACtB,IAAI,CAAC,kBAAkB,EAAE,CAAA;KAC1B;SAAM;MACL,IAAI,CAAC,cAAc,GAAG,GAAG,IAAI,CAAC,QAAQ,gBAAgB,CAAA;KACvD;GACF;EAEO,cAAc;IACpB,MAAM,OAAO,GAAG;MACd,uBAAuB,EAAE,IAAI;MAC7B,CAAC,kCAAkC,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB;KACrF,CAAC;IACF,QACE,WAAK,KAAK,EAAE,OAAO,IACjB,qBACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAA6B,CAAC,EACzD,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,YAAY,EAAE,IAAI,CAAC,gBAAgB,GACpB,CACb,EACN;GACH;EAEO,kBAAkB;IACxB,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,8BAA8B,IACvC,kBACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAA0B,CAAC,EACtD,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,cAAc,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,YAAY,EAAE,IAAI,CAAC,oBAAoB,GAC3B,EACd,wBAAkB,KAAK,EAAC,0BAA0B,IAChD,mBACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,IAAI,CAAC,qBAAqB,EACnC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,iBAAiB,KAAK,IAAI,CAAC,YAAY,CAAC,qBAAqB,IAAI,IAAI,CAAC,KAAK,EAAE,EAC3H,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAClE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACV,EACf,mBACE,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,KAAK,IAAI,CAAC,YAAY,CAAC,qBAAqB,IAAI,IAAI,CAAC,KAAK,EAAE,EAC1H,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAClE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACV,CACE,CACf,CACF,EACN;GACH;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,8BAA8B,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW;MAClD,mCAAmC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;MAC3D,wBAAwB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;MACtC,0BAA0B,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;MAC3C,0BAA0B,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;KAC5C,CAAC;IAEF,QACE,EAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,IACpE,WAAK,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,IAElC,IAAI,CAAC,aAAa;MAClB,IAAI,CAAC,cAAc,EAAE;;QAErB,IAAI,CAAC,kBAAkB,EAAE,CAEvB,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhAmount"],"sources":["src/components/stzh-amount/stzh-amount.scss?tag=stzh-amount&encapsulation=scoped","src/components/stzh-amount/stzh-amount.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-amount {\n  &__stepper-wrapper {\n    display: flex;\n    align-items: flex-start;\n    gap: space('medium');\n  }\n\n  &__buttongroup {\n    margin-top: 19.5px + 2px; // input label height + margin\n  }\n\n  stzh-input#{&}__stepper-input {\n    --text-align: center;\n    width: 100%;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownOption,\n  StzhAmountChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhInputChangeEvent,\n} from \"../../index\";\n\nimport { StzhAmountLocalizedText } from './stzh-amount.localization';\n\nlet amountCounter = 0;\n\n@Component({\n  tag: \"stzh-amount\",\n  styleUrl: \"stzh-amount.scss\",\n  scoped: true\n})\nexport class StzhAmount {\n  /** The lowest allowed amount (can be negative). */\n  @Prop() minValue: number = -9007199254740991;\n\n  /** The highest allowed amount. */\n  @Prop() maxValue: number = 9007199254740991;\n\n  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() minValueDropdown: number | null = null;\n\n  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() maxValueDropdown: number | null = null;\n  private _showDropdown: boolean = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)\n    && this.minValueDropdown < this.maxValueDropdown;\n\n  private _dropdownOptions: StzhDropdownOption[];\n\n  /** The initial value of the amount element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** The step the amount can be increased or decreased */\n  @Prop() step: number = 1;\n\n  /** Name of the element (hidden select element in case of dropdown) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether the amount component is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement:  \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether clearable button is showing for the input field (does not apply to dropdown) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form ot hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Description placed below the amount */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message(s) */\n  @Prop({ mutable: true }) error: string | string[];\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhAmountLocalizedText;\n\n  @Watch(\"minValueDropdown\")\n  @Watch(\"maxValueDropdown\")\n  minMaxValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  /** Amount change event */\n  @Event() stzhChange: EventEmitter<StzhAmountChangeEvent>;\n\n  @Element() element: HTMLStzhAmountElement;\n\n  private amountId: string;\n  private stepperInputId: string;\n  private input: HTMLStzhInputElement | HTMLStzhDropdownElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  }\n\n  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */\n  private setDropdownOptions() {\n    if (!this._showDropdown) {\n      return;\n    }\n\n    const options = [];\n\n    for (let i = this.minValueDropdown; i <= this.maxValueDropdown; i++) {\n      options.push({text: i.toString(), value: i.toString()});\n    }\n    if (this.maxValue != undefined && this.maxValue > this.maxValueDropdown) {\n      options.push({text: `${this.maxValueDropdown.toString()}+`, value: this.dropdownItemPlusValue})\n    }\n\n    this._dropdownOptions = options;\n  }\n\n  private get dropdownItemPlusValue(): string {\n    return (this.maxValueDropdown + this.step).toString();\n  }\n\n  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */\n  private onDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    if (event.detail.value === this.dropdownItemPlusValue) {\n      this._showDropdown = false;\n    }\n\n    this.value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the minus button. */\n  private onInputMinusStepClick = () => {\n    if (Number(this.value) <= this.minValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) - this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the plus button. */\n  private onInputPlusStepClick = () => {\n    if (Number(this.value) >= this.maxValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) + this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    })\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private onStepperInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    this.value = event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Making sure, that the value is rounded correctly according to the step  */\n  private roundToStep(input: number): number {\n    const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));\n    const factor = Math.pow(10, decimals);\n    const rounded = Math.round(input / this.step) * this.step;\n    return Number((rounded * factor / factor).toFixed(decimals));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"amount\");\n    }\n\n    this.amountId = `stzh-amount-${amountCounter++}`;\n\n    if (this._showDropdown) {\n      this.setDropdownOptions()\n    } else {\n      this.stepperInputId = `${this.amountId}-stepper-input`\n    }\n  }\n\n  private renderDropdown(): HTMLDivElement {\n    const classes = {\n      \"stzh-amount__dropdown\": true,\n      [`stzh-amount--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n    };\n    return (\n      <div class={classes}>\n        <stzh-dropdown\n          ref={(el) => (this.input = el as HTMLStzhDropdownElement)}\n          options={this._dropdownOptions}\n          items={[this.value]}\n          label={this.label}\n          labelHidden={this.labelHidden}\n          required={this.required}\n          disabled={this.disabled}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          error={this.error}\n          invalid={this.invalid}\n          popoverPlacement={this.popoverPlacement}\n          a11yDescribedby={this.a11yDescribedby}\n          name={this.name}\n          size={this.size}\n          hideOptional={this.hideOptional}\n          onStzhChange={this.onDropdownChange}\n        ></stzh-dropdown>\n      </div>\n    );\n  }\n\n  private renderInputStepper(): HTMLDivElement {\n    return (\n      <div class=\"stzh-amount__stepper\">\n        <div class=\"stzh-amount__stepper-wrapper\">\n          <stzh-input\n            ref={(el) => (this.input = el as HTMLStzhInputElement)}\n            class=\"stzh-amount__stepper-input\"\n            value={this.value}\n            type=\"number\"\n            label={this.label}\n            labelHidden={this.labelHidden}\n            min={this.minValue}\n            max={this.maxValue}\n            error={this.error}\n            invalid={this.invalid}\n            required={this.required}\n            name={this.name}\n            id={this.stepperInputId}\n            size={this.size}\n            step={this.step}\n            hideOptional={this.hideOptional}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            clearable={this.clearable}\n            disabled={this.disabled}\n            a11yDescribedby={this.a11yDescribedby}\n            onStzhChange={this.onStepperInputChange}\n          ></stzh-input>\n          <stzh-buttongroup class=\"stzh-amount__buttongroup\">\n            <stzh-button\n              class=\"stzh-amount__stepper-minus\"\n              onClick={this.onInputMinusStepClick}\n              variant=\"secondary\"\n              icon=\"minus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) <= this.minValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n            <stzh-button\n              class=\"stzh-amount__stepper-plus\"\n              onClick={this.onInputPlusStepClick}\n              variant=\"secondary\"\n              icon=\"plus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) >= this.maxValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-amount\": true,\n      \"stzh-amount--has-description\": !!this.description,\n      \"stzh-amount--has-description-long\": !!this.descriptionLong,\n      \"stzh-amount--has-error\": !!this.error,\n      \"stzh-amount--is-required\": !!this.required,\n      \"stzh-amount--is-disabled\": !!this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes} id={this.amountId}>\n          {\n            this._showDropdown ?\n            this.renderDropdown()\n            :\n            this.renderInputStepper()\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-amount.js","mappings":"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","names":["StzhAmount"],"sources":["src/components/stzh-amount/stzh-amount.scss?tag=stzh-amount&encapsulation=scoped","src/components/stzh-amount/stzh-amount.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-amount {\n  &__stepper-wrapper {\n    display: flex;\n    align-items: flex-start;\n    gap: space('medium');\n  }\n\n  &__buttongroup {\n    margin-top: 19.5px + 2px; // input label height + margin\n  }\n\n  stzh-input#{&}__stepper-input {\n    --text-align: center;\n    width: 100%;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhDropdownOption,\n  StzhAmountChangeEvent,\n  StzhDropdownChangeEvent,\n  StzhInputChangeEvent,\n} from \"../../index\";\n\nimport { StzhAmountLocalizedText } from './stzh-amount.localization';\n\nlet amountCounter = 0;\n\n@Component({\n  tag: \"stzh-amount\",\n  styleUrl: \"stzh-amount.scss\",\n  scoped: true\n})\nexport class StzhAmount {\n  /** The lowest allowed amount (can be negative). */\n  @Prop() minValue: number = -9007199254740991;\n\n  /** The highest allowed amount. */\n  @Prop() maxValue: number = 9007199254740991;\n\n  /** The lowest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() minValueDropdown: number | null = null;\n\n  /** The highest amount as option in the dropdown. Needs to be set to initially display a dropdown. */\n  @Prop() maxValueDropdown: number | null = null;\n  private _showDropdown: boolean = !Number.isNaN(this.minValueDropdown) && !Number.isNaN(this.maxValueDropdown)\n    && this.minValueDropdown < this.maxValueDropdown;\n\n  private _dropdownOptions: StzhDropdownOption[];\n\n  /** The initial value of the amount element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** The step the amount can be increased or decreased */\n  @Prop() step: number = 1;\n\n  /** Name of the element (hidden select element in case of dropdown) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether the amount component is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement for the dropdown (if applicable) */\n  @Prop({ reflect: true }) popoverPlacement:  \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label is hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether clearable button is showing for the input field (does not apply to dropdown) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Description placed below the amount */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message(s) */\n  @Prop({ mutable: true }) error: string | string[];\n\n  /** Id of the element which describes the input */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = '';\n\n  /**  Translation strings. */\n  @Prop() localization: StzhAmountLocalizedText;\n\n  @Watch(\"minValueDropdown\")\n  @Watch(\"maxValueDropdown\")\n  minMaxValueDropdownWatcher() {\n    this.setDropdownOptions();\n  }\n\n  /** Amount change event */\n  @Event() stzhChange: EventEmitter<StzhAmountChangeEvent>;\n\n  @Element() element: HTMLStzhAmountElement;\n\n  private amountId: string;\n  private stepperInputId: string;\n  private input: HTMLStzhInputElement | HTMLStzhDropdownElement;\n\n  private onRootFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  }\n\n  /** Fill the dropdown with options according to maxValueDropdown & minValueDropdown. */\n  private setDropdownOptions() {\n    if (!this._showDropdown) {\n      return;\n    }\n\n    const options = [];\n\n    for (let i = this.minValueDropdown; i <= this.maxValueDropdown; i++) {\n      options.push({text: i.toString(), value: i.toString()});\n    }\n    if (this.maxValue != undefined && this.maxValue > this.maxValueDropdown) {\n      options.push({text: `${this.maxValueDropdown.toString()}+`, value: this.dropdownItemPlusValue})\n    }\n\n    this._dropdownOptions = options;\n  }\n\n  private get dropdownItemPlusValue(): string {\n    return (this.maxValueDropdown + this.step).toString();\n  }\n\n  /** Handling dropdown changes (switch to input stepper if the plus option is selected in the dropdown). */\n  private onDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    if (event.detail.value === this.dropdownItemPlusValue) {\n      this._showDropdown = false;\n    }\n\n    this.value = Array.isArray(event.detail.value) ? event.detail.value[0] : event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the minus button. */\n  private onInputMinusStepClick = () => {\n    if (Number(this.value) <= this.minValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) - this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Handling the plus button. */\n  private onInputPlusStepClick = () => {\n    if (Number(this.value) >= this.maxValue) {\n      return;\n    }\n\n    this.value = (Number(this.value) + this.step).toString();\n    this.value = this.roundToStep(Number(this.value)).toString();\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    })\n  }\n\n  /** Handling manual value change of the stepper input. */\n  private onStepperInputChange = (event: CustomEvent<StzhInputChangeEvent>) => {\n    this.value = event.detail.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-amount\",\n      value: this.value\n    });\n  }\n\n  /** Making sure, that the value is rounded correctly according to the step  */\n  private roundToStep(input: number): number {\n    const decimals = Math.max(0, -Math.floor(Math.log10(this.step)));\n    const factor = Math.pow(10, decimals);\n    const rounded = Math.round(input / this.step) * this.step;\n    return Number((rounded * factor / factor).toFixed(decimals));\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"amount\");\n    }\n\n    this.amountId = `stzh-amount-${amountCounter++}`;\n\n    if (this._showDropdown) {\n      this.setDropdownOptions()\n    } else {\n      this.stepperInputId = `${this.amountId}-stepper-input`\n    }\n  }\n\n  private renderDropdown(): HTMLDivElement {\n    const classes = {\n      \"stzh-amount__dropdown\": true,\n      [`stzh-amount--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n    };\n    return (\n      <div class={classes}>\n        <stzh-dropdown\n          ref={(el) => (this.input = el as HTMLStzhDropdownElement)}\n          options={this._dropdownOptions}\n          items={[this.value]}\n          label={this.label}\n          labelHidden={this.labelHidden}\n          required={this.required}\n          disabled={this.disabled}\n          description={this.description}\n          descriptionLong={this.descriptionLong}\n          error={this.error}\n          invalid={this.invalid}\n          popoverPlacement={this.popoverPlacement}\n          a11yDescribedby={this.a11yDescribedby}\n          name={this.name}\n          size={this.size}\n          hideOptional={this.hideOptional}\n          onStzhChange={this.onDropdownChange}\n        ></stzh-dropdown>\n      </div>\n    );\n  }\n\n  private renderInputStepper(): HTMLDivElement {\n    return (\n      <div class=\"stzh-amount__stepper\">\n        <div class=\"stzh-amount__stepper-wrapper\">\n          <stzh-input\n            ref={(el) => (this.input = el as HTMLStzhInputElement)}\n            class=\"stzh-amount__stepper-input\"\n            value={this.value}\n            type=\"number\"\n            label={this.label}\n            labelHidden={this.labelHidden}\n            min={this.minValue}\n            max={this.maxValue}\n            error={this.error}\n            invalid={this.invalid}\n            required={this.required}\n            name={this.name}\n            id={this.stepperInputId}\n            size={this.size}\n            step={this.step}\n            hideOptional={this.hideOptional}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            clearable={this.clearable}\n            disabled={this.disabled}\n            a11yDescribedby={this.a11yDescribedby}\n            onStzhChange={this.onStepperInputChange}\n          ></stzh-input>\n          <stzh-buttongroup class=\"stzh-amount__buttongroup\">\n            <stzh-button\n              class=\"stzh-amount__stepper-minus\"\n              onClick={this.onInputMinusStepClick}\n              variant=\"secondary\"\n              icon=\"minus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperMinusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) <= this.minValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n            <stzh-button\n              class=\"stzh-amount__stepper-plus\"\n              onClick={this.onInputPlusStepClick}\n              variant=\"secondary\"\n              icon=\"plus\"\n              iconOnly={true}\n              a11yControls={this.stepperInputId}\n              a11yDescribedby={this.a11yDescribedby}\n              a11yLabel={`${this.label} ${this.localization.stepperPlusLabel}, ${this.localization.selectedAmountMessage} ${this.value}`}\n              size={this.size}\n              a11yDisabled={Number(this.value) >= this.maxValue || this.disabled}\n              disabled={this.disabled}\n            ></stzh-button>\n          </stzh-buttongroup>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-amount\": true,\n      \"stzh-amount--has-description\": !!this.description,\n      \"stzh-amount--has-description-long\": !!this.descriptionLong,\n      \"stzh-amount--has-error\": !!this.error,\n      \"stzh-amount--is-required\": !!this.required,\n      \"stzh-amount--is-disabled\": !!this.disabled\n    };\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes} id={this.amountId}>\n          {\n            this._showDropdown ?\n            this.renderDropdown()\n            :\n            this.renderInputStepper()\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-card-searchresult.js

@@ -24,7 +24,7 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
       this.stzhClick.emit({
         component: "stzh-card-searchresult",
         originalEvent,
-        href: this.href
+        href: this.href,
       });
     };
     this.localization = undefined;
@@ -102,9 +102,9 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
     }
   }
   render() {
-    const hasHeading = !!this.heading || hasSlot(this.element, 'heading');
-    const hasDescription = !!this.description || hasSlot(this.element, 'description');
-    const hasImage = hasSlot(this.element, 'image');
+    const hasHeading = !!this.heading || hasSlot(this.element, "heading");
+    const hasDescription = !!this.description || hasSlot(this.element, "description");
+    const hasImage = hasSlot(this.element, "image");
     const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);
     const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);
     const classes = {
@@ -125,20 +125,7 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
     };
     const Heading = `h${this.headingLevel}`;
     const HeadingLink = this.href ? "a" : "div";
-    return (h(Host, { "has-image": hasImage }, h("article", { class: classes, "aria-label": this.heading, role: "listitem" }, this.tag &&
-      h("stzh-tag", { class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems &&
-      h("stzh-breadcrumb", { class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" }), this.dateline &&
-      h("div", { class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { class: "stzh-card-searchresult__heading" }, h(HeadingLink, { ref: (el) => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, h("div", { class: "stzh-card-searchresult__heading-link-text", ref: (el) => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("div", { class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) &&
-      h("div", { class: "stzh-card-searchresult__event-infos" }, eventDateStart &&
-        h("div", { class: "stzh-card-searchresult__event-date" }, h("span", null, this.dateAdapter.format(eventDateStart, "dateLong"), ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time")), this.eventLocation &&
-        h("div", { class: "stzh-card-searchresult__event-location" }, this.eventLocation)), h("div", { class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { class: "stzh-card-searchresult__image" }, eventDateStart &&
-      h("div", { class: "stzh-card-searchresult__event-date-teaser" }, h("div", { class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && '0', eventDateStart.getDate()), h("div", { class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()])), this.topic && h("div", { class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { class: "stzh-card-searchresult__service" }, this.service), h("slot", { name: "image" })), (this._meta.length > 0 || this.datalistItems || (!!this.downloadHeading || this._downloadMeta.length > 0)) &&
-      h("div", { class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems &&
-        h("stzh-datalist", { class: "stzh-card-searchresult__datalist", items: this.datalistItems }), this._meta.length > 0 &&
-        h("div", { class: "stzh-card-searchresult__meta" }, h("div", { class: "stzh-card-searchresult__meta-list" }, this._meta.map((meta) => h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))), (!!this.downloadHeading || this._downloadMeta.length > 0) &&
-        h("div", { class: "stzh-card-searchresult__download" }, h("div", { class: "stzh-card-searchresult__download-data" }, this.downloadHeading &&
-          h("div", { class: "stzh-card-searchresult__download-heading" }, this.downloadHeading), this._downloadMeta.length > 0 &&
-          h("div", { class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map((meta) => h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))), h("div", { class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { class: "stzh-card-searchresult__download-icon", name: "download" })))))));
+    return (h(Host, { "has-image": hasImage }, h("article", { class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { class: "stzh-card-searchresult__heading" }, h(HeadingLink, { ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("div", { class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { class: "stzh-card-searchresult__event-date" }, h("span", null, this.dateAdapter.format(eventDateStart, "dateLong"), ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))), this.eventLocation && h("div", { class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { class: "stzh-card-searchresult__event-date-teaser" }, h("div", { class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { class: "stzh-card-searchresult__service" }, this.service), h("slot", { name: "image" })), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { class: "stzh-card-searchresult__meta" }, h("div", { class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { class: "stzh-card-searchresult__download" }, h("div", { class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
   }
   get element() { return this; }
   static get watchers() { return {