npm - @oiz/stzh-components - Versions diffs - 4.10.0-beta1 → 4.10.0 - Mend

@oiz/stzh-components 4.10.0-beta1 → 4.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (885) hide show

package/dist/collection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,MAAM;AACN,sBAAsB;AACtB,MAAM;AA+EN,MAAM,UAAU,EAAE,CAAC,WAAmB,EAAE,KAAa;IACnD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAE3B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;SAAM,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC;QAC/D,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC,CAAC;AAC1D,CAAC;AAk1DD,wBAAwB;AAExB,MAAM,CAAN,IAAY,sCAIX;AAJD,WAAY,sCAAsC;IAChD,yDAAe,CAAA;IACf,+DAAqB,CAAA;IACrB,2DAAiB,CAAA;AACnB,CAAC,EAJW,sCAAsC,KAAtC,sCAAsC,QAIjD;AA4GD,MAAM,KAAW,GAAG,CA4MnB;AA5MD,WAAiB,GAAG;IACL,oBAAgB,GAAG,QAAQ,CAAC;IAE5B,kBAAc,GAAG,QAAQ,CAAC;IAC1B,2BAAuB,GAAG,sBAAsB,CAAC;IAEjD,sBAAkB,GAAG,YAAY,CAAC;IAClC,2BAAuB,GAAG,GAAG,CAAC;IAC9B,4BAAwB,GAAG,GAAG,CAAC;IAC/B,sBAAkB,GAAG,GAAG,CAAC;IACzB,qBAAiB,GAAG,GAAG,CAAC;IACxB,mBAAe,GAAG,GAAG,CAAC;AAiMrC,CAAC,EA5MgB,GAAG,KAAH,GAAG,QA4MnB;AAoBD,MAAM;AACN,0BAA0B;AAC1B,MAAM;AAEN,cAAc,cAAc,CAAC","sourcesContent":["// ---\n// Global window types\n// ---\n\nexport type StzhLocaleFormats = {\n datetime?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n datetimeLong?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n datetimeInput?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n date?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n dateLong?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n dateInput?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n time?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n timeInput?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n};\n\ntype MonthsNames = [\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n];\ntype DayNames = [string, string, string, string, string, string, string];\n\nexport type StzhLocaleGlobals = {\n dateRange: string;\n timeRange: string;\n externalLinkLabel: string;\n downloadLinkLabel: string;\n requiredFieldMarker: string;\n requiredFieldText: string;\n optionalFieldMarker: string;\n optionalFieldText: string;\n invalidFieldText: string;\n clearButtonLabel: string;\n moreInfoButtonLabel: string;\n dayNames: DayNames;\n dayNamesShort: DayNames;\n monthNames: MonthsNames;\n monthNamesShort: MonthsNames;\n};\n\nexport type StzhLocaleComponent = {\n $locale: \"de\" \| \"en\";\n $formats: StzhLocaleFormats;\n $formatsIso: StzhLocaleFormats;\n $formatsLegacy: StzhLocaleFormats;\n $globals: StzhLocaleGlobals;\n};\n\nexport function tc(translation: string, count: number): string {\n if (!translation) {\n return \"\";\n }\n\n const parts = translation.split(\"\|\");\n let part = parts[0].trim();\n\n if (parts.length === 3 && count === 1) {\n part = parts[1].trim();\n } else if (parts.length === 3 && (count > 1 \|\| count === null)) {\n part = parts[2].trim();\n }\n\n if (parts.length === 2 && count !== 1) {\n part = parts[1].trim();\n }\n\n return part.replace(/\\{n\\}/gi, count?.toString() \|\| \"\");\n}\n\nexport type StzhDateFormat = (date: Date, type?: string) => string;\nexport type StzhDateParse = (input: string, type?: string) => Date \| undefined;\n\nexport interface StzhLocaleAdapter {\n format: StzhDateFormat;\n parse: StzhDateParse;\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}\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 stzhReadspeakerHasGlobalBodyObserver: boolean;\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 StzhOlmapFeatureWithPopover = {\n id: string;\n title?: string;\n text?: string;\n imageUri?: string;\n href?: string;\n data?: { icon: string; text: string }[];\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\nexport type StzhOlmapMovePanZoomEvent = {\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 \| Date;\n isHeader?: boolean;\n align?: \"left\" \| \"right\" \| \"center\";\n valign?: \"auto\" \| \"middle\" \| \"bottom\" \| \"top\";\n colspan?: number;\n rowspan?: number;\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\" \| \"date\";\n field?: string;\n };\n fixed?: \"left\" \| \"right\";\n isHeader?: boolean;\n colspan?: number;\n rowspan?: number;\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/ VBZ Quicklinks /\n\nexport type StzhVbzQuicklink = {\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 itemButtonExtra?: StzhHeaderMetanavItemButton;\n cssOrder?: boolean;\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/ Homepage Search /\n\nexport type StzhHomepageSearchSearchChangeEvent = {\n component: \"stzh-homepage-search\";\n originalEvent: InputEvent \| MouseEvent;\n value: string;\n};\n\nexport type StzhHomepageSearchSearchChangedEvent = {\n component: \"stzh-homepage-search\";\n originalEvent: InputEvent \| MouseEvent;\n value: string;\n};\n\n/ App Nav /\nexport type StzhAppNavItem = {\n text: string;\n href: string;\n id?: string;\n badge?: string;\n badgeType?: StzhBadgeType;\n icon?: string;\n active?: boolean;\n a11yCurrent?: string;\n};\n\nexport type StzhAppNavItemClickEvent = {\n component: \"stzh-app-nav\";\n item: StzhAppNavItem;\n originalEvent: MouseEvent;\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/ Geo Ref Data /\n\nexport type StzhGeoRefDataOverlayCloseClickEvent = {\n component: \"stzh-geo-ref-data\";\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/ Pi Teaser Layout Element /\n\nexport type StzhPiTeaserLayoutItemClickEvent = {\n component: \"stzh-pi-teaser-layout-item\";\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\nexport type StzhAppointment = {\n value: string;\n start: Date \| string;\n end: Date \| string;\n place?: string;\n caption?: string;\n disabled?: boolean;\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/ Rating /\n\nexport type StzhRatingChangeEvent = {\n component: \"stzh-rating\";\n originalEvent: KeyboardEvent \| MouseEvent;\n value: number;\n};\n\nexport type StzhRatingFocusEvent = {\n component: \"stzh-rating\";\n originalEvent: FocusEvent;\n};\n\nexport type StzhRatingBlurEvent = {\n component: \"stzh-rating\";\n originalEvent: FocusEvent;\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 StzhDatalistBigLabelChangeEvent = {\n component: \"stzh-datalist\";\n value: boolean;\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 VbzTickerLineIcon = {\n foregroundColor: {\n r: number;\n g: number;\n b: number;\n hex: string;\n };\n backgroundColor: {\n r: number;\n g: number;\n b: number;\n hex: string;\n };\n borderColor: {\n r: number;\n g: number;\n b: number;\n hex: string;\n };\n};\n\nexport type VbzTickerLine = {\n line: VBZ.Lines;\n name: string;\n disturbances: VbzTickerDisturbance[];\n icon?: VbzTickerLineIcon;\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};\nexport type ContactWebsite = {\n label: string;\n text: string;\n href: string;\n rel: 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 \| undefined;\n end: Date \| undefined;\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/* Stepper /\n\nexport type StzhStepperDataItem = {\n label: string;\n icon?: string;\n disabled?: boolean;\n clickDisabled?: boolean;\n incomplete?: boolean;\n analyticsId?: string;\n};\n\n/ Stepper Item /\n\nexport type StzhStepperItemClickEvent = {\n component: \"stzh-stepper-item\";\n originalEvent: MouseEvent;\n index: number;\n};\n\nexport type StzhStepperItemDottedClickEvent = {\n component: \"stzh-stepper-item\";\n originalEvent: MouseEvent;\n index: number;\n};\n\n/ Saptcha /\nexport type StzhSaptchaChangeEvent = {\n component: \"stzh-saptcha\";\n originalEvent: CustomEvent;\n value: string;\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 uuid: string;\n _id: number;\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/ GeoRefData /\n\nexport type StzhAvailableTag = {\n label: string;\n value: string;\n};\n\nexport type StzhPoiGeoRefData = {\n poiid: string;\n category: string;\n street: string;\n zip: string;\n zvv: string;\n ou: string;\n poiname: string;\n poinamezus: string;\n title: string;\n description: string;\n image: string;\n path: string;\n date: string;\n tags: string[];\n data: { text: string; icon: string }[];\n};\n\nexport type StzhMapGeoRefData = {\n lat: string;\n lon: string;\n poiid: string;\n};\n\nexport type StzhCombinedGeoRefData = StzhPoiGeoRefData & StzhMapGeoRefData;\n\n/ Socialmedia Stream /\n\nexport enum StzhSocialmediastreamItemActionVariant {\n likes = \"likes\",\n comments = \"comments\",\n shares = \"shares\",\n}\n\nexport type StzhSocialmediastreamItemData = {\n image?: string;\n link: string;\n date: string;\n account: {\n title: string;\n handle: string;\n url: string;\n };\n channel: \"facebook\" \| \"instagram\" \| \"x\" \| \"twitter\" \| \"youtube\";\n text: string;\n actions: {\n title: string;\n url: string;\n variant: StzhSocialmediastreamItemActionVariant;\n count: number;\n }[];\n};\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 \| \"44\"\n \| \"45\"\n \| \"46\"\n \| \"50\"\n \| \"51\"\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 \| \"706\"\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 \| \"N46\"\n \| \"N72\"\n \| \"N75\"\n \| \"N78\"\n \| \"N79\"\n \| \"N91\"\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// Teaser layout types\n// ---\n\nexport type PiTeaser = {\n type: \"teaser\";\n href: string;\n dateline?: string;\n heading: string;\n date?: string;\n imageSrc?: string;\n lead?: string;\n};\n\nexport type EmptyTeaser = {\n type: \"empty-teaser\";\n};\n\n// ---\n// Stencil component types\n// ---\n\nexport from \"./components\";\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,MAAM;AACN,sBAAsB;AACtB,MAAM;AA+EN,MAAM,UAAU,EAAE,CAAC,WAAmB,EAAE,KAAa;IACnD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAE3B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;SAAM,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC;QAC/D,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC,CAAC;AAC1D,CAAC;AAm2DD,wBAAwB;AAExB,MAAM,CAAN,IAAY,sCAIX;AAJD,WAAY,sCAAsC;IAChD,yDAAe,CAAA;IACf,+DAAqB,CAAA;IACrB,2DAAiB,CAAA;AACnB,CAAC,EAJW,sCAAsC,KAAtC,sCAAsC,QAIjD;AA4GD,MAAM,KAAW,GAAG,CA4MnB;AA5MD,WAAiB,GAAG;IACL,oBAAgB,GAAG,QAAQ,CAAC;IAE5B,kBAAc,GAAG,QAAQ,CAAC;IAC1B,2BAAuB,GAAG,sBAAsB,CAAC;IAEjD,sBAAkB,GAAG,YAAY,CAAC;IAClC,2BAAuB,GAAG,GAAG,CAAC;IAC9B,4BAAwB,GAAG,GAAG,CAAC;IAC/B,sBAAkB,GAAG,GAAG,CAAC;IACzB,qBAAiB,GAAG,GAAG,CAAC;IACxB,mBAAe,GAAG,GAAG,CAAC;AAiMrC,CAAC,EA5MgB,GAAG,KAAH,GAAG,QA4MnB;AAoBD,MAAM;AACN,0BAA0B;AAC1B,MAAM;AAEN,cAAc,cAAc,CAAC","sourcesContent":["// ---\n// Global window types\n// ---\n\nexport type StzhLocaleFormats = {\n datetime?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n datetimeLong?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n datetimeInput?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n date?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n dateLong?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n dateInput?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n time?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n timeInput?: {\n format: string \| StzhDateFormat;\n parse: string \| StzhDateParse;\n };\n};\n\ntype MonthsNames = [\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n];\ntype DayNames = [string, string, string, string, string, string, string];\n\nexport type StzhLocaleGlobals = {\n dateRange: string;\n timeRange: string;\n externalLinkLabel: string;\n downloadLinkLabel: string;\n requiredFieldMarker: string;\n requiredFieldText: string;\n optionalFieldMarker: string;\n optionalFieldText: string;\n invalidFieldText: string;\n clearButtonLabel: string;\n moreInfoButtonLabel: string;\n dayNames: DayNames;\n dayNamesShort: DayNames;\n monthNames: MonthsNames;\n monthNamesShort: MonthsNames;\n};\n\nexport type StzhLocaleComponent = {\n $locale: \"de\" \| \"en\";\n $formats: StzhLocaleFormats;\n $formatsIso: StzhLocaleFormats;\n $formatsLegacy: StzhLocaleFormats;\n $globals: StzhLocaleGlobals;\n};\n\nexport function tc(translation: string, count: number): string {\n if (!translation) {\n return \"\";\n }\n\n const parts = translation.split(\"\|\");\n let part = parts[0].trim();\n\n if (parts.length === 3 && count === 1) {\n part = parts[1].trim();\n } else if (parts.length === 3 && (count > 1 \|\| count === null)) {\n part = parts[2].trim();\n }\n\n if (parts.length === 2 && count !== 1) {\n part = parts[1].trim();\n }\n\n return part.replace(/\\{n\\}/gi, count?.toString() \|\| \"\");\n}\n\nexport type StzhDateFormat = (date: Date, type?: string) => string;\nexport type StzhDateParse = (input: string, type?: string) => Date \| undefined;\n\nexport interface StzhLocaleAdapter {\n format: StzhDateFormat;\n parse: StzhDateParse;\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}\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 stzhReadspeakerHasGlobalBodyObserver: boolean;\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 StzhOlmapFeatureWithPopover = {\n id: string;\n title?: string;\n text?: string;\n imageUri?: string;\n href?: string;\n data?: { icon: string; text: string }[];\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\nexport type StzhOlmapMovePanZoomEvent = {\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 \| Date;\n isHeader?: boolean;\n align?: \"left\" \| \"right\" \| \"center\";\n valign?: \"auto\" \| \"middle\" \| \"bottom\" \| \"top\";\n colspan?: number;\n rowspan?: number;\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\" \| \"date\";\n field?: string;\n };\n fixed?: \"left\" \| \"right\";\n isHeader?: boolean;\n colspan?: number;\n rowspan?: number;\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/ VBZ Quicklinks /\n\nexport type StzhVbzQuicklink = {\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 /* The label displayed on mobile screens, when stay=true (the long `label` is visually hidden on mobile). Alternatively use an icon. /\n labelShort?: string;\n /* Visually hide the label text (keeps it accessible for screen readers). Use it for icon-only items (metanav and burger menu). /\n labelHidden?: boolean;\n /\n Keeps the item visible in the metanav on mobile screens.\n * Note: to be visibly readable on mobile metanav, also provide `labelShort` or `icon`\n * (otherwise the label is visually hidden and the item appears empty).\n * When true, the item won't be displayed in the burger menu unless `stayAndShowInMobileMenu` is also true.\n /\n stay?: boolean;\n /* Keep the item on mobile screens in BOTH places — metanav AND burger menu. /\n stayAndShowInMobileMenu?: boolean;\n /* Used for menu-item and popover /\n variant?: \"default\" \| \"secondary\";\n /* Used for menu-item and popover /\n size?: \"default\" \| \"large\";\n important?: boolean;\n importantSubmenu?: boolean;\n badgeEmpty?: boolean;\n badgeType?: StzhBadgeType;\n badge?: string;\n /\n Icon shown next to the label (or as the only visible affordance when the label is hidden).\n * In the metanav on mobile, an icon also prevents the item from appearing “empty” when `labelShort` is missing.\n /\n icon?: string;\n /* Optional “open state” icon shown when the item is expanded. /\n iconOpen?: string;\n href?: string;\n target?: string;\n id?: string;\n items?: StzhHeaderMetanavItemChild[];\n itemButton?: StzhHeaderMetanavItemButton;\n itemButtonExtra?: StzhHeaderMetanavItemButton;\n /* CSS flexbox order for positioning in the metanav. Has no effect in the burger menu on mobile screens. /\n cssOrder?: boolean;\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/ Homepage Search /\n\nexport type StzhHomepageSearchSearchChangeEvent = {\n component: \"stzh-homepage-search\";\n originalEvent: InputEvent \| MouseEvent;\n value: string;\n};\n\nexport type StzhHomepageSearchSearchChangedEvent = {\n component: \"stzh-homepage-search\";\n originalEvent: InputEvent \| MouseEvent;\n value: string;\n};\n\n/ App Nav /\nexport type StzhAppNavItem = {\n text: string;\n href: string;\n id?: string;\n badge?: string;\n badgeType?: StzhBadgeType;\n icon?: string;\n active?: boolean;\n a11yCurrent?: string;\n};\n\nexport type StzhAppNavItemClickEvent = {\n component: \"stzh-app-nav\";\n item: StzhAppNavItem;\n originalEvent: MouseEvent;\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/ Geo Ref Data /\n\nexport type StzhGeoRefDataOverlayCloseClickEvent = {\n component: \"stzh-geo-ref-data\";\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/ Pi Teaser Layout Element /\n\nexport type StzhPiTeaserLayoutItemClickEvent = {\n component: \"stzh-pi-teaser-layout-item\";\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\nexport type StzhAppointment = {\n value: string;\n start: Date \| string;\n end: Date \| string;\n place?: string;\n caption?: string;\n disabled?: boolean;\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/ Rating /\n\nexport type StzhRatingChangeEvent = {\n component: \"stzh-rating\";\n originalEvent: KeyboardEvent \| MouseEvent;\n value: number;\n};\n\nexport type StzhRatingFocusEvent = {\n component: \"stzh-rating\";\n originalEvent: FocusEvent;\n};\n\nexport type StzhRatingBlurEvent = {\n component: \"stzh-rating\";\n originalEvent: FocusEvent;\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 StzhDatalistBigLabelChangeEvent = {\n component: \"stzh-datalist\";\n value: boolean;\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 VbzTickerLineIcon = {\n foregroundColor: {\n r: number;\n g: number;\n b: number;\n hex: string;\n };\n backgroundColor: {\n r: number;\n g: number;\n b: number;\n hex: string;\n };\n borderColor: {\n r: number;\n g: number;\n b: number;\n hex: string;\n };\n};\n\nexport type VbzTickerLine = {\n line: VBZ.Lines;\n name: string;\n disturbances: VbzTickerDisturbance[];\n icon?: VbzTickerLineIcon;\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};\nexport type ContactWebsite = {\n label: string;\n text: string;\n href: string;\n rel: 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 \| undefined;\n end: Date \| undefined;\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/* Stepper /\n\nexport type StzhStepperDataItem = {\n label: string;\n icon?: string;\n disabled?: boolean;\n clickDisabled?: boolean;\n incomplete?: boolean;\n analyticsId?: string;\n};\n\n/ Stepper Item /\n\nexport type StzhStepperItemClickEvent = {\n component: \"stzh-stepper-item\";\n originalEvent: MouseEvent;\n index: number;\n};\n\nexport type StzhStepperItemDottedClickEvent = {\n component: \"stzh-stepper-item\";\n originalEvent: MouseEvent;\n index: number;\n};\n\n/ Saptcha /\nexport type StzhSaptchaChangeEvent = {\n component: \"stzh-saptcha\";\n originalEvent: CustomEvent;\n value: string;\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 uuid: string;\n _id: number;\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/ GeoRefData /\n\nexport type StzhAvailableTag = {\n label: string;\n value: string;\n};\n\nexport type StzhPoiGeoRefData = {\n poiid: string;\n category: string;\n street: string;\n zip: string;\n zvv: string;\n ou: string;\n poiname: string;\n poinamezus: string;\n title: string;\n description: string;\n image: string;\n path: string;\n date: string;\n tags: string[];\n data: { text: string; icon: string }[];\n};\n\nexport type StzhMapGeoRefData = {\n lat: string;\n lon: string;\n poiid: string;\n};\n\nexport type StzhCombinedGeoRefData = StzhPoiGeoRefData & StzhMapGeoRefData;\n\n/ Socialmedia Stream /\n\nexport enum StzhSocialmediastreamItemActionVariant {\n likes = \"likes\",\n comments = \"comments\",\n shares = \"shares\",\n}\n\nexport type StzhSocialmediastreamItemData = {\n image?: string;\n link: string;\n date: string;\n account: {\n title: string;\n handle: string;\n url: string;\n };\n channel: \"facebook\" \| \"instagram\" \| \"x\" \| \"twitter\" \| \"youtube\";\n text: string;\n actions: {\n title: string;\n url: string;\n variant: StzhSocialmediastreamItemActionVariant;\n count: number;\n }[];\n};\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 \| \"44\"\n \| \"45\"\n \| \"46\"\n \| \"50\"\n \| \"51\"\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 \| \"706\"\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 \| \"N46\"\n \| \"N72\"\n \| \"N75\"\n \| \"N78\"\n \| \"N79\"\n \| \"N91\"\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// Teaser layout types\n// ---\n\nexport type PiTeaser = {\n type: \"teaser\";\n href: string;\n dateline?: string;\n heading: string;\n date?: string;\n imageSrc?: string;\n lead?: string;\n};\n\nexport type EmptyTeaser = {\n type: \"empty-teaser\";\n};\n\n// ---\n// Stencil component types\n// ---\n\nexport from \"./components\";\n"]}

