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

@oiz/stzh-components 3.1.0 → 3.2.0-beta1

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 (673) hide show

package/dist/components/index2.js.map CHANGED Viewed

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

package/dist/components/stzh-accordion-item2.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { h as hasSlot } from './utils.js';
 import { d as defineCustomElement$2 } from './stzh-badge2.js';
 import { d as defineCustomElement$1 } from './stzh-icon2.js';
-const stzhAccordionItemCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--trigger-size:1.125rem;--trigger-color:currentColor;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-primary70);--button-background-color:var(--stzh-color-secondary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-secondary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([is-variant=\"table\"])){--trigger-size:var(--stzh-icon-size);--content-background:var(--stzh-color-grey10);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-black);--hover-button-background-color:var(--stzh-color-grey30)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-variant=\"table\"])){--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([disabled]:not([disabled=\"false\"]))){--button-color:var(--stzh-color-grey80);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-grey80);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-trigger-color:var(--trigger-color)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;min-height:3.75rem;color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xxlarge)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{transition:none}}.stzh-accordion-item__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xxlarge)}}.stzh-accordion-item__button-text{flex-grow:1}.stzh-accordion-item__button-icon.is-default{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform, background-color;transition-duration:500ms;transform-origin:top left;background-color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{transition:none}}.stzh-accordion-item__button-icon.is-default::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-default::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-table{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-table{transition:none}}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-table{color:var(--hover-trigger-color)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}@media print{.stzh-accordion-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{--stzh-icon-size:var(--icon-size);align-self:flex-start}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item__subtitle{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-accordion-item__subtitle{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-accordion-item--has-icon .stzh-accordion-item__icon-wrapper{margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-medium)}}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::after{transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-table{transform:rotate(180deg)}.stzh-accordion-item--table .stzh-accordion-item__button,.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}.stzh-accordion-item__button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);min-height:3.5rem}.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 600px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-accordion-item--table .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed}";
+const stzhAccordionItemCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--trigger-size:1.125rem;--trigger-color:currentColor;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-primary70);--button-background-color:var(--stzh-color-secondary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-secondary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([is-variant=\"table\"])){--trigger-size:var(--stzh-icon-size);--content-background:var(--stzh-color-grey10);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-black);--hover-button-background-color:var(--stzh-color-grey30)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-variant=\"table\"])){--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}:host(:where([disabled]:not([disabled=\"false\"]))){--button-color:var(--stzh-color-grey80);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-grey80);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-trigger-color:var(--trigger-color)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;min-height:3.75rem;color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{padding-bottom:var(--stzh-space-xxlarge)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{transition:none}}.stzh-accordion-item__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xxlarge)}}.stzh-accordion-item__button-text{flex-grow:1}.stzh-accordion-item__button-icon.is-default{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{position:absolute;top:50%;left:50%;content:\"\";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform, background-color;transition-duration:500ms;transform-origin:top left;background-color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{transition:none}}.stzh-accordion-item__button-icon.is-default::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-default::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-table{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-table{transition:none}}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-table{color:var(--hover-trigger-color)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}@media print{.stzh-accordion-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{--stzh-icon-size:var(--icon-size);align-self:flex-start}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item__subtitle{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-accordion-item__subtitle{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-accordion-item--has-icon .stzh-accordion-item__icon-wrapper{margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall)}}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::after{transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-table{transform:rotate(180deg)}.stzh-accordion-item--table .stzh-accordion-item__button,.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}.stzh-accordion-item__button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);min-height:3.5rem}.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 600px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-accordion-item--table .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed}";
 const ANIMATION_SHOW = {
   keyframes: [

package/dist/components/stzh-accordion-item2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-accordion-item2.js","mappings":"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","names":[],"sources":["src/components/stzh-accordion-item/stzh-accordion-item.scss?tag=stzh-accordion-item&encapsulation=shadow","src/components/stzh-accordion-item/stzh-accordion-item.tsx"],"sourcesContent":["/*\n @prop --content-background: Content background\n \n @prop --stzh-accordion-content-background: Global: Content background\n /\n\n:host {\n --trigger-size: 18px;\n --trigger-color: currentColor;\n --content-background: #{$accordionContentBackground};\n --icon-size: #{iconSize()};\n --button-color: #{$colorPrimary70};\n --button-background-color: #{$colorSecondary30};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: #{$colorSecondary40};\n --hover-trigger-color: var(--trigger-color);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n @include highContrast() {\n --trigger-color: CanvasText;\n\n --hover-trigger-color: CanvasText;\n }\n}\n\n/ Table /\n:host(:where([is-variant=\"table\"])) {\n --trigger-size: #{iconSize()};\n --content-background: #{$colorGrey10};\n --button-background-color: #{$colorGrey20};\n --trigger-color: #{$colorBlack};\n\n --hover-button-background-color: #{$colorGrey30};\n\n @include highContrast() {\n --trigger-color: CanvasText;\n\n --hover-trigger-color: CanvasText;\n }\n}\n\n/ Disabled /\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n --button-color: #{$colorGrey80};\n --button-background-color: #{$colorGrey20};\n --trigger-color: #{$colorGrey80};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n --hover-trigger-color: var(--trigger-color);\n}\n\n.stzh-accordion-item {\n &__heading {\n position: relative;\n margin: 0;\n }\n\n &__button {\n @include fontCurve('p1');\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-bottom', 'regular');\n font-family: inherit;\n width: 100%;\n appearance: none;\n display: flex;\n align-items: center;\n min-height: 60px;\n color: var(--button-color);\n background-color: var(--button-background-color);\n text-align: left;\n border: none;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n\n &:hover {\n color: var(--hover-button-color);\n background-color: var(--hover-button-background-color);\n }\n }\n\n &__button,\n &__content-inner {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &__button-text {\n flex-grow: 1;\n }\n\n &__button-icon {\n &.is-default {\n position: relative;\n display: block;\n width: var(--trigger-size);\n height: var(--trigger-size);\n margin-left: space('medium');\n\n &::before,\n &::after {\n position: absolute;\n top: 50%;\n left: 50%;\n content: '';\n display: block;\n width: var(--trigger-size);\n height: 2.5px;\n transition-property: transform, background-color;\n transition-duration: 500ms;\n transform-origin: top left;\n background-color: var(--trigger-color);\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &::before {\n transform: rotate(180deg) translate(-50%, -50%);\n }\n\n &::after {\n transform: rotate(90deg) translate(-50%, -50%);\n }\n }\n\n &.is-table {\n --size: var(--trigger-size);\n\n transition-property: transform, color;\n transition-duration: 500ms;\n color: var(--trigger-color);\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n\n &__button:hover &__button-icon {\n &.is-default {\n &::before,\n &::after {\n background-color: var(--hover-trigger-color);\n }\n }\n\n &.is-table {\n color: var(--hover-trigger-color);\n }\n }\n\n &__content {\n overflow: hidden;\n background-color: var(--content-background);\n\n @media print {\n height: auto !important;\n overflow: visible !important;\n display: block !important;\n }\n }\n\n &__content-inner {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n }\n\n &__icon-wrapper {\n --stzh-icon-size: var(--icon-size);\n\n align-self: flex-start;\n }\n\n &__badge {\n position: absolute;\n right: -5px;\n top: -5px;\n }\n\n &__description {\n @include fontCurve('caption');\n }\n\n &__heading-text,\n &__description,\n &__subtitle {\n display: block;\n }\n\n &__subtitle {\n @include fontCurve('p2');\n }\n\n / Has icon /\n\n &--has-icon &__icon-wrapper {\n margin-right: space('xsmall');\n }\n\n / Title Variant / Subtitle /\n\n &--title &__heading-text,\n &--has-subtitle &__heading-text {\n @include font('title');\n @include fontCurve('h3', 'heading');\n }\n\n &--title &__subtitle:not(:empty) + &__heading-text,\n &--has-subtitle &__subtitle:not(:empty) + &__heading-text {\n @include spaceCurve('margin-top', 'tiny');\n }\n\n\n / Open /\n\n &--is-open &__button-icon {\n &.is-default {\n &::before,\n &::after {\n transform: rotate(0) translate(-50%, -50%);\n }\n }\n\n &.is-table {\n transform: rotate(180deg);\n }\n }\n\n / Table Variant /\n\n &--table &__button,\n &--table &__content-inner {\n padding-left: space('medium');\n padding-right: space('medium');\n }\n\n &__button {\n @include fontSize('milli');\n padding-top: space('medium');\n padding-bottom: space('medium');\n min-height: 56px;\n }\n\n &--table &__content-inner {\n @include spaceCurve('padding-top', 'tiny');\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n &--table &__heading-text {\n @include font('heavy');\n }\n\n / Disabled /\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Method,\n Watch,\n Event,\n EventEmitter,\n Listen,\n} from \"@stencil/core\";\n\nimport {\n StzhAccordionItemOpenEvent,\n StzhAccordionItemOpenedEvent,\n StzhAccordionItemCloseEvent,\n StzhAccordionItemClosedEvent,\n StzhAccordionItemFocusEvent,\n StzhAccordionItemBlurEvent,\n StzhAccordionVariantChangeEvent,\n StzhAccordionVariant,\n StzhBadgeType\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { height: \"0\", opacity: \"0\" },\n { height: \"auto\", opacity: \"1\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { height: \"auto\", opacity: \"1\" },\n { height: \"0\", opacity: \"0\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nlet accordionItemCounter = 0;\n\n/\n @slot - Slot for any content\n * @slot icon - Slot for icon element\n /\n@Component({\n tag: \"stzh-accordion-item\",\n styleUrl: \"stzh-accordion-item.scss\",\n shadow: true\n})\nexport class StzhAccordionItem {\n /* Variant (overwrites variant from accordion parent) /\n @Prop() variant: StzhAccordionVariant;\n\n /* Whether fold is collapsible (overwrites collapsible from accordion parent) /\n @Prop() collapsible: boolean;\n\n /* Whether fold is open /\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /* Whether fold disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Heading title /\n @Prop() heading: string = \"\";\n\n /* Subtitle /\n @Prop() subtitle: string = \"\";\n\n /* Description /\n @Prop() description: string = \"\";\n\n /* Icon (use instead of icon slot) /\n @Prop() icon: string = \"\";\n\n /* Badge /\n @Prop() badge: string = \"\";\n\n /* Whether badge should be displayed empty /\n @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n /* Badge type /\n @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n /* Heading level, for accessibility, no visual impact /\n @Prop({ reflect: true }) headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `heading` prop.\n /\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhAccordionItemElement;\n\n /* Open event /\n @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n /* Opened event (after animation) /\n @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n /* Close event /\n @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n /* Closed event (after animation) /\n @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n @Watch(\"variant\")\n variantWatcher(newValue: StzhAccordionVariant) {\n if (typeof newValue !== \"undefined\") {\n this._variant = newValue;\n } else if (this.accordion) {\n this._variant = this.accordion.variant;\n }\n }\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.bodyElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-accordion-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.hidden = false;\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_SHOW.options\n );\n\n this.bodyElement.style.height = \"auto\";\n this.bodyElement.style.overflow = \"visible\";\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-accordion-item\"\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-accordion-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.style.overflow = \"hidden\";\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_HIDE.options\n );\n\n this.bodyElement.hidden = true;\n this.bodyElement.style.height = \"0px\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-accordion-item\"\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n /* Show accordion item content /\n @Method()\n async show() {\n if (this.open \|\| this.disabled) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n /* Hide accordion item content /\n @Method()\n async hide() {\n if (!this.open \|\| this.disabled) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n /* Toggle accordion item 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 /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;\n\n @Listen(\"keydown\", { target: \"document\", capture: true })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = true;\n }\n }\n\n @Listen(\"keyup\", { target: \"document\", capture: true })\n handleKeyup(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = false;\n }\n }\n\n @State() rootTabindex: number = 0;\n @State() _variant: StzhAccordionVariant;\n\n private toggledByMethod: boolean = false;\n private bodyElement: HTMLDivElement;\n private buttonElement: HTMLButtonElement;\n private accordionItemId: string;\n private accordion: HTMLStzhAccordionElement;\n private focusedByInput: boolean = false;\n private shiftPressed: boolean = false;\n\n private handleVariantChange = (_event: CustomEvent<StzhAccordionVariantChangeEvent>) => {\n this.variantWatcher(this.variant);\n }\n\n private handleHeaderClick = () => {\n if (typeof this.collapsible !== \"undefined\") {\n if (this.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n } else if (!this.accordion \|\| this.accordion.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n }\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.buttonElement.focus();\n }\n\n this.focusedByInput = false;\n }\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n if (this.shiftPressed) { // user presses currently shift\n this.rootTabindex = -1;\n }\n\n this.stzhFocus.emit({\n component: \"stzh-accordion-item\",\n originalEvent: event\n });\n }\n\n private onBlur = (event: FocusEvent) => {\n this.rootTabindex = 0;\n\n this.stzhBlur.emit({\n component: \"stzh-accordion-item\",\n originalEvent: event\n });\n }\n\n private onButtonKeydown = (event: KeyboardEvent) => {\n let action = null;\n\n if (event.key === \"ArrowDown\") {\n action = \"next\";\n } else if (event.key === \"ArrowUp\") {\n action = \"prev\";\n } else if (event.key === \"Home\") {\n action = \"first\";\n } else if (event.key === \"End\") {\n action = \"last\";\n } else if (event.key === \"PageDown\" && event.ctrlKey) {\n action = \"next\";\n } else if (event.key === \"PageUp\" && event.ctrlKey) {\n action = \"prev\";\n }\n\n if (event.key === \"Shift\") {\n this.rootTabindex = -1;\n }\n\n if (action) {\n event.preventDefault();\n this.accordion.setItemFocus(this.element, action);\n }\n }\n\n private onContentKeydown = (event: KeyboardEvent) => {\n if (!event.ctrlKey) {\n return;\n }\n\n let action = null;\n\n if (event.key === \"PageDown\") {\n action = \"next\";\n } else if (event.key === \"PageUp\") {\n action = \"prev\";\n }\n\n if (action) {\n event.preventDefault();\n this.accordion.setItemFocus(this.element, action);\n }\n }\n\n componentWillLoad() {\n this.accordionItemId = `stzh-accordion-item-${accordionItemCounter++}`;\n }\n\n componentDidLoad() {\n this.bodyElement.hidden = !this.open;\n this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n }\n\n async connectedCallback() {\n this.accordion = this.element.closest(\"stzh-accordion\");\n\n if (this.accordion) {\n this.accordion.addEventListener(\"stzhVariantChange\", this.handleVariantChange);\n }\n\n this.variantWatcher(this.variant);\n }\n\n disconnectedCallback() {\n if (this.accordion) {\n this.accordion.removeEventListener(\"stzhVariantChange\", this.handleVariantChange);\n this.accordion = null;\n }\n }\n\n render() {\n const hasIcon = hasSlot(this.element, \"icon\") \|\| !!this.icon;\n\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-accordion-item\": true,\n \"stzh-accordion-item--has-icon\": hasIcon,\n \"stzh-accordion-item--has-description\": !!this.description,\n \"stzh-accordion-item--has-subtitle\": !!this.subtitle,\n \"stzh-accordion-item--is-open\": this.open,\n \"stzh-accordion-item--is-disabled\": this.disabled,\n [`stzh-accordion-item--${this._variant}`]: !!this._variant,\n };\n\n return (\n <Host\n tabindex={this.disabled ? null : this.rootTabindex}\n onFocus={this.onRootFocus}\n is-variant={this._variant}\n >\n <div class={classes}>\n <Heading\n id={`${this.accordionItemId}-header`}\n class=\"stzh-accordion-item__heading\"\n onClick={this.handleHeaderClick}\n >\n <button\n ref={(el) => (this.buttonElement = el as HTMLButtonElement)}\n class=\"stzh-accordion-item__button\"\n aria-controls={`${this.accordionItemId}-content`}\n aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n disabled={this.disabled}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onKeyDown={this.onButtonKeydown}\n type=\"button\"\n s-object-id={this.analyticsId \|\| this.heading}\n >\n <span class=\"stzh-accordion-item__icon-wrapper\">\n {this.icon ?\n <stzh-icon class=\"stzh-accordion-item__icon\" name={this.icon}></stzh-icon>\n :\n <slot name=\"icon\"></slot>\n }\n </span>\n <span class=\"stzh-accordion-item__button-text\">\n <span class=\"stzh-accordion-item__subtitle\">\n {this.subtitle}\n </span>\n <span class=\"stzh-accordion-item__heading-text\">\n {this.heading}\n </span>\n <span class=\"stzh-accordion-item__description\">\n {this.description}\n </span>\n </span>\n {this._variant === \"table\"\n ?\n <stzh-icon name=\"angle-down\" class=\"stzh-accordion-item__button-icon is-table\"></stzh-icon>\n :\n <span class=\"stzh-accordion-item__button-icon is-default\"></span>\n }\n\n {(this.badge \|\| this.badgeEmpty) &&\n <stzh-badge\n class=\"stzh-accordion-item__badge\"\n label={this.badge}\n type={this.badgeType}\n ></stzh-badge>\n }\n </button>\n </Heading>\n <div\n id={`${this.accordionItemId}-content`}\n ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n class=\"stzh-accordion-item__content\"\n aria-labelledby={`${this.accordionItemId}-header`}\n role=\"region\"\n onKeyDown={this.onContentKeydown}\n >\n <div class=\"stzh-accordion-item__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-accordion-item2.js","mappings":"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","names":[],"sources":["src/components/stzh-accordion-item/stzh-accordion-item.scss?tag=stzh-accordion-item&encapsulation=shadow","src/components/stzh-accordion-item/stzh-accordion-item.tsx"],"sourcesContent":["/*\n @prop --content-background: Content background\n \n @prop --stzh-accordion-content-background: Global: Content background\n /\n\n:host {\n --trigger-size: 18px;\n --trigger-color: currentColor;\n --content-background: #{$accordionContentBackground};\n --icon-size: #{iconSize()};\n --button-color: #{$colorPrimary70};\n --button-background-color: #{$colorSecondary30};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: #{$colorSecondary40};\n --hover-trigger-color: var(--trigger-color);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n @include highContrast() {\n --trigger-color: CanvasText;\n\n --hover-trigger-color: CanvasText;\n }\n}\n\n/ Table /\n:host(:where([is-variant=\"table\"])) {\n --trigger-size: #{iconSize()};\n --content-background: #{$colorGrey10};\n --button-background-color: #{$colorGrey20};\n --trigger-color: #{$colorBlack};\n\n --hover-button-background-color: #{$colorGrey30};\n\n @include highContrast() {\n --trigger-color: CanvasText;\n\n --hover-trigger-color: CanvasText;\n }\n}\n\n/ Disabled /\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n --button-color: #{$colorGrey80};\n --button-background-color: #{$colorGrey20};\n --trigger-color: #{$colorGrey80};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n --hover-trigger-color: var(--trigger-color);\n}\n\n.stzh-accordion-item {\n &__heading {\n position: relative;\n margin: 0;\n }\n\n &__button {\n @include fontCurve('p1');\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-bottom', 'regular');\n font-family: inherit;\n width: 100%;\n appearance: none;\n display: flex;\n align-items: center;\n min-height: 60px;\n color: var(--button-color);\n background-color: var(--button-background-color);\n text-align: left;\n border: none;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n\n &:hover {\n color: var(--hover-button-color);\n background-color: var(--hover-button-background-color);\n }\n }\n\n &__button,\n &__content-inner {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &__button-text {\n flex-grow: 1;\n }\n\n &__button-icon {\n &.is-default {\n position: relative;\n display: block;\n width: var(--trigger-size);\n height: var(--trigger-size);\n margin-left: space('medium');\n\n &::before,\n &::after {\n position: absolute;\n top: 50%;\n left: 50%;\n content: '';\n display: block;\n width: var(--trigger-size);\n height: 2.5px;\n transition-property: transform, background-color;\n transition-duration: 500ms;\n transform-origin: top left;\n background-color: var(--trigger-color);\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &::before {\n transform: rotate(180deg) translate(-50%, -50%);\n }\n\n &::after {\n transform: rotate(90deg) translate(-50%, -50%);\n }\n }\n\n &.is-table {\n --size: var(--trigger-size);\n\n transition-property: transform, color;\n transition-duration: 500ms;\n color: var(--trigger-color);\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n\n &__button:hover &__button-icon {\n &.is-default {\n &::before,\n &::after {\n background-color: var(--hover-trigger-color);\n }\n }\n\n &.is-table {\n color: var(--hover-trigger-color);\n }\n }\n\n &__content {\n overflow: hidden;\n background-color: var(--content-background);\n\n @media print {\n height: auto !important;\n overflow: visible !important;\n display: block !important;\n }\n }\n\n &__content-inner {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n }\n\n &__icon-wrapper {\n --stzh-icon-size: var(--icon-size);\n\n align-self: flex-start;\n }\n\n &__badge {\n position: absolute;\n right: -5px;\n top: -5px;\n }\n\n &__description {\n @include fontCurve('caption');\n }\n\n &__heading-text,\n &__description,\n &__subtitle {\n display: block;\n }\n\n &__subtitle {\n @include fontCurve('p2');\n }\n\n / Has icon /\n\n &--has-icon &__icon-wrapper {\n margin-right: space('xsmall');\n }\n\n / Title Variant / Subtitle /\n\n &--title &__heading-text,\n &--has-subtitle &__heading-text {\n @include font('title');\n @include fontCurve('h3', 'heading');\n }\n\n &--title &__subtitle:not(:empty) + &__heading-text,\n &--has-subtitle &__subtitle:not(:empty) + &__heading-text {\n @include spaceCurve('margin-top', 'tiny');\n\n @include mq($from: medium) {\n margin-top: space('xsmall');\n }\n }\n\n / Open /\n\n &--is-open &__button-icon {\n &.is-default {\n &::before,\n &::after {\n transform: rotate(0) translate(-50%, -50%);\n }\n }\n\n &.is-table {\n transform: rotate(180deg);\n }\n }\n\n / Table Variant /\n\n &--table &__button,\n &--table &__content-inner {\n padding-left: space('medium');\n padding-right: space('medium');\n }\n\n &__button {\n @include fontSize('milli');\n padding-top: space('medium');\n padding-bottom: space('medium');\n min-height: 56px;\n }\n\n &--table &__content-inner {\n @include spaceCurve('padding-top', 'tiny');\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n &--table &__heading-text {\n @include font('heavy');\n }\n\n / Disabled /\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Method,\n Watch,\n Event,\n EventEmitter,\n Listen,\n} from \"@stencil/core\";\n\nimport {\n StzhAccordionItemOpenEvent,\n StzhAccordionItemOpenedEvent,\n StzhAccordionItemCloseEvent,\n StzhAccordionItemClosedEvent,\n StzhAccordionItemFocusEvent,\n StzhAccordionItemBlurEvent,\n StzhAccordionVariantChangeEvent,\n StzhAccordionVariant,\n StzhBadgeType\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { height: \"0\", opacity: \"0\" },\n { height: \"auto\", opacity: \"1\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { height: \"auto\", opacity: \"1\" },\n { height: \"0\", opacity: \"0\" }\n ],\n options: { duration: 300, easing: \"linear\" }\n};\n\nlet accordionItemCounter = 0;\n\n/\n @slot - Slot for any content\n * @slot icon - Slot for icon element\n /\n@Component({\n tag: \"stzh-accordion-item\",\n styleUrl: \"stzh-accordion-item.scss\",\n shadow: true\n})\nexport class StzhAccordionItem {\n /* Variant (overwrites variant from accordion parent) /\n @Prop() variant: StzhAccordionVariant;\n\n /* Whether fold is collapsible (overwrites collapsible from accordion parent) /\n @Prop() collapsible: boolean;\n\n /* Whether fold is open /\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /* Whether fold disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Heading title /\n @Prop() heading: string = \"\";\n\n /* Subtitle /\n @Prop() subtitle: string = \"\";\n\n /* Description /\n @Prop() description: string = \"\";\n\n /* Icon (use instead of icon slot) /\n @Prop() icon: string = \"\";\n\n /* Badge /\n @Prop() badge: string = \"\";\n\n /* Whether badge should be displayed empty /\n @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n /* Badge type /\n @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n /* Heading level, for accessibility, no visual impact /\n @Prop({ reflect: true }) headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `heading` prop.\n /\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhAccordionItemElement;\n\n /* Open event /\n @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n /* Opened event (after animation) /\n @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n /* Close event /\n @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n /* Closed event (after animation) /\n @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n @Watch(\"variant\")\n variantWatcher(newValue: StzhAccordionVariant) {\n if (typeof newValue !== \"undefined\") {\n this._variant = newValue;\n } else if (this.accordion) {\n this._variant = this.accordion.variant;\n }\n }\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.bodyElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-accordion-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.hidden = false;\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_SHOW.options\n );\n\n this.bodyElement.style.height = \"auto\";\n this.bodyElement.style.overflow = \"visible\";\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-accordion-item\"\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-accordion-item\"\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.style.overflow = \"hidden\";\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.bodyElement.scrollHeight\n }),\n ANIMATION_HIDE.options\n );\n\n this.bodyElement.hidden = true;\n this.bodyElement.style.height = \"0px\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-accordion-item\"\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n /* Show accordion item content /\n @Method()\n async show() {\n if (this.open \|\| this.disabled) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n /* Hide accordion item content /\n @Method()\n async hide() {\n if (!this.open \|\| this.disabled) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n /* Toggle accordion item 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 /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;\n\n @Listen(\"keydown\", { target: \"document\", capture: true })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = true;\n }\n }\n\n @Listen(\"keyup\", { target: \"document\", capture: true })\n handleKeyup(event: KeyboardEvent) {\n if (event.key === \"Shift\") {\n this.shiftPressed = false;\n }\n }\n\n @State() rootTabindex: number = 0;\n @State() _variant: StzhAccordionVariant;\n\n private toggledByMethod: boolean = false;\n private bodyElement: HTMLDivElement;\n private buttonElement: HTMLButtonElement;\n private accordionItemId: string;\n private accordion: HTMLStzhAccordionElement;\n private focusedByInput: boolean = false;\n private shiftPressed: boolean = false;\n\n private handleVariantChange = (_event: CustomEvent<StzhAccordionVariantChangeEvent>) => {\n this.variantWatcher(this.variant);\n }\n\n private handleHeaderClick = () => {\n if (typeof this.collapsible !== \"undefined\") {\n if (this.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n } else if (!this.accordion \|\| this.accordion.collapsible) {\n this.toggle();\n } else if (!this.open) {\n this.show();\n }\n }\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.buttonElement.focus();\n }\n\n this.focusedByInput = false;\n }\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n if (this.shiftPressed) { // user presses currently shift\n this.rootTabindex = -1;\n }\n\n this.stzhFocus.emit({\n component: \"stzh-accordion-item\",\n originalEvent: event\n });\n }\n\n private onBlur = (event: FocusEvent) => {\n this.rootTabindex = 0;\n\n this.stzhBlur.emit({\n component: \"stzh-accordion-item\",\n originalEvent: event\n });\n }\n\n private onButtonKeydown = (event: KeyboardEvent) => {\n let action = null;\n\n if (event.key === \"ArrowDown\") {\n action = \"next\";\n } else if (event.key === \"ArrowUp\") {\n action = \"prev\";\n } else if (event.key === \"Home\") {\n action = \"first\";\n } else if (event.key === \"End\") {\n action = \"last\";\n } else if (event.key === \"PageDown\" && event.ctrlKey) {\n action = \"next\";\n } else if (event.key === \"PageUp\" && event.ctrlKey) {\n action = \"prev\";\n }\n\n if (event.key === \"Shift\") {\n this.rootTabindex = -1;\n }\n\n if (action) {\n event.preventDefault();\n this.accordion.setItemFocus(this.element, action);\n }\n }\n\n private onContentKeydown = (event: KeyboardEvent) => {\n if (!event.ctrlKey) {\n return;\n }\n\n let action = null;\n\n if (event.key === \"PageDown\") {\n action = \"next\";\n } else if (event.key === \"PageUp\") {\n action = \"prev\";\n }\n\n if (action) {\n event.preventDefault();\n this.accordion.setItemFocus(this.element, action);\n }\n }\n\n componentWillLoad() {\n this.accordionItemId = `stzh-accordion-item-${accordionItemCounter++}`;\n }\n\n componentDidLoad() {\n this.bodyElement.hidden = !this.open;\n this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n }\n\n async connectedCallback() {\n this.accordion = this.element.closest(\"stzh-accordion\");\n\n if (this.accordion) {\n this.accordion.addEventListener(\"stzhVariantChange\", this.handleVariantChange);\n }\n\n this.variantWatcher(this.variant);\n }\n\n disconnectedCallback() {\n if (this.accordion) {\n this.accordion.removeEventListener(\"stzhVariantChange\", this.handleVariantChange);\n this.accordion = null;\n }\n }\n\n render() {\n const hasIcon = hasSlot(this.element, \"icon\") \|\| !!this.icon;\n\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-accordion-item\": true,\n \"stzh-accordion-item--has-icon\": hasIcon,\n \"stzh-accordion-item--has-description\": !!this.description,\n \"stzh-accordion-item--has-subtitle\": !!this.subtitle,\n \"stzh-accordion-item--is-open\": this.open,\n \"stzh-accordion-item--is-disabled\": this.disabled,\n [`stzh-accordion-item--${this._variant}`]: !!this._variant,\n };\n\n return (\n <Host\n tabindex={this.disabled ? null : this.rootTabindex}\n onFocus={this.onRootFocus}\n is-variant={this._variant}\n >\n <div class={classes}>\n <Heading\n id={`${this.accordionItemId}-header`}\n class=\"stzh-accordion-item__heading\"\n onClick={this.handleHeaderClick}\n >\n <button\n ref={(el) => (this.buttonElement = el as HTMLButtonElement)}\n class=\"stzh-accordion-item__button\"\n aria-controls={`${this.accordionItemId}-content`}\n aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n disabled={this.disabled}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onKeyDown={this.onButtonKeydown}\n type=\"button\"\n s-object-id={this.analyticsId \|\| this.heading}\n >\n <span class=\"stzh-accordion-item__icon-wrapper\">\n {this.icon ?\n <stzh-icon class=\"stzh-accordion-item__icon\" name={this.icon}></stzh-icon>\n :\n <slot name=\"icon\"></slot>\n }\n </span>\n <span class=\"stzh-accordion-item__button-text\">\n <span class=\"stzh-accordion-item__subtitle\">\n {this.subtitle}\n </span>\n <span class=\"stzh-accordion-item__heading-text\">\n {this.heading}\n </span>\n <span class=\"stzh-accordion-item__description\">\n {this.description}\n </span>\n </span>\n {this._variant === \"table\"\n ?\n <stzh-icon name=\"angle-down\" class=\"stzh-accordion-item__button-icon is-table\"></stzh-icon>\n :\n <span class=\"stzh-accordion-item__button-icon is-default\"></span>\n }\n\n {(this.badge \|\| this.badgeEmpty) &&\n <stzh-badge\n class=\"stzh-accordion-item__badge\"\n label={this.badge}\n type={this.badgeType}\n ></stzh-badge>\n }\n </button>\n </Heading>\n <div\n id={`${this.accordionItemId}-content`}\n ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n class=\"stzh-accordion-item__content\"\n aria-labelledby={`${this.accordionItemId}-header`}\n role=\"region\"\n onKeyDown={this.onContentKeydown}\n >\n <div class=\"stzh-accordion-item__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/stzh-accordion2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './stzh-heading2.js';
-const stzhAccordionCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall)}.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-large)}}";
+const stzhAccordionCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall);margin-left:var(--margin-left);margin-right:var(--margin-left);}.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-large)}}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium) * -1);margin-right:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge) * -1)}}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge) * -1)}}";
 const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion extends HTMLElement {
   constructor() {
@@ -13,6 +13,7 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
     this.heading = "";
     this.collapsible = true;
     this.multiselectable = true;
+    this.isNested = undefined;
   }
   variantWatcher(newValue) {
     this.stzhVariantChange.emit({
@@ -68,9 +69,23 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
       accordionItem.focus();
     }
   }
+  checkIfNested() {
+    let parentElement = this.element.parentElement;
+    while (parentElement) {
+      if (parentElement.tagName.toLowerCase() === "stzh-accordion") {
+        this.isNested = true;
+        break;
+      }
+      parentElement = parentElement.parentElement;
+    }
+  }
+  componentDidLoad() {
+    this.checkIfNested();
+  }
   render() {
     const classes = {
       "stzh-accordion": true,
+      "stzh-accordion--is-nested": this.isNested,
     };
     return (h(Host, null, h("div", { class: classes }, this.heading && (h("div", { class: "stzh-accordion__heading" }, h("stzh-heading", { level: "2" }, this.heading))), h("slot", null))));
   }
@@ -84,6 +99,7 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
     "heading": [513],
     "collapsible": [4],
     "multiselectable": [4],
+    "isNested": [32],
     "setItemFocus": [64]
   }, [[0, "stzhOpen", "openListener"]], {
     "variant": ["variantWatcher"]

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

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

package/dist/components/stzh-anchornav.js CHANGED Viewed

@@ -26,20 +26,21 @@ const StzhAnchornav$1 = /*@__PURE__*/ proxyCustomElement(class StzhAnchornav ext
     this.stzhItemClick.emit({
       component: "stzh-anchornav",
       item,
-      originalEvent
+      originalEvent,
     });
   }
   async componentWillLoad() {
     this.itemsWatcher(this.items);
+    document.documentElement.style.setProperty("--stzh-anchornav-is-visible", "1");
     if (!this.localization) {
       this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, "anchornav");
     }
   }
   render() {
     const classes = {
-      "stzh-anchornav": true
+      "stzh-anchornav": true,
     };
-    return (h(Host, null, h("nav", { class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { class: "stzh-anchornav__list", role: "list" }, this._items.map((item) => h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: (e) => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, item.label), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" })))))));
+    return (h(Host, null, h("nav", { class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, item.label), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
   }
   get element() { return this; }
   static get watchers() { return {

package/dist/components/stzh-anchornav.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-anchornav.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,qvEAAqvE;;~~MC0BjwEA~~,eAAa;;;;;;iBASsB,EAAE;;EAMhD,YAAY,CAAC,QAAsC;IACjD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACpC;SAAM;MACL,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;KACxB;GACF;EAKO,WAAW,CAAC,IAAuB,EAAE,aAAyB;IACpE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;MACtB,SAAS,EAAE,gBAAgB;MAC3B,IAAI;MACJ,aAAa;KACd,CAAC,~~CAAA~~;~~GACH~~;EAED,MAAM,iBAAiB;IACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;~~IAE9B~~,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACpG;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;KACvB,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,YAAY,gBAAa,IAAI,CAAC,YAAY,CAAC,KAAK,IACxE,WAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,IAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,~~CAAC,~~IAAI,~~KACpB~~,~~SACE~~,KAAK,EAAC,sBAAsB,~~EAC5B~~,IAAI,EAAC,UAAU,~~EACf~~,IAAI,EAAE,IAAI,CAAC,IAAI,~~EACf~~,OAAO,EAAE,CAAC,~~CAAC~~,~~KAAK,~~IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,~~IAEzC~~,kBAAY,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,uBAAuB,~~IAAE~~,IAAI,CAAC,KAAK,~~CAAc~~,~~EAC7E~~,iBAAW,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,YAAY,GAAc,CACnF,CACL,~~CACG~~,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhAnchornav"],"sources":["src/components/stzh-anchornav/stzh-anchornav.scss?tag=stzh-anchornav&encapsulation=scoped","src/components/stzh-anchornav/stzh-anchornav.tsx"],"sourcesContent":["/*\n @prop --columns: Amount of columns (can be used as alternative for `columns-{BREAKPOINT}` attributes)\n /\n\n:host {\n}\n\n.stzh-anchornav {\n &__list {\n display: grid;\n gap: space('xsmall');\n }\n\n &__item {\n @include font('heavy');\n @include fontSize('milli');\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: space('xsmall');\n align-items: start;\n padding: space('medium') $containerMargin;\n background-color: $colorGrey10;\n color: $colorPrimary;\n text-decoration: none;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: space('xxxlarge');\n padding-right: space('large');\n }\n }\n}\n","import {\n Component~~,\n~~ Host~~,\n h,\n~~ Prop~~,\n~~ Watch~~,\n Event,\n EventEmitter,\n Element\n~~} from \"@stencil/core\";\n\nimport {\n StzhAnchornavItem~~,\n~~ StzhAnchornavItemClickEvent\n} from \"../../index\";\n\nimport { StzhAnchornavLocalizedText } from \"./stzh-anchornav.localization\";\n\n/\n \n /\n@Component({\n tag: \"stzh-anchornav\",\n styleUrl: \"stzh-anchornav.scss\",\n scoped: true\n})\nexport class StzhAnchornav {\n /* Translation strings /\n @Prop() localization: StzhAnchornavLocalizedText;\n\n /\n Initial selected values.\n * Array of objects with `label`, `href` and `icon` attribute:\n * `[{\"href\":\"#lorem\", \"label\": \"Label 1\"}, {\"href\":\"#lorem2\", \"label\": \"Label 2\"}]`\n /\n @Prop() items: StzhAnchornavItem[] \| string = [];\n private _items: StzhAnchornavItem[];\n\n @Element() element: HTMLStzhAnchornavElement;\n\n @Watch(\"items\")\n itemsWatcher(newValue: StzhAnchornavItem[] \| string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n }\n\n /* Item click event */\n @Event() stzhItemClick: EventEmitter<StzhAnchornavItemClickEvent>;\n\n private handleClick(item: StzhAnchornavItem, originalEvent: MouseEvent) {\n this.stzhItemClick.emit({\n component: \"stzh-anchornav\",\n item,\n originalEvent\n })\n }\n\n async componentWillLoad() {\n this.itemsWatcher(this.items);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"anchornav\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-anchornav\": true\n };\n\n return (\n <Host>\n <nav class={classes} role=\"navigation\" aria-label={this.localization.title}>\n <div class=\"stzh-anchornav__list\" role=\"list\">\n {this._items.map((item) ~~=>\~~n <a\n class=\"stzh-anchornav__item\"\n role=\"listitem\"\n href={item.href}\n onClick={(e) => this.handleClick(item, e)}\n >\n <stzh-clamp lines={2} class=\"stzh-anchornav__label\">{item.label}</stzh-clamp>\n <stzh-icon class=\"stzh-anchornav__icon\" name={item.icon \|\| \"arrow-down\"}></stzh-icon>\n </a>\n )}\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-anchornav.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,qvEAAqvE;;MCcjwEA,eAAa;;;;;;iBASsB,EAAE;;EAMhD,YAAY,CAAC,QAAsC;IACjD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACpC;SAAM;MACL,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;KACxB;GACF;EAKO,WAAW,CAAC,IAAuB,EAAE,aAAyB;IACpE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;MACtB,SAAS,EAAE,gBAAgB;MAC3B,IAAI;MACJ,aAAa;KACd,CAAC,CAAC;GACJ;EAED,MAAM,iBAAiB;IACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,6BAA6B,EAAE,GAAG,CAAC,CAAC;IAE/E,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACpG;GACF;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;KACvB,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,YAAY,gBAAa,IAAI,CAAC,YAAY,CAAC,KAAK,IACxE,WAAK,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,IAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,KACnB,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,IACtG,kBAAY,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,uBAAuB,IAChD,IAAI,CAAC,KAAK,CACA,EACb,iBAAW,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,YAAY,GAAc,CACnF,CACL,CAAC,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhAnchornav"],"sources":["src/components/stzh-anchornav/stzh-anchornav.scss?tag=stzh-anchornav&encapsulation=scoped","src/components/stzh-anchornav/stzh-anchornav.tsx"],"sourcesContent":["/*\n @prop --columns: Amount of columns (can be used as alternative for `columns-{BREAKPOINT}` attributes)\n /\n\n:host {\n}\n\n.stzh-anchornav {\n &__list {\n display: grid;\n gap: space('xsmall');\n }\n\n &__item {\n @include font('heavy');\n @include fontSize('milli');\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: space('xsmall');\n align-items: start;\n padding: space('medium') $containerMargin;\n background-color: $colorGrey10;\n color: $colorPrimary;\n text-decoration: none;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: space('xxxlarge');\n padding-right: space('large');\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhAnchornavItem, StzhAnchornavItemClickEvent } from \"../../index\";\n\nimport { StzhAnchornavLocalizedText } from \"./stzh-anchornav.localization\";\n\n/\n \n /\n@Component({\n tag: \"stzh-anchornav\",\n styleUrl: \"stzh-anchornav.scss\",\n scoped: true,\n})\nexport class StzhAnchornav {\n /* Translation strings /\n @Prop() localization: StzhAnchornavLocalizedText;\n\n /\n Initial selected values.\n * Array of objects with `label`, `href` and `icon` attribute:\n * `[{\"href\":\"#lorem\", \"label\": \"Label 1\"}, {\"href\":\"#lorem2\", \"label\": \"Label 2\"}]`\n /\n @Prop() items: StzhAnchornavItem[] \| string = [];\n private _items: StzhAnchornavItem[];\n\n @Element() element: HTMLStzhAnchornavElement;\n\n @Watch(\"items\")\n itemsWatcher(newValue: StzhAnchornavItem[] \| string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n }\n\n /* Item click event */\n @Event() stzhItemClick: EventEmitter<StzhAnchornavItemClickEvent>;\n\n private handleClick(item: StzhAnchornavItem, originalEvent: MouseEvent) {\n this.stzhItemClick.emit({\n component: \"stzh-anchornav\",\n item,\n originalEvent,\n });\n }\n\n async componentWillLoad() {\n this.itemsWatcher(this.items);\n document.documentElement.style.setProperty(\"--stzh-anchornav-is-visible\", \"1\");\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"anchornav\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-anchornav\": true,\n };\n\n return (\n <Host>\n <nav class={classes} role=\"navigation\" aria-label={this.localization.title}>\n <div class=\"stzh-anchornav__list\" role=\"list\">\n {this._items.map(item => (\n <a class=\"stzh-anchornav__item\" role=\"listitem\" href={item.href} onClick={e => this.handleClick(item, e)}>\n <stzh-clamp lines={2} class=\"stzh-anchornav__label\">\n {item.label}\n </stzh-clamp>\n <stzh-icon class=\"stzh-anchornav__icon\" name={item.icon \|\| \"arrow-down\"}></stzh-icon>\n </a>\n ))}\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/stzh-app-bar.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface StzhAppBar extends Components.StzhAppBar, HTMLElement {}
+export const StzhAppBar: {
+  prototype: StzhAppBar;
+  new (): StzhAppBar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;