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

@oiz/stzh-components 4.10.0 → 4.11.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 (918) hide show

package/dist/components/{p-qHThZaqH.js.map → p-H6vwKJR4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-qHThZaqH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-cardlist/stzh-cardlist.scss?tag=stzh-cardlist&encapsulation=scoped","src/components/stzh-cardlist/stzh-cardlist.tsx"],"sourcesContent":[":host {\n --description-color: var(--stzh-cardlist-description-color, inherit);\n --background-color: var(--stzh-cardlist-background-color, inherit);\n}\n\n.stzh-cardlist {\n &__cards {\n display: grid;\n gap: $gridGutter;\n\n @include mq($from: small) {\n gap: $gridGutterSmall;\n }\n\n @include mq($from: medium) {\n gap: $gridGutterMedium;\n }\n\n @include mq($from: large) {\n gap: $gridGutterLarge;\n }\n\n @include mq($from: ultra) {\n gap: $gridGutterUltra;\n }\n }\n\n &__header {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n align-items: flex-start;\n\n @include mq($from: medium) {\n // was smallheader before\n flex-direction: row;\n }\n }\n\n &__footer:not(:empty) {\n @include spaceCurve(\"margin-top\", \"regular\");\n }\n\n &__description {\n @include fontCurve(\"p1\");\n --stzh-icon-color: #{$colorPrimary70};\n\n &:not(:empty) {\n margin-bottom: space(\"xsmall\");\n\n @include mq($from: medium) {\n // was smallheader before\n margin-bottom: 0;\n }\n }\n\n ::slotted(stzh-heading) {\n --color: var(--description-color);\n }\n }\n\n &__switch {\n --color: inherit;\n align-self: end;\n }\n\n /* Has content inside header /\n\n &:has(#{&}__description:not(:empty)) &__header,\n &--has-toggle-link &__header {\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n / Subpages layout variant /\n\n &--layout-subpages &__cards:has(stzh-card-navigation:not([has-lead])),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include spaceCurve(\"row-gap\", \"tiny\");\n\n @include mq($from: medium) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n }\n\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n &--layout-subpages &__cards:has(stzh-card-navigation[has-lead]),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation[has-lead]) {\n @include spaceCurve(\"row-gap\", \"regular\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Teasers and Pi Teasers layout variant /\n\n &--layout-teasers &__cards,\n &--layout-pi-teasers &__cards {\n @include spaceCurve(\"row-gap\", \"medium\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: medium) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n &--layout-teasers#{&}--max-3-cols &__cards,\n &--layout-pi-teasers#{&}--max-3-cols &__cards {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Searchresults layout variant /\n\n &--layout-searchresults &__cards {\n gap: space(\"xlarge\");\n }\n\n / Fullwidth layout variant (e.g. for MeinKonto dashboard) /\n\n &--layout-fullwidth &__cards {\n @include spaceCurve(\"gap\", \"regular\");\n }\n\n / Pi Teasers variant /\n &--layout-pi-teasers {\n background-color: var(--background-color);\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n\n --slotted: var(--stzh-cardlist-pi-content, 0);\n left: calc(50% (1 - var(--slotted)));\n right: calc(50% * (1 - var(--slotted)));\n\n margin-left: calc(\n (-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted))\n );\n margin-right: calc(\n (-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted))\n );\n\n width: calc(\n (100vw - var(--stzh-scrollbar-width)) * (1 - var(--slotted)) + 100% \n var(--slotted)\n );\n max-width: calc(\n 100vw - var(--stzh-scrollbar-width) (1 - var(--slotted)) + 100% \n var(--slotted)\n );\n\n @include spaceCurve(\"padding-top\", \"big\");\n @include spaceCurve(\"padding-bottom\", \"big\");\n }\n\n &--layout-pi-teasers &__header,\n &--layout-pi-teasers &__cards {\n @include container();\n @include mq($from: ultra) {\n --slotted: var(--stzh-cardlist-pi-content, 0);\n\n --center-margin: max(0px, calc((100% - #{$containerMaxWidth}) / 2));\n\n margin-left: calc(\n (1 - var(--slotted)) var(--center-margin) + var(--slotted) \n #{$containerMarginLarge}\n );\n margin-right: calc(\n (1 - var(--slotted)) var(--center-margin) + var(--slotted) \n #{$containerMarginLarge}\n );\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from \"@stencil/core\";\n\nimport { StzhCardlistCollapseAllEvent } from \"../../index\";\nimport { StzhCardlistLocalizedText } from \"./stzh-cardlist.localization\";\n\n/\n @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n * @slot footer - Slot for footer elements\n /\n@Component({\n tag: \"stzh-cardlist\",\n styleUrl: \"stzh-cardlist.scss\",\n scoped: true,\n})\nexport class StzhCardlist {\n /* Translation strings /\n @Prop() localization: StzhCardlistLocalizedText;\n\n @Prop({ reflect: true }) layout: \"fullwidth\" \| \"searchresults\" \| \"subpages\" \| \"teasers\" \| \"pi-teasers\" = \"fullwidth\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Whether collapse/expand toggle link /\n @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n /* Whether sorting should be enabled /\n @Prop() sortableEnabled: boolean = false;\n\n /* HTML attribute that is used by the `toArray()` of sortable method /\n @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n /* Force maximum 3 columns layout instead of 4 /\n @Prop() max3Columns: boolean = false;\n\n @Element() element: HTMLStzhCardlistElement;\n\n /* Collapse all event */\n @Event() stzhCollapseAll: EventEmitter<StzhCardlistCollapseAllEvent>;\n\n @Listen(\"stzhCollapse\")\n collapseListener() {\n this.updateCollapsedState();\n }\n\n @State() allCollapsed: boolean = false;\n @State() isStzhAnchornavVisible: boolean = false;\n\n private collapseClick = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n cards.forEach(card => {\n if (card.collapsible) {\n card.collapsed = !this.allCollapsed;\n }\n });\n\n this.allCollapsed = !this.allCollapsed;\n\n this.stzhCollapseAll.emit({\n component: \"stzh-cardlist\",\n allCollapsed: this.allCollapsed,\n });\n };\n\n private updateCollapsedState = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n this.allCollapsed = !cards.some(card => !card.collapsed);\n };\n\n private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n // const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n // if (\n // clonedStzhElement\n // && originalStzhElement\n // && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n // ) {\n // const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n // const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n // // copy every property that is not reflected to its attribute\n // clonedStzhElementCard.heading = originalStzhElementCard.heading;\n // clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n // clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n // clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n // clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n // }\n\n // return clonedElement;\n\n const card =\n dragElement.tagName.toLowerCase() === \"stzh-card\" ? dragElement : dragElement.querySelector(\"stzh-card\");\n\n if (card) {\n const originalElement = dragElement as HTMLStzhCardElement;\n const clonedElement = dragElement.cloneNode(true) as HTMLStzhCardElement;\n\n // copy every property that is not reflected to its attribute\n clonedElement.heading = originalElement.heading;\n clonedElement.subtitle = originalElement.subtitle;\n clonedElement.headerActions = originalElement.headerActions;\n clonedElement.footerActions = originalElement.footerActions;\n clonedElement.hideMovementActions = originalElement.hideMovementActions;\n\n return clonedElement;\n }\n };\n\n async componentWillLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"cardlist\");\n }\n }\n\n componentDidLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n this.updateCollapsedState();\n }\n\n render() {\n const classes = {\n \"stzh-cardlist\": true,\n \"stzh-cardlist--has-toggle-link\": this.showToggleLink,\n \"stzh-cardlist--max-3-cols\": this.isStzhAnchornavVisible \|\| this.max3Columns,\n [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-cardlist__header\">\n <div class=\"stzh-cardlist__description\">\n {this.description ? this.description : <slot name=\"description\"></slot>}\n </div>\n {this.showToggleLink && (\n <stzh-link\n class=\"stzh-cardlist__switch\"\n icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n onClick={this.collapseClick}\n ></stzh-link>\n )}\n </div>\n\n <stzh-sortable\n disabled={!this.sortableEnabled}\n dataIdAttribute={this.sortableDataIdAttribute}\n ghostClone={this.sortableGhostClone}\n >\n <div class=\"stzh-cardlist__cards\" role=\"list\">\n <slot></slot>\n </div>\n </stzh-sortable>\n\n <div class=\"stzh-cardlist__footer\">\n <stzh-container>\n <slot name=\"footer\"></slot>\n </stzh-container>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-H6vwKJR4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-cardlist/stzh-cardlist.scss?tag=stzh-cardlist&encapsulation=scoped","src/components/stzh-cardlist/stzh-cardlist.tsx"],"sourcesContent":[":host {\n --description-color: var(--stzh-cardlist-description-color, inherit);\n --background-color: var(--stzh-cardlist-background-color, inherit);\n}\n\n.stzh-cardlist {\n &__cards {\n display: grid;\n gap: $gridGutter;\n\n @include mq($from: small) {\n gap: $gridGutterSmall;\n }\n\n @include mq($from: medium) {\n gap: $gridGutterMedium;\n }\n\n @include mq($from: large) {\n gap: $gridGutterLarge;\n }\n\n @include mq($from: ultra) {\n gap: $gridGutterUltra;\n }\n }\n\n &__header {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n align-items: flex-start;\n\n @include mq($from: medium) {\n // was smallheader before\n flex-direction: row;\n }\n }\n\n &__footer:not(:empty) {\n @include spaceCurve(\"margin-top\", \"regular\");\n }\n\n &__description {\n @include fontCurve(\"p1\");\n --stzh-icon-color: #{$colorPrimary70};\n\n &:not(:empty) {\n margin-bottom: space(\"xsmall\");\n\n @include mq($from: medium) {\n // was smallheader before\n margin-bottom: 0;\n }\n }\n\n ::slotted(stzh-heading) {\n --color: var(--description-color);\n }\n }\n\n &__switch {\n --color: inherit;\n align-self: end;\n }\n\n /* Has content inside header /\n\n &:has(#{&}__description:not(:empty)) &__header,\n &--has-toggle-link &__header {\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n / Subpages layout variant /\n\n &--layout-subpages &__cards:has(stzh-card-navigation:not([has-lead])),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include spaceCurve(\"row-gap\", \"tiny\");\n\n @include mq($from: medium) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n }\n\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n &--layout-subpages &__cards:has(stzh-card-navigation[has-lead]),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation[has-lead]) {\n @include spaceCurve(\"row-gap\", \"regular\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Teasers and Pi Teasers layout variant /\n\n &--layout-teasers &__cards,\n &--layout-pi-teasers &__cards {\n @include spaceCurve(\"row-gap\", \"medium\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: medium) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n &--layout-teasers#{&}--max-3-cols &__cards,\n &--layout-pi-teasers#{&}--max-3-cols &__cards {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Searchresults layout variant /\n\n &--layout-searchresults &__cards {\n gap: space(\"xlarge\");\n }\n\n / Fullwidth layout variant (e.g. for MeinKonto dashboard) /\n\n &--layout-fullwidth &__cards {\n @include spaceCurve(\"gap\", \"regular\");\n }\n\n / Pi Teasers variant /\n &--layout-pi-teasers {\n background-color: var(--background-color);\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n\n --slotted: var(--stzh-cardlist-pi-content, 0);\n left: calc(50% (1 - var(--slotted)));\n right: calc(50% * (1 - var(--slotted)));\n\n margin-left: calc(\n (-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted))\n );\n margin-right: calc(\n (-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted))\n );\n\n width: calc(\n (100vw - var(--stzh-scrollbar-width)) * (1 - var(--slotted)) + 100% \n var(--slotted)\n );\n max-width: calc(\n 100vw - var(--stzh-scrollbar-width) (1 - var(--slotted)) + 100% \n var(--slotted)\n );\n\n @include spaceCurve(\"padding-top\", \"big\");\n @include spaceCurve(\"padding-bottom\", \"big\");\n }\n\n &--layout-pi-teasers &__header,\n &--layout-pi-teasers &__cards {\n @include container();\n @include mq($from: ultra) {\n --slotted: var(--stzh-cardlist-pi-content, 0);\n\n --center-margin: max(0px, calc((100% - #{$containerMaxWidth}) / 2));\n\n margin-left: calc(\n (1 - var(--slotted)) var(--center-margin) + var(--slotted) \n #{$containerMarginLarge}\n );\n margin-right: calc(\n (1 - var(--slotted)) var(--center-margin) + var(--slotted) \n #{$containerMarginLarge}\n );\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from \"@stencil/core\";\n\nimport { StzhCardlistCollapseAllEvent } from \"../../index\";\nimport { StzhCardlistLocalizedText } from \"./stzh-cardlist.localization\";\n\n/\n @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n * @slot footer - Slot for footer elements\n /\n@Component({\n tag: \"stzh-cardlist\",\n styleUrl: \"stzh-cardlist.scss\",\n scoped: true,\n})\nexport class StzhCardlist {\n /* Translation strings /\n @Prop() localization: StzhCardlistLocalizedText;\n\n @Prop({ reflect: true }) layout: \"fullwidth\" \| \"searchresults\" \| \"subpages\" \| \"teasers\" \| \"pi-teasers\" = \"fullwidth\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Whether collapse/expand toggle link /\n @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n /* Whether sorting should be enabled /\n @Prop() sortableEnabled: boolean = false;\n\n /* HTML attribute that is used by the `toArray()` of sortable method /\n @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n /* Force maximum 3 columns layout instead of 4 /\n @Prop() max3Columns: boolean = false;\n\n @Element() element: HTMLStzhCardlistElement;\n\n /* Collapse all event */\n @Event() stzhCollapseAll: EventEmitter<StzhCardlistCollapseAllEvent>;\n\n @Listen(\"stzhCollapse\")\n collapseListener() {\n this.updateCollapsedState();\n }\n\n @State() allCollapsed: boolean = false;\n @State() isStzhAnchornavVisible: boolean = false;\n\n private collapseClick = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n cards.forEach(card => {\n if (card.collapsible) {\n card.collapsed = !this.allCollapsed;\n }\n });\n\n this.allCollapsed = !this.allCollapsed;\n\n this.stzhCollapseAll.emit({\n component: \"stzh-cardlist\",\n allCollapsed: this.allCollapsed,\n });\n };\n\n private updateCollapsedState = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n this.allCollapsed = !cards.some(card => !card.collapsed);\n };\n\n private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n // const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n // if (\n // clonedStzhElement\n // && originalStzhElement\n // && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n // ) {\n // const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n // const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n // // copy every property that is not reflected to its attribute\n // clonedStzhElementCard.heading = originalStzhElementCard.heading;\n // clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n // clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n // clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n // clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n // }\n\n // return clonedElement;\n\n const card =\n dragElement.tagName.toLowerCase() === \"stzh-card\" ? dragElement : dragElement.querySelector(\"stzh-card\");\n\n if (card) {\n const originalElement = dragElement as HTMLStzhCardElement;\n const clonedElement = dragElement.cloneNode(true) as HTMLStzhCardElement;\n\n // copy every property that is not reflected to its attribute\n clonedElement.heading = originalElement.heading;\n clonedElement.subtitle = originalElement.subtitle;\n clonedElement.headerActions = originalElement.headerActions;\n clonedElement.footerActions = originalElement.footerActions;\n clonedElement.hideMovementActions = originalElement.hideMovementActions;\n\n return clonedElement;\n }\n };\n\n async componentWillLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"cardlist\");\n }\n }\n\n componentDidLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n this.updateCollapsedState();\n }\n\n render() {\n const classes = {\n \"stzh-cardlist\": true,\n \"stzh-cardlist--has-toggle-link\": this.showToggleLink,\n \"stzh-cardlist--max-3-cols\": this.isStzhAnchornavVisible \|\| this.max3Columns,\n [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-cardlist__header\">\n <div class=\"stzh-cardlist__description\">\n {this.description ? this.description : <slot name=\"description\"></slot>}\n </div>\n {this.showToggleLink && (\n <stzh-link\n class=\"stzh-cardlist__switch\"\n icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n onClick={this.collapseClick}\n ></stzh-link>\n )}\n </div>\n\n <stzh-sortable\n disabled={!this.sortableEnabled}\n dataIdAttribute={this.sortableDataIdAttribute}\n ghostClone={this.sortableGhostClone}\n >\n <div class=\"stzh-cardlist__cards\" role=\"list\">\n <slot></slot>\n </div>\n </stzh-sortable>\n\n <div class=\"stzh-cardlist__footer\">\n <stzh-container>\n <slot name=\"footer\"></slot>\n </stzh-container>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BsssrLnt.js → p-IUEdDkZk.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-CF5HtLyZ.js';
 import { i as isStzhElement } from './p-CN5apKPb.js';
 import { a as addMediaChangeListener, r as removeMediaChangeListener, m as media } from './p-CUGRmgip.js';
@@ -676,6 +676,6 @@ function defineCustomElement() {
 }
 export { StzhCarousel as S, defineCustomElement as d };
-//# sourceMappingURL=p-BsssrLnt.js.map
+//# sourceMappingURL=p-IUEdDkZk.js.map
-//# sourceMappingURL=p-BsssrLnt.js.map
+//# sourceMappingURL=p-IUEdDkZk.js.map

package/dist/components/{p-BsssrLnt.js.map → p-IUEdDkZk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BsssrLnt.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-carousel/stzh-carousel.scss?tag=stzh-carousel&encapsulation=scoped","src/components/stzh-carousel/stzh-carousel.tsx"],"sourcesContent":["/*\n @prop --padding-top: Padding Top of scroll container\n * @prop --padding-bottom: Padding Bottom of scroll container\n * @prop --peek-in: Peek size (inside container) showing the next/previous slides\n * @prop --peek-out: Negative peek size (breakout of container) showing the next/previous slides\n * @prop --gutter: Space between the slides\n * @prop --snap-stop: Snap stop of scroll container\n /\n\n:host {\n @include spaceCurve(\"--gutter\", \"regular\");\n --peek: calc(var(--peek-in, 0px) + var(--peek-out, 0px));\n --peek-in: calc(#{space(\"medium\")} + #{spaceCurveValue(\"regular\")});\n // --peek-out: #{space('medium')};\n --padding-top: 0px;\n --padding-bottom: 0px;\n --snap-stop: always;\n --slides: 1;\n --slide-size: calc(\n (100% - (var(--slides) - 1) var(--gutter)) / var(--slides)\n );\n\n @include mq($from: small) {\n --peek-in: calc(\n #{space(\"xxxlarge\")} + #{spaceCurveValue(\"regular\", \"medium\")}\n );\n // --peek-out: #{$containerMarginSmall};\n }\n\n @include mq($from: medium) {\n --peek-in: calc(#{space(\"big\")} + #{spaceCurveValue(\"regular\", \"large\")});\n // --peek-out: 0px;\n }\n\n ::slotted() {\n width: 100%;\n height: inherit;\n flex-shrink: 0;\n scroll-snap-align: start;\n scroll-snap-stop: var(--snap-stop);\n transition: opacity $baseTransitionAnimationSpeed;\n\n [inert] {\n opacity: 0.5;\n }\n\n &:where(stzh-figure[inert]) {\n --caption-opacity: 0;\n }\n\n img {\n -webkit-user-drag: none;\n user-drag: none;\n -ms-user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n }\n }\n\n ::slotted([slot=\"actions\"]) {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n pointer-events: none;\n padding: 0 var(--peek);\n\n @media print {\n display: none;\n }\n\n stzh-text {\n width: auto;\n }\n\n stzh-button {\n pointer-events: all;\n }\n\n .stzh-carousel-action-previous,\n .stzh-carousel-action-next {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .stzh-carousel-action-previous {\n left: calc((#{space(\"medium\")} + #{spaceCurveValue(\"regular\")}) / -1);\n\n @include mq($from: small) {\n left: calc(\n (#{space(\"xxxlarge\")} + #{spaceCurveValue(\"regular\", \"medium\")}) / -1\n );\n }\n\n @include mq($from: medium) {\n left: calc(\n (#{space(\"big\")} + #{spaceCurveValue(\"regular\", \"large\")}) / -1\n );\n }\n }\n\n .stzh-carousel-action-next {\n right: calc((#{space(\"medium\")} + #{spaceCurveValue(\"regular\")}) / -1);\n\n @include mq($from: small) {\n right: calc(\n (#{space(\"xxxlarge\")} + #{spaceCurveValue(\"regular\", \"medium\")}) / -1\n );\n }\n\n @include mq($from: medium) {\n right: calc(\n (#{space(\"big\")} + #{spaceCurveValue(\"regular\", \"large\")}) / -1\n );\n }\n }\n }\n\n ::slotted(stzh-ratio[slot=\"actions\"]) {\n stzh-space,\n stzh-hspace,\n stzh-vspace {\n padding: space(\"xsmall\");\n }\n }\n\n ::slotted(stzh-ratio[slot=\"actions\"]) {\n --background-color: transparent;\n }\n\n / Card /\n\n &[variant=\"cards\"] {\n @include spaceCurve(\"--gutter\", \"tiny\");\n --padding-top: 4px;\n --padding-bottom: 4px;\n\n @include mq($from: medium) {\n --peek-out: #{$containerMarginMedium};\n }\n\n @include mq($from: large) {\n --peek-out: #{$containerMarginLarge};\n }\n\n @include mq($from: ultra) {\n --peek-out: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2\n );\n }\n }\n\n &[variant=\"cards\"] ::slotted([slot=\"actions\"]) {\n position: absolute;\n order: 1;\n margin-top: calc(#{space(\"medium\")} - var(--padding-bottom));\n }\n\n / No peek /\n\n &[no-peek]:not([no-peek=\"false\"]) {\n --peek-out: 0px;\n --peek-in: 0px;\n }\n}\n\n.stzh-carousel {\n position: relative;\n display: flex;\n flex-direction: column;\n width: calc(100% + var(--peek-out) 2);\n margin-left: calc(var(--peek-out) / -1);\n margin-right: calc(var(--peek-out) / -1);\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__indicator {\n @include spaceCurve(\"margin-top\", \"regular\");\n margin-left: auto;\n margin-right: auto;\n position: relative;\n width: 230px;\n height: 4px;\n background-color: $colorBlack20op;\n }\n\n &__indicator-track {\n position: absolute;\n background-color: $colorSecondary50;\n height: 6px;\n left: 0px;\n bottom: 0px;\n transition-property: left, width;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__scroll {\n position: relative;\n grid-area: slides;\n display: grid;\n width: 100%;\n height: 100%;\n place-items: center;\n overflow-x: auto;\n overflow-y: visible;\n grid-auto-flow: column;\n grid-auto-columns: var(--slide-size);\n grid-auto-rows: 100%;\n column-gap: var(--gutter);\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n -ms-overflow-style: none;\n scroll-behavior: smooth;\n overscroll-behavior-x: contain;\n scroll-snap-type: x mandatory;\n scroll-padding: 0 var(--peek);\n padding: var(--padding-top) var(--peek) var(--padding-bottom);\n\n @media (prefers-reduced-motion: reduce) {\n scroll-behavior: auto;\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n &--is-draggable &__scroll {\n cursor: grab;\n }\n\n &--is-dragging &__scroll {\n cursor: grabbing;\n }\n\n &--is-disabled &__scroll {\n cursor: not-allowed;\n overflow: hidden;\n }\n\n &--is-non-interactive {\n pointer-events: none;\n touch-action: none;\n }\n}\n","import { Component, Host, h, Element, Prop, Method, Event, EventEmitter, Watch, State } from \"@stencil/core\";\n\nimport { StzhCarouselSlideStartEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideEndEvent } from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { StzhCarouselLocalizedText } from \"./stzh-carousel.localization\";\n\nimport { media, addMediaChangeListener, removeMediaChangeListener } from \"../../utils/media-utils\";\n\nconst reducedMotionMedia = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\nlet carouselCounter = 0;\n\n/\n Inspired by:\n \n - https://github.com/barthy-koeln/scroll-snap-slider\n * - https://tannerhodges.github.io/snap-slider/\n * - https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/\n * - https://dev.to/jasonwebb/how-to-build-a-more-accessible-carousel-or-slider-35lp\n * - http://web-accessibility.carnegiemuseums.org/code/carousels/\n /\n\n/\n @slot - Slot for any element\n * @slot actions - Slot for `stzh-actions` element\n /\n@Component({\n tag: \"stzh-carousel\",\n styleUrl: \"stzh-carousel.scss\",\n scoped: true,\n})\nexport class StzhCarousel {\n /* Translation strings /\n @Prop() localization: StzhCarouselLocalizedText;\n\n /* Carousel variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"cards\" = \"default\";\n\n /* Whether carousel is disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Whether to remove inside/outside peek. /\n @Prop({ reflect: true }) noPeek: boolean = false;\n\n /* Slides number /\n @Prop() slides: number = 1;\n /* Slides number above small breakpoint /\n @Prop() slidesSmall: number = 0;\n /* Slides number above medium breakpoint /\n @Prop() slidesMedium: number = 0;\n /* Slides number above large breakpoint /\n @Prop() slidesLarge: number = 0;\n /* Slides number above ultra breakpoint /\n @Prop() slidesUltra: number = 0;\n\n // /* How many slides per swipe /\n // @Prop() swipeSlides: number = 1;\n // /* How many slides per swipe above small breakpoint /\n // @Prop() swipeSlidesSmall: number = 0;\n // /* How many slides per swipe above medium breakpoint /\n // @Prop() swipeSlidesMedium: number = 0;\n // /* How many slides per swipe above large breakpoint /\n // @Prop() swipeSlidesLarge: number = 0;\n // /* How many slides per swipe above ultra breakpoint /\n // @Prop() swipeSlidesUltra: number = 0;\n\n /* Active slide (readonly) /\n @Prop() slide: number = 0;\n\n /\n Whether autoplay is enabled.\n * Gets paused, when user has focus inside carousel element or hovers over it.\n * Also when reduced motion media query is active or carousel is set disabled.\n * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n /\n @Prop({ mutable: true }) autoplay: boolean = false;\n\n /* Timeout delay in milliseconds used for autoplay /\n @Prop() autoplayTimeout: number = 3000;\n\n /* Whether scrolling & dragging should be disabled /\n @Prop() nonInteractive: boolean = false;\n\n /* Whether drag with mouse should be disabled (still will be able to scroll with wheeling or arrow keys) /\n @Prop() preventMouseDrag: boolean = false;\n\n /* Whether autoplay pause should be prevented when user hovers/focuses carousel /\n @Prop() preventAutoplayPause: boolean = false;\n\n /* Whether autoplay stop should be prevented when user scroll or drags carousel /\n @Prop() preventAutoplayStop: boolean = false;\n\n /\n Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\n * By default only the visible slides will be tabbable and the prev/next can be used to change slides\n * (enabled when `variant` is set to `cards`).\n /\n @Prop() tabThrough: boolean = false;\n\n /* Whether indicator should be shown /\n @Prop() withTrack: boolean = false;\n\n /* Timeout delay in milliseconds used to catch the end of scroll events /\n @State() scrollTimeout: number = 100;\n\n /* Minimum drag distance that needs to be reached to swipe to next/previous slide(s). /\n @State() distanceQuickSwipe: number = 40;\n\n /* Minimum drag distance that neeeds to be reached to prevent click on slide elements. /\n @State() distancePreventClick: number = 6;\n\n @Element() element: HTMLStzhCarouselElement;\n\n /* Slide start event /\n @Event() stzhSlideStart: EventEmitter<StzhCarouselSlideStartEvent>;\n\n /* Slide passed event /\n @Event() stzhSlidePassed: EventEmitter<StzhCarouselSlidePassedEvent>;\n\n /* Slide end event /\n @Event() stzhSlideEnd: EventEmitter<StzhCarouselSlideEndEvent>;\n\n /* Scroll to a slide by index /\n @Method()\n async slideTo(index, behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n this.scrollToSlide(index, behaviour);\n }\n\n /* Scroll to previous snap point /\n @Method()\n async slideToPrevious(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n this.scrollToPreviousSnapPoint(behaviour);\n }\n\n /* Scroll to next snap point /\n @Method()\n async slideToNext(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n this.scrollToNextSnapPoint(behaviour);\n }\n\n @Watch(\"disabled\")\n disabledWatcher() {\n if (this.disabled) {\n this.scrollElement && this.scrollElement.removeEventListener(\"scroll\", this.onScroll);\n this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n this.scrollTimeoutId = null;\n this.element.removeEventListener(\"mouseenter\", this.onMouseenter);\n this.element.removeEventListener(\"mouseleave\", this.onMouseleave);\n this.element.removeEventListener(\"focusin\", this.onFocusin);\n this.element.removeEventListener(\"focusout\", this.onFocusout);\n this.onReducedMotionMediaChange();\n reducedMotionMedia && reducedMotionMedia.removeEventListener(\"change\", this.onReducedMotionMediaChange);\n } else {\n this.scrollElement && this.scrollElement.addEventListener(\"scroll\", this.onScroll, { passive: true });\n this.element.addEventListener(\"mouseenter\", this.onMouseenter);\n this.element.addEventListener(\"mouseleave\", this.onMouseleave);\n this.element.addEventListener(\"focusin\", this.onFocusin);\n this.element.addEventListener(\"focusout\", this.onFocusout);\n reducedMotionMedia && reducedMotionMedia.addEventListener(\"change\", this.onReducedMotionMediaChange);\n }\n }\n\n @Watch(\"disabled\")\n @Watch(\"preventMouseDrag\")\n preventMouseDragWatcher() {\n if (this.preventMouseDrag \|\| this.disabled) {\n this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n this.disableTimeoutId = null;\n this.scrollElement && this.scrollElement.removeEventListener(\"mousedown\", this.startDragging);\n this.lastX = null;\n } else {\n this.scrollElement && this.scrollElement.addEventListener(\"mousedown\", this.startDragging);\n }\n }\n\n @Watch(\"autoplay\")\n @Watch(\"autoplayDisabledByMotionMedia\")\n @Watch(\"autoplayDisabledByMouse\")\n @Watch(\"autoplayDisabledByFocus\")\n @Watch(\"autoplayDisabledByScroll\")\n @Watch(\"autoplayDisabledByDrag\")\n @Watch(\"autoplayTimeout\")\n @Watch(\"disabled\")\n autoplayRunningWatcher() {\n if (\n !this.autoplay \|\|\n this.disabled \|\|\n this.autoplayDisabledByMotionMedia \|\|\n this.autoplayDisabledByMouse \|\|\n this.autoplayDisabledByFocus \|\|\n this.autoplayDisabledByScroll \|\|\n this.autoplayDisabledByDrag\n ) {\n this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n this.autoplayIntervalId = null;\n this.autoplayRunning = false;\n } else {\n this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n this.autoplayIntervalId = window.setInterval(this.autoplayInterval, this.autoplayTimeout);\n this.autoplayRunning = true;\n }\n }\n\n @Watch(\"slideElements\")\n @Watch(\"currentSwipeSlides\")\n snapAlignWatcher() {\n this.slideElements.forEach((slide, index) => {\n const shouldSnap = (index - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n\n if (shouldSnap) {\n slide.style.removeProperty(\"scroll-snap-align\");\n } else {\n slide.style.setProperty(\"scroll-snap-align\", \"none\");\n }\n });\n }\n\n @Watch(\"slide\")\n @Watch(\"variant\")\n @Watch(\"slideElements\")\n @Watch(\"currentSlides\")\n @Watch(\"tabThrough\")\n inertWatcher() {\n this.slideElements.forEach((slide, index) => {\n const isActive =\n this.tabThrough \|\| this.variant === \"cards\" \|\| (index >= this.slide && index < this.slide + this.currentSlides);\n\n slide.inert = !isActive;\n\n if (isActive) {\n slide.removeAttribute(\"aria-hidden\");\n } else {\n slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n }\n });\n }\n\n @Watch(\"variant\")\n @Watch(\"tabThrough\")\n @Watch(\"nextElements\")\n @Watch(\"previousElements\")\n prevNextNavigationWatcher() {\n const tabThrough = this.tabThrough \|\| this.variant === \"cards\";\n\n const setAriaAttributes = element => {\n const isStzh = isStzhElement(element);\n\n if (tabThrough) {\n element.setAttribute(\"aria-hidden\", \"true\");\n element.setAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\", \"-1\");\n } else {\n element.removeAttribute(\"aria-hidden\");\n element.removeAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\");\n }\n };\n\n this.nextElements.forEach(setAriaAttributes);\n this.previousElements.forEach(setAriaAttributes);\n }\n\n @Watch(\"currentSlides\")\n @Watch(\"slideElements\")\n @Watch(\"nextElements\")\n @Watch(\"previousElements\")\n @Watch(\"navigationTextElements\")\n prevNextHiddenWatcher() {\n const hideElements = this.slideElements.length <= this.currentSlides;\n\n const setHiddenAttribute = element => {\n if (hideElements) {\n element.setAttribute(\"hidden\", \"\");\n } else {\n element.removeAttribute(\"hidden\");\n }\n };\n\n this.navigationTextElements.forEach(setHiddenAttribute);\n this.nextElements.forEach(setHiddenAttribute);\n this.previousElements.forEach(setHiddenAttribute);\n }\n\n @Watch(\"disabled\")\n @Watch(\"slide\")\n @Watch(\"currentSlides\")\n @Watch(\"slideElements\")\n @Watch(\"nextElements\")\n @Watch(\"previousElements\")\n nextPrevDisabledWatcher() {\n if (!this.scrollElement) {\n return;\n }\n\n const reachedFirstSlide = this.slide === 0;\n const reachedLastSlide = this.hasReachedLastSlide();\n\n this.nextElements.forEach(element => {\n const isStzh = isStzhElement(element);\n element.setAttribute(\n isStzh ? \"a11y-disabled\" : \"aria-disabled\",\n reachedLastSlide \|\| this.disabled ? \"true\" : \"false\",\n );\n });\n\n this.previousElements.forEach(element => {\n const isStzh = isStzhElement(element);\n element.setAttribute(\n isStzh ? \"a11y-disabled\" : \"aria-disabled\",\n reachedFirstSlide \|\| this.disabled ? \"true\" : \"false\",\n );\n });\n }\n\n @Watch(\"nextElements\")\n nextElementsWatcher() {\n this.nextElements.forEach(nextElement => {\n const isStzh = isStzhElement(nextElement);\n\n nextElement.addEventListener(\"click\", this.onNextClick);\n nextElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n });\n }\n\n @Watch(\"previousElements\")\n previousElementsWatcher() {\n this.previousElements.forEach(previousElement => {\n const isStzh = isStzhElement(previousElement);\n\n previousElement.addEventListener(\"click\", this.onPreviousClick);\n previousElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n });\n }\n\n /* Whether autoplay is currently running /\n @State() autoplayRunning: boolean = false;\n\n /* Whether autoplay is currently disabled by reduced motion media /\n @State() autoplayDisabledByMotionMedia: boolean = false;\n\n /* Whether autoplay is currently disabled by mouse /\n @State() autoplayDisabledByMouse: boolean = false;\n\n /* Whether autoplay is currently disabled by focus /\n @State() autoplayDisabledByFocus: boolean = false;\n\n /* Whether autoplay is currently disabled by scroll /\n @State() autoplayDisabledByScroll: boolean = false;\n\n /* Whether autoplay is currently disabled by drag /\n @State() autoplayDisabledByDrag: boolean = false;\n\n /* Whether user is currently dragging with mouse /\n @State() dragging: boolean = false;\n\n /* Whether user is currently scrolling /\n @State() scrolling: boolean = false;\n\n /* Aria live text /\n @State() ariaLive: string = \"\";\n\n /* Currently shown slides /\n @State() currentSlides: number = 1;\n\n /* How many slides should be moved currently /\n @State() currentSwipeSlides: number = 1;\n\n /* Slide elements /\n @State() slideElements: HTMLElement[] = [];\n\n /* Previous elements /\n @State() previousElements: HTMLElement[] = [];\n\n /* Next elements /\n @State() nextElements: HTMLElement[] = [];\n\n /* Navigation text elements /\n @State() navigationTextElements: HTMLElement[] = [];\n\n private scrollElement: HTMLElement;\n\n /* Unique generated id /\n private carouselId: string;\n\n /* Current scroll position /\n private slideScrollLeft: number = 0;\n\n /* Flag whether scrolling was done by user or not /\n private scrolledByAutoplay: boolean = false;\n\n /* Timeout ID used to catch the end of scroll events /\n private scrollTimeoutId: number = null;\n\n /* Interval ID for autoplay /\n private autoplayIntervalId: number;\n\n /* Last drag event position /\n private lastX: number = null;\n\n /* Where the dragging started /\n private startX: number = null;\n\n /* Where the dragging started scroll position /\n private startScrollLeft: number = null;\n\n /* Timeout ID for a smooth drag release /\n private disableTimeoutId: number = null;\n\n /* Calculated size of a single item /\n private itemSize: number;\n\n /* Resize observer used to update item size /\n private resizeObserver: ResizeObserver;\n\n /* Mutation observer used to keep track of slides /\n private mutationObserver: MutationObserver;\n\n /* Whether user has just stopped dragging /\n private stoppedDragging: boolean = false;\n\n private scrollToSlide(index, behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n if (this.disabled) {\n return;\n }\n\n this.scrollElement.scrollTo({\n left: index this.itemSize,\n behavior: reducedMotionMedia.matches ? \"auto\" : behaviour,\n });\n }\n\n /** Width of a slide /\n private sizingMethod() {\n const css = window.getComputedStyle(this.scrollElement);\n\n return (\n ((this.scrollElement.firstElementChild as HTMLElement) \|\| this.scrollElement).offsetWidth +\n parseInt(css.getPropertyValue(\"column-gap\"), 10)\n );\n }\n\n /\n Calculates the active slide.\n * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.\n /\n private calculateSlide() {\n // Math.round: Dispatch 'stzhSlidePassed' events around the center of each slide\n // Math.ceil: Dispatch 'stzhSlidePassed' events as soon as the next one is visible\n // Math.floor: Dispatch 'stzhSlidePassed' events only when the next one is fully visible\n return Math.round(this.scrollElement.scrollLeft / this.itemSize);\n }\n\n private scrollToPreviousSnapPoint(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n if (this.disabled) {\n return;\n }\n\n let previousIndex = this.slide;\n let canSnap = false;\n\n while (!canSnap && previousIndex > 0) {\n previousIndex = previousIndex - 1;\n canSnap = (previousIndex - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n }\n\n this.slideTo(previousIndex, behaviour);\n }\n\n private scrollToNextSnapPoint(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n if (this.disabled) {\n return;\n }\n\n this.slideTo(this.slide + this.currentSwipeSlides, behaviour);\n }\n\n private update() {\n this.slide = this.calculateSlide();\n this.slideScrollLeft = this.slide this.itemSize;\n\n this.onMutation();\n }\n\n private hasReachedLastSlide() {\n const { scrollLeft, offsetWidth, scrollWidth } = this.scrollElement;\n return Math.ceil(scrollLeft + offsetWidth) >= scrollWidth;\n }\n\n private onReducedMotionMediaChange = () => {\n this.autoplayDisabledByMotionMedia = reducedMotionMedia.matches;\n };\n\n private onMouseenter = () => {\n if (!this.preventAutoplayPause) {\n this.autoplayDisabledByMouse = true;\n }\n };\n\n private onMouseleave = () => {\n this.autoplayDisabledByMouse = false;\n };\n\n private onFocusin = () => {\n if (!this.preventAutoplayPause) {\n this.autoplayDisabledByFocus = true;\n }\n };\n\n private onFocusout = () => {\n this.autoplayDisabledByFocus = false;\n };\n\n private onPreviousClick = () => {\n this.scrollToPreviousSnapPoint();\n };\n\n private onNextClick = () => {\n this.scrollToNextSnapPoint();\n };\n\n private onSlideResize = () => {\n if (this.scrollElement) {\n this.itemSize = this.sizingMethod();\n }\n };\n\n private onMutation = () => {\n if (!this.scrollElement) {\n return;\n }\n\n this.slideElements = Array.from(this.scrollElement.children) as HTMLElement[];\n\n this.slideElements.forEach((slide, index) => {\n slide.setAttribute(\"role\", \"group\");\n slide.setAttribute(\"aria-roledescription\", \"slide\");\n slide.setAttribute(\n \"aria-label\",\n this.localization.slideLabel\n .replace(/\\{current\\}/gi, (index + 1).toString())\n .replace(/\\{total\\}/gi, this.slideElements.length.toString()),\n );\n });\n\n this.previousElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-previous]\"));\n this.nextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-next]\"));\n this.navigationTextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-navigation-text]\"));\n };\n\n private onScroll = () => {\n if (this.scrollTimeoutId === null) {\n const direction = this.scrollElement.scrollLeft > this.slideScrollLeft ? 1 : -1;\n\n this.scrolling = true;\n\n if (!this.scrolledByAutoplay) {\n if (this.preventAutoplayStop) {\n this.autoplayDisabledByScroll = true;\n } else {\n this.autoplay = false;\n }\n }\n\n this.stzhSlideStart.emit({\n component: \"stzh-carousel\",\n index: this.slide + direction,\n });\n }\n\n if (this.slide !== this.calculateSlide()) {\n this.update();\n this.stzhSlidePassed.emit({\n component: \"stzh-carousel\",\n index: this.slide,\n });\n }\n\n this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n this.scrollTimeoutId = window.setTimeout(this.onScrollEnd, this.scrollTimeout);\n };\n\n private onScrollEnd = () => {\n this.scrollTimeoutId = null;\n this.update();\n\n this.scrolling = false;\n this.scrolledByAutoplay = false;\n this.autoplayDisabledByScroll = false;\n\n if (this.stoppedDragging) {\n this.stoppedDragging = false;\n this.scrollElement.style.removeProperty(\"scroll-behavior\");\n this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n }\n\n if (this.tabThrough \|\| this.variant === \"cards\") {\n this.ariaLive = \"\";\n } else {\n this.ariaLive = (this.currentSlides > 1 ? this.localization.slidesLabel : this.localization.slideLabel)\n .replace(/\\{(current\|from)\\}/gi, (this.slide + 1).toString())\n .replace(/\\{to\\}/gi, (this.slide + this.currentSlides).toString())\n .replace(/\\{total\\}/gi, this.slideElements.length.toString());\n }\n\n this.stzhSlideEnd.emit({\n component: \"stzh-carousel\",\n index: this.slide,\n });\n };\n\n private onMediaChange = () => {\n const ultra = media(\"ultra\").matches;\n const large = media(\"large\").matches;\n const medium = media(\"medium\").matches;\n const small = media(\"small\").matches;\n\n if (ultra && this.slidesUltra !== 0) {\n this.currentSlides = this.slidesUltra;\n } else if (large && this.slidesLarge !== 0) {\n this.currentSlides = this.slidesLarge;\n } else if (medium && this.slidesMedium !== 0) {\n this.currentSlides = this.slidesMedium;\n } else if (small && this.slidesSmall !== 0) {\n this.currentSlides = this.slidesSmall;\n } else {\n this.currentSlides = this.slides;\n }\n\n // if (ultra && this.swipeSlidesUltra !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesUltra;\n // } else if (large && this.swipeSlidesLarge !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesLarge;\n // } else if (medium && this.swipeSlidesMedium !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesMedium;\n // } else if (small && this.swipeSlidesSmall !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesSmall;\n // } else {\n // this.currentSwipeSlides = this.swipeSlides;\n // }\n\n this.currentSwipeSlides = this.currentSlides;\n };\n\n /** Scroll the slider the appropriate amount of pixels and update the last event position /\n private mouseMove = (event: MouseEvent) => {\n const distance = this.lastX - event.clientX;\n this.lastX = event.clientX;\n\n this.scrollElement.scrollLeft += distance;\n };\n\n /* Clear disable timeout, set up variables and styles and attach the listener. /\n private startDragging = (event: MouseEvent) => {\n event.preventDefault();\n\n this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n this.disableTimeoutId = null;\n\n this.startX = this.lastX = event.clientX;\n this.startScrollLeft = this.scrollElement.scrollLeft;\n this.scrollElement.style.setProperty(\"scroll-behavior\", \"auto\");\n this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n\n this.dragging = true;\n\n if (this.preventAutoplayStop) {\n this.autoplayDisabledByDrag = true;\n } else {\n this.autoplay = false;\n }\n\n window.addEventListener(\"mousemove\", this.mouseMove);\n window.addEventListener(\"mouseup\", this.stopDragging, { capture: true });\n window.addEventListener(\"click\", this.checkClick, { capture: true });\n };\n\n /* User stopped dragging /\n private stopDragging = (event: MouseEvent) => {\n event.preventDefault();\n\n const distance = Math.abs(this.startX - this.lastX);\n const minimumReached = distance > this.distanceQuickSwipe;\n const direction = this.lastX > this.startX ? 1 : -1;\n\n this.dragging = false;\n this.autoplayDisabledByDrag = false;\n\n const endDraddingLeft = this.scrollElement.scrollLeft;\n\n this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n const finalLeft = this.scrollElement.scrollLeft;\n\n this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n this.scrollElement.scrollTo({ left: endDraddingLeft, behavior: \"auto\" });\n\n if (finalLeft !== this.startScrollLeft \|\| !minimumReached) {\n this.scrollElement.scrollTo({ left: finalLeft, behavior: reducedMotionMedia.matches ? \"auto\" : \"smooth\" });\n } else if (direction === 1) {\n this.slideToPrevious();\n } else {\n this.slideToNext();\n }\n\n window.removeEventListener(\"mousemove\", this.mouseMove);\n window.removeEventListener(\"mouseup\", this.stopDragging, { capture: true });\n\n this.stoppedDragging = true;\n };\n\n private checkClick = (event: MouseEvent) => {\n const distance = Math.abs(this.startX - this.lastX);\n const minimumReached = distance > this.distancePreventClick;\n\n if (minimumReached) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n this.lastX = null;\n\n window.removeEventListener(\"click\", this.checkClick, { capture: true });\n };\n\n private autoplayInterval = () => {\n this.scrolledByAutoplay = true;\n\n if (this.hasReachedLastSlide()) {\n this.slideTo(0);\n } else {\n this.slideToNext();\n }\n };\n\n async componentWillLoad() {\n this.carouselId = `stzh-carousel-${carouselCounter++}`;\n this.onMediaChange();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"carousel\");\n }\n }\n\n componentDidLoad() {\n this.itemSize = this.sizingMethod();\n this.update();\n\n this.disabledWatcher();\n this.preventMouseDragWatcher();\n this.autoplayRunningWatcher();\n }\n\n connectedCallback() {\n addMediaChangeListener(this.onMediaChange);\n\n this.resizeObserver = new ResizeObserver(this.onSlideResize);\n this.resizeObserver.observe(this.element);\n\n this.mutationObserver = new MutationObserver(this.onMutation);\n this.mutationObserver.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n this.scrollTimeoutId = null;\n\n removeMediaChangeListener(this.onMediaChange);\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-carousel\": true,\n \"stzh-carousel--is-disabled\": this.disabled,\n \"stzh-carousel--is-draggable\": !this.preventMouseDrag,\n \"stzh-carousel--is-non-interactive\": this.nonInteractive,\n \"stzh-carousel--is-dragging\": this.dragging,\n \"stzh-carousel--is-scrolling\": this.scrolling,\n \"stzh-carousel--has-autoplay\": this.autoplay,\n \"stzh-carousel--is-autoplay-running\": this.autoplayRunning,\n };\n\n return (\n <Host\n aria-roledescription=\"carousel\"\n style={{\n \"--slides\": this.currentSlides.toString(),\n }}\n >\n <div class={classes}>\n <slot name=\"actions\"></slot>\n <div\n class=\"stzh-carousel__vhidden\"\n aria-live={this.autoplayDisabledByFocus \|\| this.autoplayDisabledByMouse ? \"polite\" : \"off\"}\n >\n {this.ariaLive}\n </div>\n <div\n ref={el => (this.scrollElement = el as HTMLDivElement)}\n id={`${this.carouselId}-scroll`}\n class=\"stzh-carousel__scroll\"\n >\n <slot></slot>\n </div>\n {this.withTrack && (\n <div class=\"stzh-carousel__indicator\">\n <div\n class=\"stzh-carousel__indicator-track\"\n style={{\n left: `${(100 / (this.slideElements?.length \|\| 1)) this.slide}%`,\n width: `${(100 / (this.slideElements?.length \|\| 1)) * this.currentSlides \|\| 0}%`,\n }}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-IUEdDkZk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-carousel/stzh-carousel.scss?tag=stzh-carousel&encapsulation=scoped","src/components/stzh-carousel/stzh-carousel.tsx"],"sourcesContent":["/*\n @prop --padding-top: Padding Top of scroll container\n * @prop --padding-bottom: Padding Bottom of scroll container\n * @prop --peek-in: Peek size (inside container) showing the next/previous slides\n * @prop --peek-out: Negative peek size (breakout of container) showing the next/previous slides\n * @prop --gutter: Space between the slides\n * @prop --snap-stop: Snap stop of scroll container\n /\n\n:host {\n @include spaceCurve(\"--gutter\", \"regular\");\n --peek: calc(var(--peek-in, 0px) + var(--peek-out, 0px));\n --peek-in: calc(#{space(\"medium\")} + #{spaceCurveValue(\"regular\")});\n // --peek-out: #{space('medium')};\n --padding-top: 0px;\n --padding-bottom: 0px;\n --snap-stop: always;\n --slides: 1;\n --slide-size: calc(\n (100% - (var(--slides) - 1) var(--gutter)) / var(--slides)\n );\n\n @include mq($from: small) {\n --peek-in: calc(\n #{space(\"xxxlarge\")} + #{spaceCurveValue(\"regular\", \"medium\")}\n );\n // --peek-out: #{$containerMarginSmall};\n }\n\n @include mq($from: medium) {\n --peek-in: calc(#{space(\"big\")} + #{spaceCurveValue(\"regular\", \"large\")});\n // --peek-out: 0px;\n }\n\n ::slotted() {\n width: 100%;\n height: inherit;\n flex-shrink: 0;\n scroll-snap-align: start;\n scroll-snap-stop: var(--snap-stop);\n transition: opacity $baseTransitionAnimationSpeed;\n\n [inert] {\n opacity: 0.5;\n }\n\n &:where(stzh-figure[inert]) {\n --caption-opacity: 0;\n }\n\n img {\n -webkit-user-drag: none;\n user-drag: none;\n -ms-user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n }\n }\n\n ::slotted([slot=\"actions\"]) {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n pointer-events: none;\n padding: 0 var(--peek);\n\n @media print {\n display: none;\n }\n\n stzh-text {\n width: auto;\n }\n\n stzh-button {\n pointer-events: all;\n }\n\n .stzh-carousel-action-previous,\n .stzh-carousel-action-next {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .stzh-carousel-action-previous {\n left: calc((#{space(\"medium\")} + #{spaceCurveValue(\"regular\")}) / -1);\n\n @include mq($from: small) {\n left: calc(\n (#{space(\"xxxlarge\")} + #{spaceCurveValue(\"regular\", \"medium\")}) / -1\n );\n }\n\n @include mq($from: medium) {\n left: calc(\n (#{space(\"big\")} + #{spaceCurveValue(\"regular\", \"large\")}) / -1\n );\n }\n }\n\n .stzh-carousel-action-next {\n right: calc((#{space(\"medium\")} + #{spaceCurveValue(\"regular\")}) / -1);\n\n @include mq($from: small) {\n right: calc(\n (#{space(\"xxxlarge\")} + #{spaceCurveValue(\"regular\", \"medium\")}) / -1\n );\n }\n\n @include mq($from: medium) {\n right: calc(\n (#{space(\"big\")} + #{spaceCurveValue(\"regular\", \"large\")}) / -1\n );\n }\n }\n }\n\n ::slotted(stzh-ratio[slot=\"actions\"]) {\n stzh-space,\n stzh-hspace,\n stzh-vspace {\n padding: space(\"xsmall\");\n }\n }\n\n ::slotted(stzh-ratio[slot=\"actions\"]) {\n --background-color: transparent;\n }\n\n / Card /\n\n &[variant=\"cards\"] {\n @include spaceCurve(\"--gutter\", \"tiny\");\n --padding-top: 4px;\n --padding-bottom: 4px;\n\n @include mq($from: medium) {\n --peek-out: #{$containerMarginMedium};\n }\n\n @include mq($from: large) {\n --peek-out: #{$containerMarginLarge};\n }\n\n @include mq($from: ultra) {\n --peek-out: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2\n );\n }\n }\n\n &[variant=\"cards\"] ::slotted([slot=\"actions\"]) {\n position: absolute;\n order: 1;\n margin-top: calc(#{space(\"medium\")} - var(--padding-bottom));\n }\n\n / No peek /\n\n &[no-peek]:not([no-peek=\"false\"]) {\n --peek-out: 0px;\n --peek-in: 0px;\n }\n}\n\n.stzh-carousel {\n position: relative;\n display: flex;\n flex-direction: column;\n width: calc(100% + var(--peek-out) 2);\n margin-left: calc(var(--peek-out) / -1);\n margin-right: calc(var(--peek-out) / -1);\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__indicator {\n @include spaceCurve(\"margin-top\", \"regular\");\n margin-left: auto;\n margin-right: auto;\n position: relative;\n width: 230px;\n height: 4px;\n background-color: $colorBlack20op;\n }\n\n &__indicator-track {\n position: absolute;\n background-color: $colorSecondary50;\n height: 6px;\n left: 0px;\n bottom: 0px;\n transition-property: left, width;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__scroll {\n position: relative;\n grid-area: slides;\n display: grid;\n width: 100%;\n height: 100%;\n place-items: center;\n overflow-x: auto;\n overflow-y: visible;\n grid-auto-flow: column;\n grid-auto-columns: var(--slide-size);\n grid-auto-rows: 100%;\n column-gap: var(--gutter);\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n -ms-overflow-style: none;\n scroll-behavior: smooth;\n overscroll-behavior-x: contain;\n scroll-snap-type: x mandatory;\n scroll-padding: 0 var(--peek);\n padding: var(--padding-top) var(--peek) var(--padding-bottom);\n\n @media (prefers-reduced-motion: reduce) {\n scroll-behavior: auto;\n }\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n &--is-draggable &__scroll {\n cursor: grab;\n }\n\n &--is-dragging &__scroll {\n cursor: grabbing;\n }\n\n &--is-disabled &__scroll {\n cursor: not-allowed;\n overflow: hidden;\n }\n\n &--is-non-interactive {\n pointer-events: none;\n touch-action: none;\n }\n}\n","import { Component, Host, h, Element, Prop, Method, Event, EventEmitter, Watch, State } from \"@stencil/core\";\n\nimport { StzhCarouselSlideStartEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideEndEvent } from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { StzhCarouselLocalizedText } from \"./stzh-carousel.localization\";\n\nimport { media, addMediaChangeListener, removeMediaChangeListener } from \"../../utils/media-utils\";\n\nconst reducedMotionMedia = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\nlet carouselCounter = 0;\n\n/\n Inspired by:\n \n - https://github.com/barthy-koeln/scroll-snap-slider\n * - https://tannerhodges.github.io/snap-slider/\n * - https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/\n * - https://dev.to/jasonwebb/how-to-build-a-more-accessible-carousel-or-slider-35lp\n * - http://web-accessibility.carnegiemuseums.org/code/carousels/\n /\n\n/\n @slot - Slot for any element\n * @slot actions - Slot for `stzh-actions` element\n /\n@Component({\n tag: \"stzh-carousel\",\n styleUrl: \"stzh-carousel.scss\",\n scoped: true,\n})\nexport class StzhCarousel {\n /* Translation strings /\n @Prop() localization: StzhCarouselLocalizedText;\n\n /* Carousel variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"cards\" = \"default\";\n\n /* Whether carousel is disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Whether to remove inside/outside peek. /\n @Prop({ reflect: true }) noPeek: boolean = false;\n\n /* Slides number /\n @Prop() slides: number = 1;\n /* Slides number above small breakpoint /\n @Prop() slidesSmall: number = 0;\n /* Slides number above medium breakpoint /\n @Prop() slidesMedium: number = 0;\n /* Slides number above large breakpoint /\n @Prop() slidesLarge: number = 0;\n /* Slides number above ultra breakpoint /\n @Prop() slidesUltra: number = 0;\n\n // /* How many slides per swipe /\n // @Prop() swipeSlides: number = 1;\n // /* How many slides per swipe above small breakpoint /\n // @Prop() swipeSlidesSmall: number = 0;\n // /* How many slides per swipe above medium breakpoint /\n // @Prop() swipeSlidesMedium: number = 0;\n // /* How many slides per swipe above large breakpoint /\n // @Prop() swipeSlidesLarge: number = 0;\n // /* How many slides per swipe above ultra breakpoint /\n // @Prop() swipeSlidesUltra: number = 0;\n\n /* Active slide (readonly) /\n @Prop() slide: number = 0;\n\n /\n Whether autoplay is enabled.\n * Gets paused, when user has focus inside carousel element or hovers over it.\n * Also when reduced motion media query is active or carousel is set disabled.\n * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n /\n @Prop({ mutable: true }) autoplay: boolean = false;\n\n /* Timeout delay in milliseconds used for autoplay /\n @Prop() autoplayTimeout: number = 3000;\n\n /* Whether scrolling & dragging should be disabled /\n @Prop() nonInteractive: boolean = false;\n\n /* Whether drag with mouse should be disabled (still will be able to scroll with wheeling or arrow keys) /\n @Prop() preventMouseDrag: boolean = false;\n\n /* Whether autoplay pause should be prevented when user hovers/focuses carousel /\n @Prop() preventAutoplayPause: boolean = false;\n\n /* Whether autoplay stop should be prevented when user scroll or drags carousel /\n @Prop() preventAutoplayStop: boolean = false;\n\n /\n Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\n * By default only the visible slides will be tabbable and the prev/next can be used to change slides\n * (enabled when `variant` is set to `cards`).\n /\n @Prop() tabThrough: boolean = false;\n\n /* Whether indicator should be shown /\n @Prop() withTrack: boolean = false;\n\n /* Timeout delay in milliseconds used to catch the end of scroll events /\n @State() scrollTimeout: number = 100;\n\n /* Minimum drag distance that needs to be reached to swipe to next/previous slide(s). /\n @State() distanceQuickSwipe: number = 40;\n\n /* Minimum drag distance that neeeds to be reached to prevent click on slide elements. /\n @State() distancePreventClick: number = 6;\n\n @Element() element: HTMLStzhCarouselElement;\n\n /* Slide start event /\n @Event() stzhSlideStart: EventEmitter<StzhCarouselSlideStartEvent>;\n\n /* Slide passed event /\n @Event() stzhSlidePassed: EventEmitter<StzhCarouselSlidePassedEvent>;\n\n /* Slide end event /\n @Event() stzhSlideEnd: EventEmitter<StzhCarouselSlideEndEvent>;\n\n /* Scroll to a slide by index /\n @Method()\n async slideTo(index, behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n this.scrollToSlide(index, behaviour);\n }\n\n /* Scroll to previous snap point /\n @Method()\n async slideToPrevious(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n this.scrollToPreviousSnapPoint(behaviour);\n }\n\n /* Scroll to next snap point /\n @Method()\n async slideToNext(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n this.scrollToNextSnapPoint(behaviour);\n }\n\n @Watch(\"disabled\")\n disabledWatcher() {\n if (this.disabled) {\n this.scrollElement && this.scrollElement.removeEventListener(\"scroll\", this.onScroll);\n this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n this.scrollTimeoutId = null;\n this.element.removeEventListener(\"mouseenter\", this.onMouseenter);\n this.element.removeEventListener(\"mouseleave\", this.onMouseleave);\n this.element.removeEventListener(\"focusin\", this.onFocusin);\n this.element.removeEventListener(\"focusout\", this.onFocusout);\n this.onReducedMotionMediaChange();\n reducedMotionMedia && reducedMotionMedia.removeEventListener(\"change\", this.onReducedMotionMediaChange);\n } else {\n this.scrollElement && this.scrollElement.addEventListener(\"scroll\", this.onScroll, { passive: true });\n this.element.addEventListener(\"mouseenter\", this.onMouseenter);\n this.element.addEventListener(\"mouseleave\", this.onMouseleave);\n this.element.addEventListener(\"focusin\", this.onFocusin);\n this.element.addEventListener(\"focusout\", this.onFocusout);\n reducedMotionMedia && reducedMotionMedia.addEventListener(\"change\", this.onReducedMotionMediaChange);\n }\n }\n\n @Watch(\"disabled\")\n @Watch(\"preventMouseDrag\")\n preventMouseDragWatcher() {\n if (this.preventMouseDrag \|\| this.disabled) {\n this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n this.disableTimeoutId = null;\n this.scrollElement && this.scrollElement.removeEventListener(\"mousedown\", this.startDragging);\n this.lastX = null;\n } else {\n this.scrollElement && this.scrollElement.addEventListener(\"mousedown\", this.startDragging);\n }\n }\n\n @Watch(\"autoplay\")\n @Watch(\"autoplayDisabledByMotionMedia\")\n @Watch(\"autoplayDisabledByMouse\")\n @Watch(\"autoplayDisabledByFocus\")\n @Watch(\"autoplayDisabledByScroll\")\n @Watch(\"autoplayDisabledByDrag\")\n @Watch(\"autoplayTimeout\")\n @Watch(\"disabled\")\n autoplayRunningWatcher() {\n if (\n !this.autoplay \|\|\n this.disabled \|\|\n this.autoplayDisabledByMotionMedia \|\|\n this.autoplayDisabledByMouse \|\|\n this.autoplayDisabledByFocus \|\|\n this.autoplayDisabledByScroll \|\|\n this.autoplayDisabledByDrag\n ) {\n this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n this.autoplayIntervalId = null;\n this.autoplayRunning = false;\n } else {\n this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n this.autoplayIntervalId = window.setInterval(this.autoplayInterval, this.autoplayTimeout);\n this.autoplayRunning = true;\n }\n }\n\n @Watch(\"slideElements\")\n @Watch(\"currentSwipeSlides\")\n snapAlignWatcher() {\n this.slideElements.forEach((slide, index) => {\n const shouldSnap = (index - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n\n if (shouldSnap) {\n slide.style.removeProperty(\"scroll-snap-align\");\n } else {\n slide.style.setProperty(\"scroll-snap-align\", \"none\");\n }\n });\n }\n\n @Watch(\"slide\")\n @Watch(\"variant\")\n @Watch(\"slideElements\")\n @Watch(\"currentSlides\")\n @Watch(\"tabThrough\")\n inertWatcher() {\n this.slideElements.forEach((slide, index) => {\n const isActive =\n this.tabThrough \|\| this.variant === \"cards\" \|\| (index >= this.slide && index < this.slide + this.currentSlides);\n\n slide.inert = !isActive;\n\n if (isActive) {\n slide.removeAttribute(\"aria-hidden\");\n } else {\n slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n }\n });\n }\n\n @Watch(\"variant\")\n @Watch(\"tabThrough\")\n @Watch(\"nextElements\")\n @Watch(\"previousElements\")\n prevNextNavigationWatcher() {\n const tabThrough = this.tabThrough \|\| this.variant === \"cards\";\n\n const setAriaAttributes = element => {\n const isStzh = isStzhElement(element);\n\n if (tabThrough) {\n element.setAttribute(\"aria-hidden\", \"true\");\n element.setAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\", \"-1\");\n } else {\n element.removeAttribute(\"aria-hidden\");\n element.removeAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\");\n }\n };\n\n this.nextElements.forEach(setAriaAttributes);\n this.previousElements.forEach(setAriaAttributes);\n }\n\n @Watch(\"currentSlides\")\n @Watch(\"slideElements\")\n @Watch(\"nextElements\")\n @Watch(\"previousElements\")\n @Watch(\"navigationTextElements\")\n prevNextHiddenWatcher() {\n const hideElements = this.slideElements.length <= this.currentSlides;\n\n const setHiddenAttribute = element => {\n if (hideElements) {\n element.setAttribute(\"hidden\", \"\");\n } else {\n element.removeAttribute(\"hidden\");\n }\n };\n\n this.navigationTextElements.forEach(setHiddenAttribute);\n this.nextElements.forEach(setHiddenAttribute);\n this.previousElements.forEach(setHiddenAttribute);\n }\n\n @Watch(\"disabled\")\n @Watch(\"slide\")\n @Watch(\"currentSlides\")\n @Watch(\"slideElements\")\n @Watch(\"nextElements\")\n @Watch(\"previousElements\")\n nextPrevDisabledWatcher() {\n if (!this.scrollElement) {\n return;\n }\n\n const reachedFirstSlide = this.slide === 0;\n const reachedLastSlide = this.hasReachedLastSlide();\n\n this.nextElements.forEach(element => {\n const isStzh = isStzhElement(element);\n element.setAttribute(\n isStzh ? \"a11y-disabled\" : \"aria-disabled\",\n reachedLastSlide \|\| this.disabled ? \"true\" : \"false\",\n );\n });\n\n this.previousElements.forEach(element => {\n const isStzh = isStzhElement(element);\n element.setAttribute(\n isStzh ? \"a11y-disabled\" : \"aria-disabled\",\n reachedFirstSlide \|\| this.disabled ? \"true\" : \"false\",\n );\n });\n }\n\n @Watch(\"nextElements\")\n nextElementsWatcher() {\n this.nextElements.forEach(nextElement => {\n const isStzh = isStzhElement(nextElement);\n\n nextElement.addEventListener(\"click\", this.onNextClick);\n nextElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n });\n }\n\n @Watch(\"previousElements\")\n previousElementsWatcher() {\n this.previousElements.forEach(previousElement => {\n const isStzh = isStzhElement(previousElement);\n\n previousElement.addEventListener(\"click\", this.onPreviousClick);\n previousElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n });\n }\n\n /* Whether autoplay is currently running /\n @State() autoplayRunning: boolean = false;\n\n /* Whether autoplay is currently disabled by reduced motion media /\n @State() autoplayDisabledByMotionMedia: boolean = false;\n\n /* Whether autoplay is currently disabled by mouse /\n @State() autoplayDisabledByMouse: boolean = false;\n\n /* Whether autoplay is currently disabled by focus /\n @State() autoplayDisabledByFocus: boolean = false;\n\n /* Whether autoplay is currently disabled by scroll /\n @State() autoplayDisabledByScroll: boolean = false;\n\n /* Whether autoplay is currently disabled by drag /\n @State() autoplayDisabledByDrag: boolean = false;\n\n /* Whether user is currently dragging with mouse /\n @State() dragging: boolean = false;\n\n /* Whether user is currently scrolling /\n @State() scrolling: boolean = false;\n\n /* Aria live text /\n @State() ariaLive: string = \"\";\n\n /* Currently shown slides /\n @State() currentSlides: number = 1;\n\n /* How many slides should be moved currently /\n @State() currentSwipeSlides: number = 1;\n\n /* Slide elements /\n @State() slideElements: HTMLElement[] = [];\n\n /* Previous elements /\n @State() previousElements: HTMLElement[] = [];\n\n /* Next elements /\n @State() nextElements: HTMLElement[] = [];\n\n /* Navigation text elements /\n @State() navigationTextElements: HTMLElement[] = [];\n\n private scrollElement: HTMLElement;\n\n /* Unique generated id /\n private carouselId: string;\n\n /* Current scroll position /\n private slideScrollLeft: number = 0;\n\n /* Flag whether scrolling was done by user or not /\n private scrolledByAutoplay: boolean = false;\n\n /* Timeout ID used to catch the end of scroll events /\n private scrollTimeoutId: number = null;\n\n /* Interval ID for autoplay /\n private autoplayIntervalId: number;\n\n /* Last drag event position /\n private lastX: number = null;\n\n /* Where the dragging started /\n private startX: number = null;\n\n /* Where the dragging started scroll position /\n private startScrollLeft: number = null;\n\n /* Timeout ID for a smooth drag release /\n private disableTimeoutId: number = null;\n\n /* Calculated size of a single item /\n private itemSize: number;\n\n /* Resize observer used to update item size /\n private resizeObserver: ResizeObserver;\n\n /* Mutation observer used to keep track of slides /\n private mutationObserver: MutationObserver;\n\n /* Whether user has just stopped dragging /\n private stoppedDragging: boolean = false;\n\n private scrollToSlide(index, behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n if (this.disabled) {\n return;\n }\n\n this.scrollElement.scrollTo({\n left: index this.itemSize,\n behavior: reducedMotionMedia.matches ? \"auto\" : behaviour,\n });\n }\n\n /** Width of a slide /\n private sizingMethod() {\n const css = window.getComputedStyle(this.scrollElement);\n\n return (\n ((this.scrollElement.firstElementChild as HTMLElement) \|\| this.scrollElement).offsetWidth +\n parseInt(css.getPropertyValue(\"column-gap\"), 10)\n );\n }\n\n /\n Calculates the active slide.\n * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.\n /\n private calculateSlide() {\n // Math.round: Dispatch 'stzhSlidePassed' events around the center of each slide\n // Math.ceil: Dispatch 'stzhSlidePassed' events as soon as the next one is visible\n // Math.floor: Dispatch 'stzhSlidePassed' events only when the next one is fully visible\n return Math.round(this.scrollElement.scrollLeft / this.itemSize);\n }\n\n private scrollToPreviousSnapPoint(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n if (this.disabled) {\n return;\n }\n\n let previousIndex = this.slide;\n let canSnap = false;\n\n while (!canSnap && previousIndex > 0) {\n previousIndex = previousIndex - 1;\n canSnap = (previousIndex - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n }\n\n this.slideTo(previousIndex, behaviour);\n }\n\n private scrollToNextSnapPoint(behaviour: \"auto\" \| \"smooth\" = \"smooth\") {\n if (this.disabled) {\n return;\n }\n\n this.slideTo(this.slide + this.currentSwipeSlides, behaviour);\n }\n\n private update() {\n this.slide = this.calculateSlide();\n this.slideScrollLeft = this.slide this.itemSize;\n\n this.onMutation();\n }\n\n private hasReachedLastSlide() {\n const { scrollLeft, offsetWidth, scrollWidth } = this.scrollElement;\n return Math.ceil(scrollLeft + offsetWidth) >= scrollWidth;\n }\n\n private onReducedMotionMediaChange = () => {\n this.autoplayDisabledByMotionMedia = reducedMotionMedia.matches;\n };\n\n private onMouseenter = () => {\n if (!this.preventAutoplayPause) {\n this.autoplayDisabledByMouse = true;\n }\n };\n\n private onMouseleave = () => {\n this.autoplayDisabledByMouse = false;\n };\n\n private onFocusin = () => {\n if (!this.preventAutoplayPause) {\n this.autoplayDisabledByFocus = true;\n }\n };\n\n private onFocusout = () => {\n this.autoplayDisabledByFocus = false;\n };\n\n private onPreviousClick = () => {\n this.scrollToPreviousSnapPoint();\n };\n\n private onNextClick = () => {\n this.scrollToNextSnapPoint();\n };\n\n private onSlideResize = () => {\n if (this.scrollElement) {\n this.itemSize = this.sizingMethod();\n }\n };\n\n private onMutation = () => {\n if (!this.scrollElement) {\n return;\n }\n\n this.slideElements = Array.from(this.scrollElement.children) as HTMLElement[];\n\n this.slideElements.forEach((slide, index) => {\n slide.setAttribute(\"role\", \"group\");\n slide.setAttribute(\"aria-roledescription\", \"slide\");\n slide.setAttribute(\n \"aria-label\",\n this.localization.slideLabel\n .replace(/\\{current\\}/gi, (index + 1).toString())\n .replace(/\\{total\\}/gi, this.slideElements.length.toString()),\n );\n });\n\n this.previousElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-previous]\"));\n this.nextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-next]\"));\n this.navigationTextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-navigation-text]\"));\n };\n\n private onScroll = () => {\n if (this.scrollTimeoutId === null) {\n const direction = this.scrollElement.scrollLeft > this.slideScrollLeft ? 1 : -1;\n\n this.scrolling = true;\n\n if (!this.scrolledByAutoplay) {\n if (this.preventAutoplayStop) {\n this.autoplayDisabledByScroll = true;\n } else {\n this.autoplay = false;\n }\n }\n\n this.stzhSlideStart.emit({\n component: \"stzh-carousel\",\n index: this.slide + direction,\n });\n }\n\n if (this.slide !== this.calculateSlide()) {\n this.update();\n this.stzhSlidePassed.emit({\n component: \"stzh-carousel\",\n index: this.slide,\n });\n }\n\n this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n this.scrollTimeoutId = window.setTimeout(this.onScrollEnd, this.scrollTimeout);\n };\n\n private onScrollEnd = () => {\n this.scrollTimeoutId = null;\n this.update();\n\n this.scrolling = false;\n this.scrolledByAutoplay = false;\n this.autoplayDisabledByScroll = false;\n\n if (this.stoppedDragging) {\n this.stoppedDragging = false;\n this.scrollElement.style.removeProperty(\"scroll-behavior\");\n this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n }\n\n if (this.tabThrough \|\| this.variant === \"cards\") {\n this.ariaLive = \"\";\n } else {\n this.ariaLive = (this.currentSlides > 1 ? this.localization.slidesLabel : this.localization.slideLabel)\n .replace(/\\{(current\|from)\\}/gi, (this.slide + 1).toString())\n .replace(/\\{to\\}/gi, (this.slide + this.currentSlides).toString())\n .replace(/\\{total\\}/gi, this.slideElements.length.toString());\n }\n\n this.stzhSlideEnd.emit({\n component: \"stzh-carousel\",\n index: this.slide,\n });\n };\n\n private onMediaChange = () => {\n const ultra = media(\"ultra\").matches;\n const large = media(\"large\").matches;\n const medium = media(\"medium\").matches;\n const small = media(\"small\").matches;\n\n if (ultra && this.slidesUltra !== 0) {\n this.currentSlides = this.slidesUltra;\n } else if (large && this.slidesLarge !== 0) {\n this.currentSlides = this.slidesLarge;\n } else if (medium && this.slidesMedium !== 0) {\n this.currentSlides = this.slidesMedium;\n } else if (small && this.slidesSmall !== 0) {\n this.currentSlides = this.slidesSmall;\n } else {\n this.currentSlides = this.slides;\n }\n\n // if (ultra && this.swipeSlidesUltra !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesUltra;\n // } else if (large && this.swipeSlidesLarge !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesLarge;\n // } else if (medium && this.swipeSlidesMedium !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesMedium;\n // } else if (small && this.swipeSlidesSmall !== 0) {\n // this.currentSwipeSlides = this.swipeSlidesSmall;\n // } else {\n // this.currentSwipeSlides = this.swipeSlides;\n // }\n\n this.currentSwipeSlides = this.currentSlides;\n };\n\n /** Scroll the slider the appropriate amount of pixels and update the last event position /\n private mouseMove = (event: MouseEvent) => {\n const distance = this.lastX - event.clientX;\n this.lastX = event.clientX;\n\n this.scrollElement.scrollLeft += distance;\n };\n\n /* Clear disable timeout, set up variables and styles and attach the listener. /\n private startDragging = (event: MouseEvent) => {\n event.preventDefault();\n\n this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n this.disableTimeoutId = null;\n\n this.startX = this.lastX = event.clientX;\n this.startScrollLeft = this.scrollElement.scrollLeft;\n this.scrollElement.style.setProperty(\"scroll-behavior\", \"auto\");\n this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n\n this.dragging = true;\n\n if (this.preventAutoplayStop) {\n this.autoplayDisabledByDrag = true;\n } else {\n this.autoplay = false;\n }\n\n window.addEventListener(\"mousemove\", this.mouseMove);\n window.addEventListener(\"mouseup\", this.stopDragging, { capture: true });\n window.addEventListener(\"click\", this.checkClick, { capture: true });\n };\n\n /* User stopped dragging /\n private stopDragging = (event: MouseEvent) => {\n event.preventDefault();\n\n const distance = Math.abs(this.startX - this.lastX);\n const minimumReached = distance > this.distanceQuickSwipe;\n const direction = this.lastX > this.startX ? 1 : -1;\n\n this.dragging = false;\n this.autoplayDisabledByDrag = false;\n\n const endDraddingLeft = this.scrollElement.scrollLeft;\n\n this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n const finalLeft = this.scrollElement.scrollLeft;\n\n this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n this.scrollElement.scrollTo({ left: endDraddingLeft, behavior: \"auto\" });\n\n if (finalLeft !== this.startScrollLeft \|\| !minimumReached) {\n this.scrollElement.scrollTo({ left: finalLeft, behavior: reducedMotionMedia.matches ? \"auto\" : \"smooth\" });\n } else if (direction === 1) {\n this.slideToPrevious();\n } else {\n this.slideToNext();\n }\n\n window.removeEventListener(\"mousemove\", this.mouseMove);\n window.removeEventListener(\"mouseup\", this.stopDragging, { capture: true });\n\n this.stoppedDragging = true;\n };\n\n private checkClick = (event: MouseEvent) => {\n const distance = Math.abs(this.startX - this.lastX);\n const minimumReached = distance > this.distancePreventClick;\n\n if (minimumReached) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n this.lastX = null;\n\n window.removeEventListener(\"click\", this.checkClick, { capture: true });\n };\n\n private autoplayInterval = () => {\n this.scrolledByAutoplay = true;\n\n if (this.hasReachedLastSlide()) {\n this.slideTo(0);\n } else {\n this.slideToNext();\n }\n };\n\n async componentWillLoad() {\n this.carouselId = `stzh-carousel-${carouselCounter++}`;\n this.onMediaChange();\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"carousel\");\n }\n }\n\n componentDidLoad() {\n this.itemSize = this.sizingMethod();\n this.update();\n\n this.disabledWatcher();\n this.preventMouseDragWatcher();\n this.autoplayRunningWatcher();\n }\n\n connectedCallback() {\n addMediaChangeListener(this.onMediaChange);\n\n this.resizeObserver = new ResizeObserver(this.onSlideResize);\n this.resizeObserver.observe(this.element);\n\n this.mutationObserver = new MutationObserver(this.onMutation);\n this.mutationObserver.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n this.scrollTimeoutId = null;\n\n removeMediaChangeListener(this.onMediaChange);\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-carousel\": true,\n \"stzh-carousel--is-disabled\": this.disabled,\n \"stzh-carousel--is-draggable\": !this.preventMouseDrag,\n \"stzh-carousel--is-non-interactive\": this.nonInteractive,\n \"stzh-carousel--is-dragging\": this.dragging,\n \"stzh-carousel--is-scrolling\": this.scrolling,\n \"stzh-carousel--has-autoplay\": this.autoplay,\n \"stzh-carousel--is-autoplay-running\": this.autoplayRunning,\n };\n\n return (\n <Host\n aria-roledescription=\"carousel\"\n style={{\n \"--slides\": this.currentSlides.toString(),\n }}\n >\n <div class={classes}>\n <slot name=\"actions\"></slot>\n <div\n class=\"stzh-carousel__vhidden\"\n aria-live={this.autoplayDisabledByFocus \|\| this.autoplayDisabledByMouse ? \"polite\" : \"off\"}\n >\n {this.ariaLive}\n </div>\n <div\n ref={el => (this.scrollElement = el as HTMLDivElement)}\n id={`${this.carouselId}-scroll`}\n class=\"stzh-carousel__scroll\"\n >\n <slot></slot>\n </div>\n {this.withTrack && (\n <div class=\"stzh-carousel__indicator\">\n <div\n class=\"stzh-carousel__indicator-track\"\n style={{\n left: `${(100 / (this.slideElements?.length \|\| 1)) this.slide}%`,\n width: `${(100 / (this.slideElements?.length \|\| 1)) * this.currentSlides \|\| 0}%`,\n }}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Bck1KAhE.js → p-LhoO9tiC.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CF5HtLyZ.js';
 import { a as api } from './p-Cpg2gH_9.js';
-import { d as defineCustomElement$4 } from './p-DpeJpDc8.js';
-import { d as defineCustomElement$3 } from './p-CiEcvFWc.js';
-import { d as defineCustomElement$2 } from './p-SbO4yTDL.js';
-import { d as defineCustomElement$1 } from './p-DcitYu_B.js';
+import { d as defineCustomElement$4 } from './p-B4O0PovX.js';
+import { d as defineCustomElement$3 } from './p-0aLZPbnw.js';
+import { d as defineCustomElement$2 } from './p-B0YyK73m.js';
+import { d as defineCustomElement$1 } from './p-D-7eTxCg.js';
 const stzhToastbarCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}:host{z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}`;
@@ -204,6 +204,6 @@ function defineCustomElement() {
 }
 export { StzhToastbar as S, defineCustomElement as d };
-//# sourceMappingURL=p-Bck1KAhE.js.map
+//# sourceMappingURL=p-LhoO9tiC.js.map
-//# sourceMappingURL=p-Bck1KAhE.js.map
+//# sourceMappingURL=p-LhoO9tiC.js.map

package/dist/components/{p-Bck1KAhE.js.map → p-LhoO9tiC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Bck1KAhE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","Cookie"],"sources":["src/components/stzh-toastbar/stzh-toastbar.scss?tag=stzh-toastbar&encapsulation=shadow","src/components/stzh-toastbar/stzh-toastbar.tsx"],"sourcesContent":[":host {\n @include spaceCurve(\"bottom\", \"regular\");\n z-index: $zIndexOverlay;\n position: fixed;\n pointer-events: none;\n left: $containerMargin;\n right: $containerMargin;\n bottom: calc(\n var(--stzh-pagetitle-disturber-stuck-height, 0px) +\n var(--stzh-sticky-cta-stuck-bottom-height, 0px)\n );\n\n @include mq($from: small) {\n left: $containerMarginSmall;\n right: auto;\n max-width: 429px;\n }\n\n @include mq($from: medium) {\n left: $containerMarginMedium;\n max-width: 440px;\n }\n\n @include mq($from: large) {\n left: $containerMarginLarge;\n max-width: 485px;\n }\n\n @include mq($from: ultra) {\n left: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2\n );\n max-width: 554px;\n }\n\n ::slotted(:not([hidden]):not([slot])) {\n margin-bottom: space(\"small\");\n }\n}\n\n.stzh-toastbar {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n @include mq($from: small) {\n align-items: flex-start;\n }\n}\n","import { Component, Host, h, Element, Prop, Method, Watch } from \"@stencil/core\";\n\nimport { StzhToastbarInitialToast, StzhToastType } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSED = \"stzh-components-toastbar-closed\";\n\n/\n @slot - Slot for stzh-toast elements\n /\n@Component({\n tag: \"stzh-toastbar\",\n styleUrl: \"stzh-toastbar.scss\",\n shadow: true,\n})\nexport class StzhToastbar {\n /\n Time after toasts are hidden (in seconds).\n * Toasts with type `error` will stay, until the user closes them manually.\n /\n @Prop() hideAfter: number = 30;\n\n /\n Maximum of toasts allowed to be shown.\n * If more are created, oldest will be hidden, even if timeout not ended yet or toast type is `error`.\n /\n @Prop() max: number = 5;\n\n /\n Initial toasts.\n \n Array of objects that at least includes `label` and optionally `type`, `link` (object with `href` and `label`) `cookie` and `cookieExpires`:\n * `[{\"label\": \"Lorem ipsum\", \"link\": { \"label\": \"More info\", \"href\": \"https://example.com\" }, \"cookie\": \"cookie-banner\", \"cookieExpires\": 365 }]`\n \n If `cookie` exists in an object, it will check for that cookie name first (prefixed with `stzh-components-toastbar-closed-`) and only show if cookie doesn't exist.\n * `cookieExpires` sets the cookie lifetime (default 365 days, set 0 for session cookie).\n /\n @Prop() initialToasts: StzhToastbarInitialToast[] \| string = [];\n private _initialToasts: StzhToastbarInitialToast[] = [];\n\n @Element() element: HTMLStzhToastbarElement;\n\n /* Create new toast. /\n @Method()\n async toast(\n label: string,\n { type, link }: { type?: StzhToastType; link?: HTMLStzhButtonElement } = { type: \"info\" },\n ): Promise<HTMLStzhToastElement> {\n const toast = document.createElement(\"stzh-toast\");\n toast.hidden = true;\n toast.label = label;\n toast.role = \"alert\";\n toast.type = type \|\| \"info\";\n toast.initialOpenAnimation = true;\n\n if (link) {\n link.slot = \"link\";\n link.size = \"small\";\n toast.appendChild(link);\n }\n\n this.element.appendChild(toast);\n\n return toast;\n }\n\n @Watch(\"initialToasts\")\n initialToastsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._initialToasts = JSON.parse(newValue);\n } else {\n this._initialToasts = newValue;\n }\n }\n\n private toastAppended(toast: HTMLStzhToastElement) {\n if (toast.getAttribute(\"data-stzh-toastbar-managed\")) {\n return;\n }\n\n toast.setAttribute(\"data-stzh-toastbar-managed\", \"\");\n\n toast.addEventListener(\"stzhClosed\", () => {\n toast.remove();\n });\n\n if (toast.type !== \"error\") {\n let timeoutStarted = new Date().getTime();\n let restTime = this.hideAfter 1000;\n let currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n\n toast.addEventListener(\"pointerenter\", () => {\n if (currentTimeout) {\n window.clearTimeout(currentTimeout);\n const timePassed = new Date().getTime() - timeoutStarted;\n restTime = restTime - timePassed;\n }\n });\n\n toast.addEventListener(\"pointerleave\", () => {\n timeoutStarted = new Date().getTime();\n currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n });\n }\n }\n\n private toastsAppended() {\n const host = (this.element.getRootNode() as ShadowRoot)?.host \|\| this.element;\n Array.from(host.children).forEach((toast: HTMLStzhToastElement) => {\n this.toastAppended(toast);\n });\n }\n\n private hideOverflowingItems() {\n const host = (this.element.getRootNode() as ShadowRoot)?.host \|\| this.element;\n const childCount = host.children.length;\n\n Array.from(host.children)\n .splice(0, childCount - this.max)\n .forEach((toast: HTMLStzhToastElement) => {\n toast.hide();\n });\n }\n\n private handleSlotchange = () => {\n this.toastsAppended();\n this.hideOverflowingItems();\n };\n\n componentWillLoad() {\n this.initialToastsWatcher(this.initialToasts);\n }\n\n componentDidLoad() {\n this._initialToasts.forEach(async data => {\n if (data.cookie) {\n const alreadyClosedBefore = Cookie.get(`${KEY_PREFIX_CLOSED}-${data.cookie}`);\n\n if (alreadyClosedBefore) {\n return;\n }\n }\n\n let link = data.link;\n\n if (!(link instanceof HTMLElement)) {\n const generatedLink = document.createElement(\"stzh-button\");\n generatedLink.slot = \"link\";\n generatedLink.size = \"small\";\n\n Object.assign(generatedLink, data.link);\n link = generatedLink;\n }\n\n const toast = await this.toast(data.label, {\n type: data.type,\n link: link as HTMLStzhButtonElement,\n });\n\n if (data.cookie) {\n let cookieExpires = 365;\n\n if (data.cookieExpires === 0) {\n cookieExpires = null;\n } else if (data.cookieExpires) {\n cookieExpires = data.cookieExpires;\n }\n\n toast.addEventListener(\"stzhClosed\", () => {\n Cookie.set(`${KEY_PREFIX_CLOSED}-${data.cookie}`, \"1\", {\n expires: cookieExpires,\n });\n });\n }\n });\n }\n\n render() {\n const classes = {\n \"stzh-toastbar\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot onSlotchange={this.handleSlotchange}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-LhoO9tiC.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,q9DAAq9D,CAAC;;ACMr/D,MAAM,iBAAiB,GAAG,iCAAiC;MAU9C,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;AAGG;AACK,QAAA,IAAS,CAAA,SAAA,GAAW,EAAE;AAE9B;;;AAGG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,CAAC;AAEvB;;;;;;;;AAQG;AACK,QAAA,IAAa,CAAA,aAAA,GAAwC,EAAE;AACvD,QAAA,IAAc,CAAA,cAAA,GAA+B,EAAE;AA0F/C,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,oBAAoB,EAAE;AAC7B,SAAC;AA+DF;;AAtJC,IAAA,MAAM,KAAK,CACT,KAAa,EACb,EAAE,IAAI,EAAE,IAAI,EAA6D,GAAA,EAAE,IAAI,EAAE,MAAM,EAAE,EAAA;QAEzF,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;AAClD,QAAA,KAAK,CAAC,MAAM,GAAG,IAAI;AACnB,QAAA,KAAK,CAAC,KAAK,GAAG,KAAK;AACnB,QAAA,KAAK,CAAC,IAAI,GAAG,OAAO;AACpB,QAAA,KAAK,CAAC,IAAI,GAAG,IAAI,IAAI,MAAM;AAC3B,QAAA,KAAK,CAAC,oBAAoB,GAAG,IAAI;QAEjC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,IAAI,GAAG,MAAM;AAClB,YAAA,IAAI,CAAC,IAAI,GAAG,OAAO;AACnB,YAAA,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC;;AAGzB,QAAA,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;AAE/B,QAAA,OAAO,KAAK;;AAId,IAAA,oBAAoB,CAAC,QAAwB,EAAA;AAC3C,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;;aACrC;AACL,YAAA,IAAI,CAAC,cAAc,GAAG,QAAQ;;;AAI1B,IAAA,aAAa,CAAC,KAA2B,EAAA;AAC/C,QAAA,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC,EAAE;YACpD;;AAGF,QAAA,KAAK,CAAC,YAAY,CAAC,4BAA4B,EAAE,EAAE,CAAC;AAEpD,QAAA,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;YACxC,KAAK,CAAC,MAAM,EAAE;AAChB,SAAC,CAAC;AAEF,QAAA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,IAAI,cAAc,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;AACzC,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI;AACpC,YAAA,IAAI,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;gBAC1C,KAAK,CAAC,IAAI,EAAE;aACb,EAAE,QAAQ,CAAC;AAEZ,YAAA,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,MAAK;gBAC1C,IAAI,cAAc,EAAE;AAClB,oBAAA,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC;oBACnC,MAAM,UAAU,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,cAAc;AACxD,oBAAA,QAAQ,GAAG,QAAQ,GAAG,UAAU;;AAEpC,aAAC,CAAC;AAEF,YAAA,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,MAAK;AAC1C,gBAAA,cAAc,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;AACrC,gBAAA,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;oBACtC,KAAK,CAAC,IAAI,EAAE;iBACb,EAAE,QAAQ,CAAC;AACd,aAAC,CAAC;;;IAIE,cAAc,GAAA;;AACpB,QAAA,MAAM,IAAI,GAAG,CAAA,CAAC,EAAA,GAAA,IAAI,CAAC,OAAO,CAAC,WAAW,EAAiB,0CAAE,IAAI,KAAI,IAAI,CAAC,OAAO;AAC7E,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAA2B,KAAI;AAChE,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AAC3B,SAAC,CAAC;;IAGI,oBAAoB,GAAA;;AAC1B,QAAA,MAAM,IAAI,GAAG,CAAA,CAAC,EAAA,GAAA,IAAI,CAAC,OAAO,CAAC,WAAW,EAAiB,0CAAE,IAAI,KAAI,IAAI,CAAC,OAAO;AAC7E,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;AAEvC,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG;AAC/B,aAAA,OAAO,CAAC,CAAC,KAA2B,KAAI;YACvC,KAAK,CAAC,IAAI,EAAE;AACd,SAAC,CAAC;;IAQN,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC;;IAG/C,gBAAgB,GAAA;QACd,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAM,IAAI,KAAG;AACvC,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,MAAM,mBAAmB,GAAGC,GAAM,CAAC,GAAG,CAAC,CAAA,EAAG,iBAAiB,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,CAAA,CAAE,CAAC;gBAE7E,IAAI,mBAAmB,EAAE;oBACvB;;;AAIJ,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;AAEpB,YAAA,IAAI,EAAE,IAAI,YAAYD,CAAW,CAAC,EAAE;gBAClC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC;AAC3D,gBAAA,aAAa,CAAC,IAAI,GAAG,MAAM;AAC3B,gBAAA,aAAa,CAAC,IAAI,GAAG,OAAO;gBAE5B,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC;gBACvC,IAAI,GAAG,aAAa;;YAGtB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;gBACzC,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,IAAI,EAAE,IAA6B;AACpC,aAAA,CAAC;AAEF,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,aAAa,GAAG,GAAG;AAEvB,gBAAA,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC,EAAE;oBAC5B,aAAa,GAAG,IAAI;;AACf,qBAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AAC7B,oBAAA,aAAa,GAAG,IAAI,CAAC,aAAa;;AAGpC,gBAAA,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;AACxC,oBAAAC,GAAM,CAAC,GAAG,CAAC,CAAA,EAAG,iBAAiB,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,CAAA,CAAE,EAAE,GAAG,EAAE;AACrD,wBAAA,OAAO,EAAE,aAAa;AACvB,qBAAA,CAAC;AACJ,iBAAC,CAAC;;AAEN,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,eAAe,EAAE,IAAI;SACtB;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAS,CAAA,CAC9C,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","Cookie"],"sources":["src/components/stzh-toastbar/stzh-toastbar.scss?tag=stzh-toastbar&encapsulation=shadow","src/components/stzh-toastbar/stzh-toastbar.tsx"],"sourcesContent":[":host {\n @include spaceCurve(\"bottom\", \"regular\");\n z-index: $zIndexOverlay;\n position: fixed;\n pointer-events: none;\n left: $containerMargin;\n right: $containerMargin;\n bottom: calc(\n var(--stzh-pagetitle-disturber-stuck-height, 0px) +\n var(--stzh-sticky-cta-stuck-bottom-height, 0px)\n );\n\n @include mq($from: small) {\n left: $containerMarginSmall;\n right: auto;\n max-width: 429px;\n }\n\n @include mq($from: medium) {\n left: $containerMarginMedium;\n max-width: 440px;\n }\n\n @include mq($from: large) {\n left: $containerMarginLarge;\n max-width: 485px;\n }\n\n @include mq($from: ultra) {\n left: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2\n );\n max-width: 554px;\n }\n\n ::slotted(:not([hidden]):not([slot])) {\n margin-bottom: space(\"small\");\n }\n}\n\n.stzh-toastbar {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n\n @include mq($from: small) {\n align-items: flex-start;\n }\n}\n","import { Component, Host, h, Element, Prop, Method, Watch } from \"@stencil/core\";\n\nimport { StzhToastbarInitialToast, StzhToastType } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSED = \"stzh-components-toastbar-closed\";\n\n/\n @slot - Slot for stzh-toast elements\n /\n@Component({\n tag: \"stzh-toastbar\",\n styleUrl: \"stzh-toastbar.scss\",\n shadow: true,\n})\nexport class StzhToastbar {\n /\n Time after toasts are hidden (in seconds).\n * Toasts with type `error` will stay, until the user closes them manually.\n /\n @Prop() hideAfter: number = 30;\n\n /\n Maximum of toasts allowed to be shown.\n * If more are created, oldest will be hidden, even if timeout not ended yet or toast type is `error`.\n /\n @Prop() max: number = 5;\n\n /\n Initial toasts.\n \n Array of objects that at least includes `label` and optionally `type`, `link` (object with `href` and `label`) `cookie` and `cookieExpires`:\n * `[{\"label\": \"Lorem ipsum\", \"link\": { \"label\": \"More info\", \"href\": \"https://example.com\" }, \"cookie\": \"cookie-banner\", \"cookieExpires\": 365 }]`\n \n If `cookie` exists in an object, it will check for that cookie name first (prefixed with `stzh-components-toastbar-closed-`) and only show if cookie doesn't exist.\n * `cookieExpires` sets the cookie lifetime (default 365 days, set 0 for session cookie).\n /\n @Prop() initialToasts: StzhToastbarInitialToast[] \| string = [];\n private _initialToasts: StzhToastbarInitialToast[] = [];\n\n @Element() element: HTMLStzhToastbarElement;\n\n /* Create new toast. /\n @Method()\n async toast(\n label: string,\n { type, link }: { type?: StzhToastType; link?: HTMLStzhButtonElement } = { type: \"info\" },\n ): Promise<HTMLStzhToastElement> {\n const toast = document.createElement(\"stzh-toast\");\n toast.hidden = true;\n toast.label = label;\n toast.role = \"alert\";\n toast.type = type \|\| \"info\";\n toast.initialOpenAnimation = true;\n\n if (link) {\n link.slot = \"link\";\n link.size = \"small\";\n toast.appendChild(link);\n }\n\n this.element.appendChild(toast);\n\n return toast;\n }\n\n @Watch(\"initialToasts\")\n initialToastsWatcher(newValue: any[] \| string) {\n if (typeof newValue === \"string\") {\n this._initialToasts = JSON.parse(newValue);\n } else {\n this._initialToasts = newValue;\n }\n }\n\n private toastAppended(toast: HTMLStzhToastElement) {\n if (toast.getAttribute(\"data-stzh-toastbar-managed\")) {\n return;\n }\n\n toast.setAttribute(\"data-stzh-toastbar-managed\", \"\");\n\n toast.addEventListener(\"stzhClosed\", () => {\n toast.remove();\n });\n\n if (toast.type !== \"error\") {\n let timeoutStarted = new Date().getTime();\n let restTime = this.hideAfter 1000;\n let currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n\n toast.addEventListener(\"pointerenter\", () => {\n if (currentTimeout) {\n window.clearTimeout(currentTimeout);\n const timePassed = new Date().getTime() - timeoutStarted;\n restTime = restTime - timePassed;\n }\n });\n\n toast.addEventListener(\"pointerleave\", () => {\n timeoutStarted = new Date().getTime();\n currentTimeout = window.setTimeout(() => {\n toast.hide();\n }, restTime);\n });\n }\n }\n\n private toastsAppended() {\n const host = (this.element.getRootNode() as ShadowRoot)?.host \|\| this.element;\n Array.from(host.children).forEach((toast: HTMLStzhToastElement) => {\n this.toastAppended(toast);\n });\n }\n\n private hideOverflowingItems() {\n const host = (this.element.getRootNode() as ShadowRoot)?.host \|\| this.element;\n const childCount = host.children.length;\n\n Array.from(host.children)\n .splice(0, childCount - this.max)\n .forEach((toast: HTMLStzhToastElement) => {\n toast.hide();\n });\n }\n\n private handleSlotchange = () => {\n this.toastsAppended();\n this.hideOverflowingItems();\n };\n\n componentWillLoad() {\n this.initialToastsWatcher(this.initialToasts);\n }\n\n componentDidLoad() {\n this._initialToasts.forEach(async data => {\n if (data.cookie) {\n const alreadyClosedBefore = Cookie.get(`${KEY_PREFIX_CLOSED}-${data.cookie}`);\n\n if (alreadyClosedBefore) {\n return;\n }\n }\n\n let link = data.link;\n\n if (!(link instanceof HTMLElement)) {\n const generatedLink = document.createElement(\"stzh-button\");\n generatedLink.slot = \"link\";\n generatedLink.size = \"small\";\n\n Object.assign(generatedLink, data.link);\n link = generatedLink;\n }\n\n const toast = await this.toast(data.label, {\n type: data.type,\n link: link as HTMLStzhButtonElement,\n });\n\n if (data.cookie) {\n let cookieExpires = 365;\n\n if (data.cookieExpires === 0) {\n cookieExpires = null;\n } else if (data.cookieExpires) {\n cookieExpires = data.cookieExpires;\n }\n\n toast.addEventListener(\"stzhClosed\", () => {\n Cookie.set(`${KEY_PREFIX_CLOSED}-${data.cookie}`, \"1\", {\n expires: cookieExpires,\n });\n });\n }\n });\n }\n\n render() {\n const classes = {\n \"stzh-toastbar\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot onSlotchange={this.handleSlotchange}></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-K2FhSkA6.js → p-OCVGQFNq.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-CF5HtLyZ.js';
 import { c as computePosition, a as autoUpdate, A as Arrow, o as offset, f as flip, s as shift, b as arrow } from './p-DzjuI2eY.js';
 import { c as createFocusTrap } from './p-CBUfcdIy.js';
 import { i as isStzhElement } from './p-CN5apKPb.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo } from './p-BOO84wnP.js';
-import { d as defineCustomElement$2 } from './p-SbO4yTDL.js';
-import { d as defineCustomElement$1 } from './p-DT-jsCLe.js';
+import { d as defineCustomElement$2 } from './p-B0YyK73m.js';
+import { d as defineCustomElement$1 } from './p-DaW4boW2.js';
 const stzhTooltipCss = () => `.sc-stzh-tooltip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-tooltip-h,[stzh-hidden].sc-stzh-tooltip-h{display:none}.sc-stzh-tooltip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tooltip-h *.sc-stzh-tooltip,.sc-stzh-tooltip-h *.sc-stzh-tooltip::before,.sc-stzh-tooltip-h *.sc-stzh-tooltip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-tooltip-h .has-focus.sc-stzh-tooltip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip{outline-style:none !important}.sc-stzh-tooltip-h .stzh-fylingfocus-focused.sc-stzh-tooltip::-moz-focus-inner{border:0 !important}.sc-stzh-tooltip-h{display:contents;--color:var(--stzh-tooltip-color, var(--stzh-color-white));--background-color:var(--stzh-tooltip-background-color, var(--stzh-color-coolgrey60));--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-tooltip-padding);--border-radius:var(--stzh-tooltip-border-radius);--link-color:var(--stzh-tooltip-link-color, var(--stzh-color-white));--hover-link-color:var(--stzh-tooltip-hover-link-color, var(--stzh-color-white70op))}[size=small].sc-stzh-tooltip-h{--padding:var(--stzh-tooltip-small-padding)}[type=button].sc-stzh-tooltip-h{--color:var(--stzh-color-midnightblue70);--background-color:var(--stzh-color-coolgrey10);--link-color:var(--stzh-color-midnightblue70);--hover-link-color:var(--stzh-color-midnightblue80)}.stzh-tooltip__arrow.sc-stzh-tooltip{position:absolute;display:flex;color:var(--background-color)}.stzh-tooltip--placement-bottom.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-bottom-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{top:0;transform:translateY(-0.5rem)}.stzh-tooltip--placement-top.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-top-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-tooltip--placement-left.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-left-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-tooltip--placement-right.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-start.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip,.stzh-tooltip--placement-right-end.sc-stzh-tooltip .stzh-tooltip__arrow.sc-stzh-tooltip{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-tooltip.sc-stzh-tooltip{display:contents}.stzh-tooltip__trigger.sc-stzh-tooltip{display:contents}.stzh-tooltip__content.sc-stzh-tooltip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-tooltip__content.sc-stzh-tooltip{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-tooltip__content.sc-stzh-tooltip{position:absolute;z-index:var(--stzh-z-index-popover);border-radius:var(--border-radius);background-color:var(--background-color);color:var(--color);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);display:flex;flex-direction:row-reverse;--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}.stzh-tooltip__content-slot.sc-stzh-tooltip{padding:var(--padding)}.stzh-tooltip__close.sc-stzh-tooltip{cursor:pointer;appearance:none;font-family:inherit;border:none;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}.stzh-tooltip__icon.sc-stzh-tooltip{--size:var(--stzh-icon-size-small)}.stzh-tooltip__vhidden.sc-stzh-tooltip{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
@@ -407,6 +407,6 @@ function defineCustomElement() {
 }
 export { StzhTooltip as S, defineCustomElement as d };
-//# sourceMappingURL=p-K2FhSkA6.js.map
+//# sourceMappingURL=p-OCVGQFNq.js.map
-//# sourceMappingURL=p-K2FhSkA6.js.map
+//# sourceMappingURL=p-OCVGQFNq.js.map