package/dist/components/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { g as globalScripts } from './p-VlIs_0mL.js';
-export { a as getAssetPath, r as render, s as setAssetPath, b as setNonce, c as setPlatformOptions } from './p-VlIs_0mL.js';
+import { g as globalScripts } from './p-CPibi_C6.js';
+export { a as getAssetPath, r as render, s as setAssetPath, b as setNonce, c as setPlatformOptions } from './p-CPibi_C6.js';
 export { S as StzhSocialmediastreamItemActionVariant, V as VBZ, t as tc } from './p-uD4ilJut.js';
 globalScripts();

package/dist/components/{p-DIFqNsF1.js → p-19VfXOay.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-VlIs_0mL.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
 const stzhMenuCss = () => `.sc-stzh-menu-h{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}[hidden].sc-stzh-menu-h,[stzh-hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::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)}.sc-stzh-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h.sc-stzh-menu-s>stzh-hr,.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:flex;flex-direction:column}`;
@@ -29,6 +29,6 @@ function defineCustomElement() {
 }
 export { StzhMenu as S, defineCustomElement as d };
-//# sourceMappingURL=p-DIFqNsF1.js.map
+//# sourceMappingURL=p-19VfXOay.js.map
-//# sourceMappingURL=p-DIFqNsF1.js.map
+//# sourceMappingURL=p-19VfXOay.js.map

package/dist/components/{p-DIFqNsF1.js.map → p-19VfXOay.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DIFqNsF1~~.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,qxCAAqxC,CAAC;;MCUpyC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;IACnB,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-menu/stzh-menu.scss?tag=stzh-menu&encapsulation=scoped","src/components/stzh-menu/stzh-menu.tsx"],"sourcesContent":[":host {\n ::slotted(stzh-hr) {\n margin-top: space(\"xsmall\");\n margin-bottom: space(\"xsmall\");\n }\n}\n\n.stzh-menu {\n display: flex;\n flex-direction: column;\n}\n","import { Component, Host, h } from \"@stencil/core\";\n\n/*\n @slot - Slot for `stzh-menu-item` elements\n */\n@Component({\n tag: \"stzh-menu\",\n styleUrl: \"stzh-menu.scss\",\n scoped: true,\n})\nexport class StzhMenu {\n render() {\n return (\n <Host role=\"menu\">\n <div class=\"stzh-menu\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-19VfXOay.js","mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,qxCAAqxC,CAAC;;MCUpyC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;IACnB,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-menu/stzh-menu.scss?tag=stzh-menu&encapsulation=scoped","src/components/stzh-menu/stzh-menu.tsx"],"sourcesContent":[":host {\n ::slotted(stzh-hr) {\n margin-top: space(\"xsmall\");\n margin-bottom: space(\"xsmall\");\n }\n}\n\n.stzh-menu {\n display: flex;\n flex-direction: column;\n}\n","import { Component, Host, h } from \"@stencil/core\";\n\n/*\n @slot - Slot for `stzh-menu-item` elements\n */\n@Component({\n tag: \"stzh-menu\",\n styleUrl: \"stzh-menu.scss\",\n scoped: true,\n})\nexport class StzhMenu {\n render() {\n return (\n <Host role=\"menu\">\n <div class=\"stzh-menu\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CR_uLfdV.js → p-5BslSTpf.js} RENAMED Viewed

@@ -1,13 +1,16 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-VlIs_0mL.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
 import { c as computePosition, a as autoUpdate, A as Arrow, o as offset, f as flip, s as shift, b as arrow } from './p-DzjuI2eY.js';
 import { c as createFocusTrap } from './p-CBUfcdIy.js';
 import { i as isStzhElement } from './p-CN5apKPb.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-CUGRmgip.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo } from './p-BOO84wnP.js';
-import { d as defineCustomElement$1 } from './p-DriV35S7.js';
+import { d as defineCustomElement$1 } from './p-SbO4yTDL.js';
-const stzhPopoverCss = () => `.sc-stzh-popover-h{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}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::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)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(--stzh-popover-background, var(--stzh-popover-background-color));--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}`;
+const stzhPopoverCss = () => `.sc-stzh-popover-h{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}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::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)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(
+    --stzh-popover-background,
+    var(--stzh-popover-background-color)
+  );--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{display:flex;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}`;
 const ANIMATION_SHOW_DURATION = 200;
 const ANIMATION_HIDE_DURATION = 300;
@@ -519,6 +522,6 @@ function defineCustomElement() {
 }
 export { StzhPopover as S, defineCustomElement as d };
-//# sourceMappingURL=p-CR_uLfdV.js.map
+//# sourceMappingURL=p-5BslSTpf.js.map
-//# sourceMappingURL=p-CR_uLfdV.js.map
+//# sourceMappingURL=p-5BslSTpf.js.map

package/dist/components/p-5BslSTpf.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-5BslSTpf.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-popover/stzh-popover.scss?tag=stzh-popover&encapsulation=scoped","src/components/stzh-popover/stzh-popover.tsx"],"sourcesContent":["/**\n * @prop --width: Width of popover above small breakpoint\n * @prop --min-width: Minimum width of popover above small breakpoint\n * @prop --max-width: Maximum width of popover above small breakpoint\n * @prop --padding: Padding of popover\n * @prop --content-padding: Padding of popover content\n * @prop --border-radius: Border radius of popover\n * @prop --backdrop-opacity: Opacity of popover backdrop (used on mikro breakpoint)\n *\n * @prop --stzh-popover-width: **Global**: Width of popover above small breakpoint (default `223px`)\n * @prop --stzh-popover-min-width: **Global**: Minimum width of popover above small breakpoint (default `initial`)\n * @prop --stzh-popover-max-width: **Global**: Maximum width of popover above small breakpoint (default `initial`)\n * @prop --stzh-popover-padding: **Global**: Padding of popover (default `0px`)\n * @prop --stzh-popover-content-padding: **Global**: Padding of popover content (default `8px 0px`)\n * @prop --stzh-popover-border-radius: **Global**: Border radius of popover above small breakpoint (default `3px`)\n *\n * @prop --stzh-dialog-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n display: contents;\n\n --color: #{$colorBlack};\n --width: #{$popoverWidth};\n --min-width: #{$popoverMinWidth};\n --max-width: #{$popoverMaxWidth};\n --height: auto;\n --min-height: initial;\n --max-height: initial;\n --padding: #{$popoverPadding};\n --content-padding: #{$popoverContentPadding};\n --border-radius: #{$popoverBorderRadius};\n --background-color: var(\n --stzh-popover-background,\n #{$popoverBackgroundColor}\n );\n --backdrop-opacity: #{$dialogBackdropOpacity};\n --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n &[size=\"large\"] {\n --content-padding: #{$popoverLargeContentPadding};\n }\n\n &[variant=\"secondary\"] {\n --background-color: #{$colorSecondary20};\n }\n\n &[variant=\"tooltip\"] {\n --width: #{$tooltipWidth};\n --min-width: #{$tooltipMinWidth};\n --max-width: #{$tooltipMaxWidth};\n --content-padding: #{space(\"small\")} #{space(\"large\")};\n --border-radius: #{$tooltipBorderRadius};\n\n @include mq($from: small) {\n --content-padding: #{$tooltipPadding};\n --color: #{$colorWhite};\n --link-color: #{$colorWhite};\n --hover-link-color: #{$colorWhite70op};\n --background-color: #{$colorCoolgrey60};\n }\n }\n}\n\n.stzh-popover {\n @include tooltip-arrow;\n display: contents;\n\n &__trigger {\n display: contents;\n }\n\n &__content-wrapper {\n // position: absolute;\n // width: 100%;\n // height: 100%;\n // pointer-events: none;\n display: contents;\n\n @include mq($to: small) {\n z-index: $zIndexDialog;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: stretch;\n justify-content: stretch;\n }\n }\n\n &__backdrop {\n display: contents;\n\n @include mq($to: small) {\n z-index: 1;\n position: absolute;\n display: block;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: center;\n background-color: var(--backdrop-background-color);\n opacity: var(--backdrop-opacity);\n }\n }\n\n &__content {\n // pointer-events: all;\n display: contents;\n\n @include mq($to: small) {\n z-index: 2;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-grow: 1;\n overflow: auto;\n }\n }\n\n &__dialog {\n margin-top: auto;\n width: 100%;\n overflow: visible;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n background-color: var(--background-color);\n touch-action: none;\n outline: none;\n border-bottom: 2px solid $colorOldGrey13;\n color: var(--color);\n\n --stzh-base-color: var(--color);\n --stzh-link-color: var(--link-color);\n // TODO: check with designer\n --stzh-link-hover-color: var(--hover-link-color);\n\n @include mq($from: small) {\n z-index: $zIndexPopover;\n position: absolute;\n display: flex;\n width: var(--width);\n min-width: var(--min-width);\n max-width: var(--max-width);\n // max-width: calc(100vw - var(--stzh-scrollbar-width) - #{space('small')});\n height: var(--height);\n min-height: var(--min-height);\n max-height: var(--max-height);\n left: auto;\n right: auto;\n bottom: auto;\n border-radius: var(--border-radius);\n box-shadow: $boxShadowPopover;\n border: none;\n }\n }\n\n &__content-inner,\n &__content-slot-wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n &__content-slot-wrapper {\n padding: var(--padding);\n }\n\n &__content-slot {\n overflow-y: auto;\n overflow-x: hidden;\n overflow-scrolling: touch;\n padding: var(--content-padding);\n }\n\n &__action-slot {\n display: flex;\n flex-direction: column;\n\n // &:not(:empty) {\n // margin: space('xsmall') space('small');\n // margin-bottom: space('medium');\n // }\n }\n\n &__label-wrapper {\n display: flex;\n align-items: center;\n padding: space(\"small\") space(\"large\");\n padding-right: space(\"medium\");\n border-bottom: 1px solid $baseBorderColor;\n color: $colorOldGrey70;\n\n @include mq($from: small) {\n padding: 0;\n border-bottom: 0;\n }\n }\n\n &__label {\n @include font(\"heavy\");\n @include fontCurve(\"p2\");\n margin: 0;\n margin-right: space(\"small\");\n\n @include mq($from: small) {\n @include visuallyhidden;\n }\n }\n\n &__close {\n visibility: $popoverCloseVisibility;\n cursor: pointer;\n display: flex;\n appearance: none;\n font-family: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n margin-left: auto;\n border-radius: 50%;\n color: $baseLeadColor;\n padding: space(\"xxsmall\");\n }\n\n &__icon {\n --size: #{iconSize(\"xsmall\")};\n }\n\n &__arrow {\n position: absolute;\n display: none;\n\n @include mq($from: small) {\n display: flex;\n }\n }\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n /* Only non tooltip variants */\n\n &--default &__close,\n &--secondary &__close {\n &:focus {\n box-shadow: 0 0 0 1px $colorPrimary;\n }\n\n @include mq($from: small) {\n @include visuallyhiddenFocusable;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(30%, -30%);\n background-color: $colorOldGrey5;\n }\n }\n\n /* Tooltip variant */\n\n &--tooltip &__content-inner {\n @include mq($from: small) {\n flex-direction: row-reverse;\n align-items: flex-start;\n }\n }\n\n &--tooltip &__close {\n visibility: visible;\n\n @include mq($from: small) {\n @include tooltip__close;\n }\n }\n\n &--tooltip &__icon {\n @include mq($from: small) {\n @include tooltip__icon;\n }\n }\n\n &--tooltip &__dialog {\n @include mq($from: small) {\n @include tooltip-dropshadow;\n }\n }\n\n &--tooltip &__content-slot {\n @include mq($from: small) {\n @include tooltip-fontsize;\n }\n }\n\n /* Has fullwidth popover */\n\n &--popover-fullwidth-horizontal &__dialog {\n @include mq($from: small) {\n left: 0 !important;\n right: 0 !important;\n width: 100%;\n }\n }\n\n &--popover-fullwidth-vertical &__dialog {\n @include mq($from: small) {\n top: 0 !important;\n bottom: 0 !important;\n height: 100%;\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n StzhPopoverClosedEvent,\n StzhPopoverCloseEvent,\n StzhPopoverOpenedEvent,\n StzhPopoverOpenEvent,\n} from \"../../index\";\n\nimport { arrow, autoUpdate, computePosition, flip, offset, Placement, shift } from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, stopAnimations } from \"../../utils/animation-utils\";\n\nimport { StzhPopoverLocalizedText } from \"./stzh-popover.localization\";\n\nimport Arrow from \"../stzh-tooltip/assets/arrow.svg\";\n\nconst ANIMATION_SHOW_DURATION = 200;\nconst ANIMATION_HIDE_DURATION = 300;\nconst ANIMATION_SHOW_DURATION_SMALL = 100;\nconst ANIMATION_HIDE_DURATION_SMALL = 200;\n\nfunction animationContentWrapperShow() {\n const isSmall = media(\"small\").matches;\n return {\n keyframes: [{ opacity: \"0\" }, { opacity: \"1\" }],\n options: {\n duration: isSmall ? ANIMATION_SHOW_DURATION_SMALL : ANIMATION_SHOW_DURATION,\n easing: \"linear\",\n },\n };\n}\n\nfunction animationContentWrapperHide() {\n const isSmall = media(\"small\").matches;\n return {\n keyframes: [{ opacity: \"1\" }, { opacity: \"0\" }],\n options: {\n duration: isSmall ? ANIMATION_HIDE_DURATION_SMALL : ANIMATION_HIDE_DURATION,\n easing: \"linear\",\n },\n };\n}\n\nfunction animationDialogShow() {\n const isSmall = media(\"small\").matches;\n return {\n keyframes: [{ transform: isSmall ? \"translateY(-8px)\" : \"translateY(100%)\" }, { transform: \"translateY(0px)\" }],\n options: {\n duration: isSmall ? ANIMATION_SHOW_DURATION_SMALL : ANIMATION_SHOW_DURATION,\n easing: \"linear\",\n },\n };\n}\n\nfunction animationDialogHide() {\n const isSmall = media(\"small\").matches;\n return {\n keyframes: [{ transform: \"translateY(0px)\" }, { transform: isSmall ? \"translateY(-8px)\" : \"translateY(100%)\" }],\n options: {\n duration: isSmall ? ANIMATION_HIDE_DURATION_SMALL : ANIMATION_HIDE_DURATION,\n easing: \"linear\",\n },\n };\n}\n\nconst keyCode = {\n ESC: 27,\n};\n\nconst CLASS_BODY_OPEN = \"stzh-popover-open\";\n\nlet popoverCounter = 0;\n\n/**\n * @slot - Trigger element for popover\n * @slot content - Any element used as popover content\n * @slot action - `stzh-button` element\n * @slot label - Label for mobile view (alternative for label property)\n */\n@Component({\n tag: \"stzh-popover\",\n styleUrl: \"stzh-popover.scss\",\n scoped: true,\n})\nexport class StzhPopover {\n /** Whether popover should be open */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /** Default placement of popover relative to trigger element */\n @Prop({ reflect: true }) placement: Placement = \"bottom\";\n\n /** Whether to stretch popover to fullwith of parent */\n @Prop({ reflect: true }) fullwidth: \"horizontal\" | \"vertical\" | \"\" = \"\";\n\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"secondary\" | \"tooltip\" = \"default\";\n\n /** Size */\n @Prop({ reflect: true }) size: \"default\" | \"large\" = \"default\";\n\n /** Shifting of popover content */\n @Prop() skidding: number = 0;\n\n /** Distance from popover content to trigger. \"8\" when default variant, \"16\" when tooltip variant, arrow height (8px) + spacing (4px) = 12. */\n @Prop() distance: number;\n\n /** Label for mobile view (use label slot as alternative) */\n @Prop() label: string = \"\";\n\n /** Position strategy */\n @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n /** Translation strings. */\n @Prop() localization: StzhPopoverLocalizedText;\n\n @Element() element: HTMLStzhPopoverElement;\n\n /** Popover open event */\n @Event() stzhOpen: EventEmitter<StzhPopoverOpenEvent>;\n\n /** Popover opened event (after animation) */\n @Event() stzhOpened: EventEmitter<StzhPopoverOpenedEvent>;\n\n /** Popover close event */\n @Event() stzhClose: EventEmitter<StzhPopoverCloseEvent>;\n\n /** Popover closed event (after animation) */\n @Event() stzhClosed: EventEmitter<StzhPopoverClosedEvent>;\n\n private initialParentNode: HTMLElement;\n private elementIndexOnBranchout: number;\n\n /** Show popover content */\n @Method()\n async show() {\n if (this.open) {\n return;\n }\n\n this.mediaChangeHandler();\n if (this.isHeaderStuckAndViewportMicro) {\n this.branchOutToBody();\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n /** Hide popover content */\n @Method()\n async hide() {\n if (!this.open) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n\n await waitForEvent(this.element, \"stzhClosed\");\n\n this.mediaChangeHandler();\n if (this.isHeaderStuckAndViewportMicro) {\n this.branchInFromBody();\n }\n\n return true;\n }\n\n /** Toggle popover content */\n @Method()\n async toggle() {\n if (this.open) {\n return await this.hide();\n } else {\n return await this.show();\n }\n }\n\n @Method()\n async update() {\n return await this.computePosition();\n }\n\n @Listen(\"click\", { target: \"document\", capture: true })\n handleOutsideClick(event: MouseEvent) {\n if (!this.open) {\n return;\n }\n\n const isClickOutside =\n event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n const isClickTrigger =\n event.target === this.triggerElement || this.triggerElement.contains(event.target as HTMLElement);\n\n if (isClickOutside && !isClickTrigger) {\n this.hide();\n }\n }\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.dialogElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-popover\",\n });\n }\n\n const animationShow = animationContentWrapperShow();\n const animationShowDialog = animationDialogShow();\n\n await Promise.all([\n stopAnimations(this.contentWrapperElement),\n stopAnimations(this.contentElement),\n stopAnimations(this.dialogElement),\n ]);\n\n // safari seems to need will-change,\n // otherwise it has problems animating the element with the drop shadow\n this.dialogElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n this.contentWrapperElement.hidden = false;\n\n await Promise.all([\n animateTo(\n media(\"small\").matches ? this.dialogElement : this.contentWrapperElement,\n animationShow.keyframes,\n animationShow.options,\n ),\n animateTo(\n media(\"small\").matches ? this.dialogElement : this.contentElement,\n animationShowDialog.keyframes,\n animationShowDialog.options,\n ),\n ]);\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-popover\",\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-popover\",\n });\n }\n\n const animationHide = animationContentWrapperHide();\n const animationHideDialog = animationDialogHide();\n\n await Promise.all([\n stopAnimations(this.contentWrapperElement),\n stopAnimations(this.contentElement),\n stopAnimations(this.dialogElement),\n ]);\n\n await Promise.all([\n animateTo(\n media(\"small\").matches ? this.dialogElement : this.contentWrapperElement,\n animationHide.keyframes,\n animationHide.options,\n ),\n animateTo(\n media(\"small\").matches ? this.dialogElement : this.contentElement,\n animationHideDialog.keyframes,\n animationHideDialog.options,\n ),\n ]);\n\n this.contentWrapperElement.hidden = true;\n this.dialogElement.style.willChange = \"auto\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-popover\",\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n @Watch(\"distance\")\n distanceWatcher(newValue: number) {\n if (typeof newValue === \"number\") {\n this.distance = newValue;\n } else {\n this.distance = this.variant === \"tooltip\" ? 12 : 8;\n }\n }\n\n @State() computedPlacement: Placement;\n @State() isHeaderStuckAndViewportMicro: boolean;\n @State() isBranchedOutToBody: boolean;\n @State() hasStzhHeaderParent: boolean;\n\n private observer: MutationObserver;\n\n private contentWrapperElement: HTMLElement;\n private contentElement: HTMLElement;\n private arrowElement: HTMLElement;\n private rootElement: HTMLElement;\n private triggerElement: HTMLElement;\n private triggerFirstElement: HTMLElement;\n private dialogElement: HTMLElement;\n private autoUpdateCleanup: Function;\n\n private initialTouchX: number = null;\n private initialTouchY: number = null;\n\n private id: string;\n private trap: FocusTrap;\n private toggledByMethod: boolean;\n\n private setStzhHeaderParent(): boolean {\n let parent = this.element.parentElement;\n while (parent) {\n if (parent.tagName && parent.tagName.toLowerCase() === \"stzh-header\") {\n return true;\n }\n parent = parent.parentElement;\n }\n return false;\n }\n\n private getChildIndex(element) {\n let parent = element.parentNode;\n\n // Convert child nodes to an array and find the index of the element\n let index = Array.prototype.indexOf.call(parent.children, element);\n\n return index;\n }\n\n private insertElementAtIndex(parent, newElement, index) {\n // Get the child element at the specified index\n let referenceNode = parent.children[index];\n\n // If referenceNode is null (meaning the index is out of range or at the end), append the new element\n if (referenceNode) {\n parent.insertBefore(newElement, referenceNode);\n } else {\n parent.appendChild(newElement);\n }\n }\n\n private mediaChangeHandler = () => {\n const isStzhHeaderStuck = document.documentElement.style.getPropertyValue(\"--stzh-header-is-stuck\");\n this.isHeaderStuckAndViewportMicro =\n !media(\"small\").matches && isStzhHeaderStuck === \"1\" && this.hasStzhHeaderParent;\n\n if (this.open && this.isBranchedOutToBody && !this.isHeaderStuckAndViewportMicro) {\n this.branchInFromBody();\n }\n };\n\n private branchOutToBody() {\n this.elementIndexOnBranchout = this.getChildIndex(this.element);\n document.body.append(this.element);\n this.insertElementAtIndex(this.initialParentNode, this.triggerElement, this.elementIndexOnBranchout);\n this.isBranchedOutToBody = true;\n }\n\n private branchInFromBody() {\n this.insertElementAtIndex(this.initialParentNode, this.element, this.elementIndexOnBranchout);\n this.rootElement.prepend(this.triggerElement);\n this.isBranchedOutToBody = false;\n }\n\n private handleKeydown = (event: KeyboardEvent) => {\n if (event.keyCode === keyCode.ESC) {\n this.hide();\n }\n };\n\n private onClickTrigger = () => {\n this.toggle();\n };\n\n private computePosition = async () => {\n if (!this.triggerFirstElement || !this.dialogElement) {\n return;\n }\n\n if (media(\"small\").matches) {\n const middleware = [\n offset({\n mainAxis: this.distance,\n crossAxis: this.skidding,\n }),\n flip({\n padding: 5,\n }),\n shift({\n padding: 5,\n }),\n ];\n\n if (this.variant === \"tooltip\") {\n middleware.push(\n arrow({\n element: this.arrowElement,\n padding: 5,\n }),\n );\n }\n\n const {\n x = 0,\n y = 0,\n strategy = \"absolute\",\n placement,\n middlewareData,\n } = await computePosition(this.triggerFirstElement, this.dialogElement, {\n strategy: this.strategy,\n placement: this.placement,\n middleware,\n });\n\n this.computedPlacement = placement;\n\n Object.assign(this.dialogElement.style, {\n position: strategy,\n left: `${x}px`,\n top: `${y}px`,\n });\n\n if (this.variant === \"tooltip\") {\n Object.assign(this.arrowElement.style, {\n left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n });\n }\n } else {\n Object.assign(this.dialogElement.style, {\n position: null,\n left: null,\n top: null,\n });\n\n if (this.variant === \"tooltip\") {\n Object.assign(this.arrowElement.style, {\n left: null,\n top: null,\n });\n }\n }\n };\n\n private handleTouchStart = (event: TouchEvent) => {\n const touch = event.changedTouches[0];\n this.initialTouchX = touch.pageX;\n this.initialTouchY = touch.pageY;\n };\n\n // private handleTouchMove = (event: TouchEvent) => {\n // event.preventDefault()\n // }\n\n private handleTouchEnd = (event: TouchEvent) => {\n const touch = event.changedTouches[0];\n const distX = touch.pageX - this.initialTouchX; // get horizontal dist traveled\n const distY = touch.pageY - this.initialTouchY; // get vertical dist traveled\n const threshold = 70;\n\n const isYSwipe = Math.abs(distY) >= threshold && Math.abs(distX) <= threshold;\n\n if (isYSwipe) {\n const isInDropdown = (event.target as HTMLElement).closest(\".stzh-dropdown\") !== null;\n if (!isInDropdown) {\n this.hide();\n }\n }\n\n this.initialTouchY = null;\n this.initialTouchX = null;\n };\n\n private init = () => {\n let trigger = this.triggerElement?.firstElementChild as HTMLElement | null;\n\n if (!trigger) {\n const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n trigger = defaultSlot ?? null;\n }\n\n if (!trigger) {\n return;\n }\n\n if (this.triggerFirstElement !== trigger) {\n this.triggerFirstElement?.removeEventListener(\"click\", this.onClickTrigger);\n this.triggerFirstElement = trigger;\n this.triggerFirstElement.addEventListener(\"click\", this.onClickTrigger);\n }\n };\n\n async componentWillLoad() {\n this.id = `stzh-popover-${popoverCounter++}`;\n this.initialParentNode = this.element.parentElement;\n this.hasStzhHeaderParent = this.setStzhHeaderParent();\n\n this.distanceWatcher(this.distance);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"popover\");\n }\n }\n\n private popoverShown() {\n document.body.classList.add(CLASS_BODY_OPEN);\n\n if (this.triggerFirstElement) {\n const isStzh = isStzhElement(this.triggerFirstElement);\n this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", \"true\");\n }\n\n this.trap?.activate();\n }\n\n private popoverHidden() {\n document.body.classList.remove(CLASS_BODY_OPEN);\n\n if (this.triggerFirstElement) {\n const isStzh = isStzhElement(this.triggerFirstElement);\n this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", \"false\");\n }\n\n this.trap?.deactivate();\n }\n\n componentDidRender() {\n this.mediaChangeHandler();\n this.init();\n\n if (!this.triggerFirstElement) {\n return;\n }\n\n const isStzh = isStzhElement(this.triggerFirstElement);\n\n if (\n (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n ) {\n this.triggerFirstElement.setAttribute(\n isStzh ? \"a11y-describedby\" : \"aria-describedby\",\n `${this.id}-trigger-description`,\n );\n }\n\n if (\n (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\")) ||\n (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n ) {\n this.triggerFirstElement.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n }\n\n if (\n (isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\")) ||\n (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n ) {\n this.triggerFirstElement.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n }\n }\n\n private initializedPopover = false;\n\n componentDidUpdate() {\n if (this.open && !this.initializedPopover) {\n if (!this.triggerFirstElement || !this.dialogElement) {\n return;\n }\n\n this.initializeAutoUpdate();\n this.initializeFocusTrap();\n this.popoverShown();\n this.initializedPopover = true;\n }\n\n if (this.initializedPopover) {\n if (this.open) {\n this.popoverShown();\n } else {\n this.popoverHidden();\n }\n\n this.computePosition();\n this.trap?.updateContainerElements(this.dialogElement);\n }\n }\n\n initializeAutoUpdate() {\n if (!this.triggerFirstElement || !this.dialogElement) {\n return;\n }\n\n this.autoUpdateCleanup = autoUpdate(this.triggerFirstElement, this.dialogElement, this.computePosition);\n }\n\n initializeFocusTrap() {\n this.trap = createFocusTrap(this.dialogElement, {\n initialFocus: () => this.dialogElement,\n fallbackFocus: this.dialogElement,\n clickOutsideDeactivates: true,\n returnFocusOnDeactivate: true,\n });\n }\n\n componentDidLoad() {\n this.contentWrapperElement.hidden = !this.open;\n this.open ? this.popoverShown() : this.popoverHidden();\n }\n\n connectedCallback() {\n addMediaChangeListener(this.mediaChangeHandler);\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.mediaChangeHandler);\n this.observer?.disconnect();\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n this.autoUpdateCleanup = null;\n }\n\n this.triggerFirstElement?.removeEventListener(\"click\", this.onClickTrigger);\n this.initializedPopover = false;\n }\n\n render() {\n const classes = {\n \"stzh-popover\": true,\n [`stzh-popover--open`]: this.open,\n [`stzh-popover--placement-${this.computedPlacement}`]: !!this.computedPlacement,\n [`stzh-popover--fullwidth-${this.fullwidth}`]: !!this.fullwidth,\n [`stzh-popover--${this.size}`]: !!this.size,\n [`stzh-popover--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host>\n <div\n class={classes}\n onTouchStart={this.handleTouchStart}\n onTouchEnd={this.handleTouchEnd}\n ref={el => (this.rootElement = el as HTMLDivElement)}\n >\n <div ref={el => (this.triggerElement = el as HTMLDivElement)} class=\"stzh-popover__trigger\">\n <slot></slot>\n </div>\n <div class=\"stzh-popover__vhidden\" id={`${this.id}-trigger-description`}>\n {this.localization?.open ?? \"\"}\n </div>\n <div ref={el => (this.contentWrapperElement = el as HTMLDivElement)} class=\"stzh-popover__content-wrapper\">\n <div class=\"stzh-popover__backdrop\"></div>\n <div ref={el => (this.contentElement = el as HTMLDivElement)} class=\"stzh-popover__content\">\n <div\n ref={el => (this.dialogElement = el as HTMLDivElement)}\n class=\"stzh-popover__dialog\"\n role=\"dialog\"\n tabindex=\"-1\"\n aria-modal=\"true\"\n aria-labelledby={this.label ? `${this.id}-label` : null}\n aria-hidden={this.open ? \"false\" : \"true\"}\n onKeyDown={this.handleKeydown}\n >\n {this.variant === \"tooltip\" && (\n <div\n class=\"stzh-popover__arrow\"\n ref={el => (this.arrowElement = el as HTMLDivElement)}\n innerHTML={Arrow}\n ></div>\n )}\n <div class=\"stzh-popover__content-inner\">\n <div class=\"stzh-popover__label-wrapper\">\n <h2 id={`${this.id}-label`} class=\"stzh-popover__label\">\n {this.label ? this.label : <slot name=\"label\"></slot>}\n </h2>\n <button class=\"stzh-popover__close\" onClick={() => this.hide()} type=\"button\">\n <stzh-icon name=\"close\" class=\"stzh-popover__icon\"></stzh-icon>\n <span class=\"stzh-popover__vhidden\">{this.localization?.close ?? \"\"}</span>\n </button>\n </div>\n <div class=\"stzh-popover__content-slot-wrapper\">\n <div class=\"stzh-popover__content-slot\">\n <slot name=\"content\"></slot>\n </div>\n <div class=\"stzh-popover__action-slot\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CGoecBDY.js → p-6nWAZpXe.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-VlIs_0mL.js';
-import { d as defineCustomElement$1 } from './p-DriV35S7.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
+import { d as defineCustomElement$1 } from './p-SbO4yTDL.js';
 const stzhRichtextCss = () => `@charset "UTF-8";.sc-stzh-richtext-h{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}[hidden].sc-stzh-richtext-h,[stzh-hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::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)}.sc-stzh-richtext-h .has-focus.sc-stzh-richtext{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext{outline-style:none !important}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext::-moz-focus-inner{border:0 !important}.sc-stzh-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color, var(--stzh-color-primary70));--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color, var(--stzh-color-primary70));--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color, var(--stzh-color-old-grey55));color:var(--color);--display:var(--stzh-richtext-display, block);--grid-template-areas:var(
     --stzh-richtext-grid-template-areas,
@@ -101,6 +101,6 @@ function defineCustomElement() {
 }
 export { StzhRichtext as S, defineCustomElement as d };
-//# sourceMappingURL=p-CGoecBDY.js.map
+//# sourceMappingURL=p-6nWAZpXe.js.map
-//# sourceMappingURL=p-CGoecBDY.js.map
+//# sourceMappingURL=p-6nWAZpXe.js.map

package/dist/components/{p-CGoecBDY.js.map → p-6nWAZpXe.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CGoecBDY~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","src/components/stzh-richtext/stzh-richtext.tsx"],"sourcesContent":[":host {\n @include richtext-host;\n\n --display: var(--stzh-richtext-display, block);\n\n --grid-template-areas: var(\n --stzh-richtext-grid-template-areas,\n \"text text text text\"\n );\n\n --grid-template-columns: var(\n --stzh-richtext-grid-template-columns,\n #{$gridColumns}\n );\n\n @include mq($from: small) {\n --grid-template-areas: var(\n --stzh-richtext-grid-template-areas,\n \"text text text text\"\n );\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-richtext-grid-template-areas,\n \"text text text text text text text text\"\n );\n\n --grid-template-columns: var(\n --stzh-richtext-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n ::slotted() {\n @include richtext-slotted;\n }\n\n &[has-hidden-first-margin] ::slotted(:first-child) {\n margin-top: 0 !important;\n }\n\n &[has-hidden-last-margin] ::slotted(:last-child) {\n margin-bottom: 0 !important;\n }\n}\n\n.stzh-richtext {\n @include gridGutter;\n display: var(--display);\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__text {\n grid-area: text;\n display: grid;\n }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nconst CLASS_EXTERNAL_LINK = \"stzh-richtext__external-link\";\nconst CLASS_EXTERNAL_ICON_WRAPPER = \"stzh-richtext__external-icon-wrapper\";\nconst CLASS_EXTERNAL_ICON = \"stzh-richtext__external-icon\";\nconst CLASS_EXTERNAL_VHIDDEN = \"stzh-richtext__external-vhidden\";\n\n/\n @slot - Text content that should be styled\n /\n@Component({\n tag: \"stzh-richtext\",\n styleUrl: \"stzh-richtext.scss\",\n scoped: true,\n})\nexport class StzhRichtext {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether first top margin of first child should be set to 0. /\n @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n /* Whether last bottom margin of last child should be set to 0. /\n @Prop({ reflect: true }) removeLastMargin: boolean;\n\n /* Selector to recognize external link and attach an icon /\n @Prop() externalLinkSelector: string = 'a[rel=\"external\"], a.external, a.extern';\n\n /** Icon used for marking external links */\n @Prop() externalLinkIcon: string = \"external-link\";\n\n @Element() element: HTMLStzhRichtextElement;\n\n private externalLinks: HTMLElement[];\n\n private addExternalLinkIcons() {\n this.externalLinks.forEach(externalLink => {\n externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n // Check if screenreaderText already exists\n if (!externalLink.querySelector(`.${CLASS_EXTERNAL_VHIDDEN}`)) {\n const screenreaderText = document.createElement(\"span\");\n screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n externalLink.prepend(screenreaderText);\n }\n\n // Check if iconWrapper already exists\n if (!externalLink.querySelector(`.${CLASS_EXTERNAL_ICON_WRAPPER}`)) {\n const iconWrapper = document.createElement(\"span\");\n iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n const icon = document.createElement(\"stzh-icon\");\n icon.classList.add(CLASS_EXTERNAL_ICON);\n icon.name = this.externalLinkIcon;\n iconWrapper.appendChild(icon);\n\n externalLink.appendChild(iconWrapper);\n }\n });\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"richtext\");\n }\n }\n\n componentDidRender() {\n this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n if (this.externalLinks && this.externalLinks.length > 0) {\n this.addExternalLinkIcons();\n }\n }\n\n render() {\n const classes = {\n \"stzh-richtext\": true,\n };\n\n return (\n <Host\n has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n >\n <div class={classes}>\n <div class=\"stzh-richtext__text\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-6nWAZpXe.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","src/components/stzh-richtext/stzh-richtext.tsx"],"sourcesContent":[":host {\n @include richtext-host;\n\n --display: var(--stzh-richtext-display, block);\n\n --grid-template-areas: var(\n --stzh-richtext-grid-template-areas,\n \"text text text text\"\n );\n\n --grid-template-columns: var(\n --stzh-richtext-grid-template-columns,\n #{$gridColumns}\n );\n\n @include mq($from: small) {\n --grid-template-areas: var(\n --stzh-richtext-grid-template-areas,\n \"text text text text\"\n );\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-richtext-grid-template-areas,\n \"text text text text text text text text\"\n );\n\n --grid-template-columns: var(\n --stzh-richtext-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n ::slotted() {\n @include richtext-slotted;\n }\n\n &[has-hidden-first-margin] ::slotted(:first-child) {\n margin-top: 0 !important;\n }\n\n &[has-hidden-last-margin] ::slotted(:last-child) {\n margin-bottom: 0 !important;\n }\n}\n\n.stzh-richtext {\n @include gridGutter;\n display: var(--display);\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__text {\n grid-area: text;\n display: grid;\n }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nconst CLASS_EXTERNAL_LINK = \"stzh-richtext__external-link\";\nconst CLASS_EXTERNAL_ICON_WRAPPER = \"stzh-richtext__external-icon-wrapper\";\nconst CLASS_EXTERNAL_ICON = \"stzh-richtext__external-icon\";\nconst CLASS_EXTERNAL_VHIDDEN = \"stzh-richtext__external-vhidden\";\n\n/\n @slot - Text content that should be styled\n /\n@Component({\n tag: \"stzh-richtext\",\n styleUrl: \"stzh-richtext.scss\",\n scoped: true,\n})\nexport class StzhRichtext {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether first top margin of first child should be set to 0. /\n @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n /* Whether last bottom margin of last child should be set to 0. /\n @Prop({ reflect: true }) removeLastMargin: boolean;\n\n /* Selector to recognize external link and attach an icon /\n @Prop() externalLinkSelector: string = 'a[rel=\"external\"], a.external, a.extern';\n\n /** Icon used for marking external links */\n @Prop() externalLinkIcon: string = \"external-link\";\n\n @Element() element: HTMLStzhRichtextElement;\n\n private externalLinks: HTMLElement[];\n\n private addExternalLinkIcons() {\n this.externalLinks.forEach(externalLink => {\n externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n // Check if screenreaderText already exists\n if (!externalLink.querySelector(`.${CLASS_EXTERNAL_VHIDDEN}`)) {\n const screenreaderText = document.createElement(\"span\");\n screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n externalLink.prepend(screenreaderText);\n }\n\n // Check if iconWrapper already exists\n if (!externalLink.querySelector(`.${CLASS_EXTERNAL_ICON_WRAPPER}`)) {\n const iconWrapper = document.createElement(\"span\");\n iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n const icon = document.createElement(\"stzh-icon\");\n icon.classList.add(CLASS_EXTERNAL_ICON);\n icon.name = this.externalLinkIcon;\n iconWrapper.appendChild(icon);\n\n externalLink.appendChild(iconWrapper);\n }\n });\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"richtext\");\n }\n }\n\n componentDidRender() {\n this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n if (this.externalLinks && this.externalLinks.length > 0) {\n this.addExternalLinkIcons();\n }\n }\n\n render() {\n const classes = {\n \"stzh-richtext\": true,\n };\n\n return (\n <Host\n has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n >\n <div class={classes}>\n <div class=\"stzh-richtext__text\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-3lUBnCHI.js → p-8FqKNq0v.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-VlIs_0mL.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
 import { a as api } from './p-Cpg2gH_9.js';
 const stzhShowCss = () => `: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],:host[stzh-hidden]{display:none}: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{}: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{--show-display:contents;--hide-display:none;--current-display:var(--hide-display);display:var(--current-display)}:host([mikro]){--current-display:var(--show-display)}:host([mikro=false]){--current-display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){--current-display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 900px){:host([medium]){--current-display:var(--show-display)}}@media screen and (min-width: 900px){:host([medium=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){--current-display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1600px){:host([ultra]){--current-display:var(--show-display)}}@media screen and (min-width: 1600px){:host([ultra=false]){--current-display:var(--hide-display)}}`;
@@ -95,6 +95,6 @@ function defineCustomElement() {
 }
 export { StzhShow as S, defineCustomElement as d };
-//# sourceMappingURL=p-3lUBnCHI.js.map
+//# sourceMappingURL=p-8FqKNq0v.js.map
-//# sourceMappingURL=p-3lUBnCHI.js.map
+//# sourceMappingURL=p-8FqKNq0v.js.map