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

@oiz/stzh-components 4.12.1 → 4.13.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 (1081) hide show

package/dist/collection/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-pi-teaser-layout-item.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIvF;;;;GAIG;AAMH,MAAM,OAAO,sBAAsB;IALnC;QAmBE,eAAe;QACP,aAAQ,GAAW,EAAE,CAAC;QAE9B,6CAA6C;QACrC,YAAO,GAAW,EAAE,CAAC;QAK7B,oBAAoB;QACZ,iBAAY,GAA0B,GAAG,CAAC;QAElD,4CAA4C;QACpC,SAAI,GAAW,EAAE,CAAC;QAE1B,WAAW;QACH,SAAI,GAAW,EAAE,CAAC;QAE1B,gCAAgC;QACxB,gBAAW,GAAkC,GAAG,CAAC;QAajD,oBAAe,GAAG,CAAC,aAAyB,EAAE,EAAE;YACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAClB,SAAS,EAAE,4BAA4B;gBACvC,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC,CAAC;KAsEH;IApEC,kBAAkB;QAChB,qBAAqB,CAAC,GAAG,EAAE;;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,KAAI,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAA,CAAC;YAExE,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAA,IAAI,CAAC,gBAAgB,0CAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC/D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC7C,OAAO,CACL,WAAK,KAAK,EAAC,2CAA2C;YACpD,EAAC,OAAO,IAAC,KAAK,EAAC,mCAAmC;gBAChD,EAAC,SAAS,IACR,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,EAA2C,CAAC,EAChF,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,eAAe;oBAE7B,WAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAoB,CAAC,IAAG,IAAI,CAAC,OAAO,CAAO,CAC5E,CACJ,CACN,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACnF,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;QACzD,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACpC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC;QAC9B,kGAAkG;QAClG,QAAQ;QAER,MAAM,OAAO,GAAG;YACd,4BAA4B,EAAE,IAAI;YAClC,sCAAsC,EAAE,OAAO;YAC/C,uCAAuC,EAAE,QAAQ;SAClD,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,iEAAW,OAAO,eAAa,QAAQ,oBAAkB,IAAI,CAAC,aAAa,kBAAgB,IAAI,CAAC,WAAW;YAC9G,gEAAS,KAAK,EAAE,OAAO,gBAAc,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU;gBAC/D,QAAQ,IAAI,CACX,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,4DAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAC,eAAe,GAAG,CAC3C,CACP;gBAED,4DAAK,KAAK,EAAC,qCAAqC;oBAC9C,4DAAK,KAAK,EAAE,kCAAkC;wBAC3C,IAAI,CAAC,QAAQ,IAAI,0DAAG,KAAK,EAAC,sCAAsC,IAAE,IAAI,CAAC,QAAQ,CAAK;wBACpF,IAAI,CAAC,aAAa,EAAE;wBACrB,4DAAK,KAAK,EAAC,0CAA0C;4BACnD,~~4DAAK~~,KAAK,EAAC,kCAAkC,IAAE,WAAW,~~CAAO~~,~~CAC7D~~;wBACL,IAAI,CAAC,IAAI,IAAI,~~4DAAK~~,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,IAAI,~~CAAO~~,~~CACzE~~,CACF,CACE,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserLayoutItemClickEvent } from \"../../../index\";\n\n/*\n @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n /\n@Component({\n tag: \"stzh-pi-teaser-layout-item\",\n styleUrl: \"stzh-pi-teaser-layout-item.scss\",\n scoped: true,\n})\nexport class StzhPiTeaserLayoutItem {\n /* Href of card /\n @Prop({ reflect: true }) href: string;\n\n /* target if the button is used as link (if href used) /\n @Prop() target: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n /\n @Prop() analyticsId: string;\n\n /* Dateline /\n @Prop() dateline: string = \"\";\n\n /* Heading (alternative for heading slot) /\n @Prop() heading: string = \"\";\n\n /* Image source link /\n @Prop() imageSrc: string \| null;\n\n /* Heading level /\n @Prop() headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /* Lead text (alternative for lead slot) /\n @Prop() lead: string = \"\";\n\n /* Date /\n @Prop() date: string = \"\";\n\n /Which size of teaser it is /\n @Prop() contentSize: \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" = \"M\";\n\n /*Whether image is on top or on the right/\n @Prop() imagePosition: \"top\" \| \"right\" \| null;\n\n @Element() element: HTMLStzhListElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhPiTeaserLayoutItemClickEvent>;\n\n private titleLinkElement: HTMLAnchorElement \| HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-pi-teaser-layout-item\",\n originalEvent,\n href: this.href,\n });\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId \|\| this.headingTextElement?.innerText;\n\n if (objectId) {\n this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n renderHeading(): DocumentFragment {\n const Heading = `h${this.headingLevel}`;\n const TitleLink = this.href ? \"a\" : \"button\";\n return (\n <div class=\"stzh-pi-teaser-layout-item__title-wrapper\">\n <Heading class=\"stzh-pi-teaser-layout-item__title\">\n <TitleLink\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement \| HTMLButtonElement)}\n class=\"stzh-pi-teaser-layout-item__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>{this.heading}</div>\n </TitleLink>\n </Heading>\n </div>\n );\n }\n\n render() {\n const hasLead = !!this.lead;\n console.log(\"imageSrc: \", this.imageSrc, \" & imagePosition: \", this.imagePosition);\n const hasImage = !!this.imageSrc && !!this.imagePosition;\n console.log(\"hasImage: \", hasImage);\n const displayLead = this.lead;\n // ? this.truncateLead(this.lead, this.contentSize == \"XL\" \|\| this.contentSize == \"L\" ? 260 : 160)\n // : \"\";\n\n const classes = {\n \"stzh-pi-teaser-layout-item\": true,\n \"stzh-pi-teaser-layout-item--has-lead\": hasLead,\n \"stzh-pi-teaser-layout-item--has-image\": hasImage,\n };\n\n return (\n <Host has-lead={hasLead} has-image={hasImage} image-position={this.imagePosition} content-size={this.contentSize}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n {hasImage && (\n <div class=\"stzh-pi-teaser-layout-item__image\">\n <img src={this.imageSrc} alt=\"Example image\" />\n </div>\n )}\n\n <div class=\"stzh-pi-teaser-layout-item__wrapper\">\n <div class={\"stzh-pi-teaser-layout-item__text\"}>\n {this.dateline && <p class=\"stzh-pi-teaser-layout-item__dateline\">{this.dateline}</p>}\n {this.renderHeading()}\n <div class=\"stzh-pi-teaser-layout-item__lead-wrapper\">\n <~~div~~ class=\"stzh-pi-teaser-layout-item__lead\">{displayLead}</~~div~~>\n </div>\n {this.date && <~~div~~ class=\"stzh-pi-teaser-layout-item__date\">{this.date}</~~div~~>}\n </div>\n </div>\n </article>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-pi-teaser-layout-item.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserLayoutItemClickEvent } from \"../../../index\";\n\n/*\n @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n /\n@Component({\n tag: \"stzh-pi-teaser-layout-item\",\n styleUrl: \"stzh-pi-teaser-layout-item.scss\",\n scoped: true,\n})\nexport class StzhPiTeaserLayoutItem {\n /* Href of card /\n @Prop({ reflect: true }) href: string;\n\n /* target if the button is used as link (if href used) /\n @Prop() target: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n /\n @Prop() analyticsId: string;\n\n /* Dateline /\n @Prop() dateline: string = \"\";\n\n /* Heading (alternative for heading slot) /\n @Prop() heading: string = \"\";\n\n /* Image source link /\n @Prop() imageSrc: string \| null;\n\n /* Heading level /\n @Prop() headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /* Lead text (alternative for lead slot) /\n @Prop() lead: string = \"\";\n\n /* Date /\n @Prop() date: string = \"\";\n\n /Which size of teaser it is /\n @Prop() contentSize: \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" = \"M\";\n\n /*Whether image is on top or on the right/\n @Prop() imagePosition: \"top\" \| \"right\" \| null;\n\n @Element() element: HTMLStzhListElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhPiTeaserLayoutItemClickEvent>;\n\n private titleLinkElement: HTMLAnchorElement \| HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-pi-teaser-layout-item\",\n originalEvent,\n href: this.href,\n });\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId \|\| this.headingTextElement?.innerText;\n\n if (objectId) {\n this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n renderHeading(): DocumentFragment {\n const Heading = `h${this.headingLevel}`;\n const TitleLink = this.href ? \"a\" : \"button\";\n return (\n <div class=\"stzh-pi-teaser-layout-item__title-wrapper\">\n <Heading class=\"stzh-pi-teaser-layout-item__title\">\n <TitleLink\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement \| HTMLButtonElement)}\n class=\"stzh-pi-teaser-layout-item__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>{this.heading}</div>\n </TitleLink>\n </Heading>\n </div>\n );\n }\n\n render() {\n const hasLead = !!this.lead;\n console.log(\"imageSrc: \", this.imageSrc, \" & imagePosition: \", this.imagePosition);\n const hasImage = !!this.imageSrc && !!this.imagePosition;\n console.log(\"hasImage: \", hasImage);\n const displayLead = this.lead;\n // ? this.truncateLead(this.lead, this.contentSize == \"XL\" \|\| this.contentSize == \"L\" ? 260 : 160)\n // : \"\";\n\n const classes = {\n \"stzh-pi-teaser-layout-item\": true,\n \"stzh-pi-teaser-layout-item--has-lead\": hasLead,\n \"stzh-pi-teaser-layout-item--has-image\": hasImage,\n };\n\n return (\n <Host has-lead={hasLead} has-image={hasImage} image-position={this.imagePosition} content-size={this.contentSize}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n {hasImage && (\n <div class=\"stzh-pi-teaser-layout-item__image\">\n <img src={this.imageSrc} alt=\"Example image\" />\n </div>\n )}\n\n <div class=\"stzh-pi-teaser-layout-item__wrapper\">\n <div class={\"stzh-pi-teaser-layout-item__text\"}>\n {this.dateline && <p class=\"stzh-pi-teaser-layout-item__dateline\">{this.dateline}</p>}\n {this.renderHeading()}\n <div class=\"stzh-pi-teaser-layout-item__lead-wrapper\">\n <p class=\"stzh-pi-teaser-layout-item__lead\">{displayLead}</p>\n </div>\n {this.date && <p class=\"stzh-pi-teaser-layout-item__date\">{this.date}</p>}\n </div>\n </div>\n </article>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/CMS/stzh-print/stzh-print.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class StzhPrint {
         const classes = {
             "stzh-print": true,
         };
-        return (h(Host, { key: 'd15e52f4b620b661b884b866a65945e7c391c169' }, h("div", { key: 'fb32dc9b393aa26145a18fae1b61ccf181476ad5', class: classes }, h("slot", { key: 'a30e0c1ff04fcea7dc1a1c63446803b3dfcf3c56' }))));
+        return (h(Host, { key: '49745ca226dd0f28cdeedf50caf5eb3e2097ce21' }, h("div", { key: 'dbbc88be4006c7d78dd1bffec802fbf7f0c96036', class: classes }, h("slot", { key: 'b99be8025121e53c255e571588a8e8ba5cb414d4' }))));
     }
     static get is() { return "stzh-print"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-search/stzh-search.js CHANGED Viewed

@@ -490,13 +490,13 @@ export class StzhSearch {
         const wrapperProps = typeof this.templateResultWrapperProps === "function"
             ? this.templateResultWrapperProps(this.element)
             : this.templateResultWrapperProps;
-        return (h(Host, { key: 'f711d5e20edae20f9719f684d82d92ea63af7991', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: '5fca4fe4f7ac97b673c940112d414e848056b7ae', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: '3b861de6e48a3f2d4f448244ec4f33a4f12c6f0b', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: '32c3199579357d8c15527cb8bb8a6d7e4dad8844', class: "stzh-search__header-heading", curve: "h2" }, formatHeadingForHyphenation(this.heading))), h("slot", { key: '9eabfc4c5784fc80822630fb86abbf4e52477e59', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'f4fc3712646fd08e18c9ecbf30b213b47fa90469', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: 'd41f7ef50f8cccde2befa28e06d9009bea0e61f6', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: this.chipFilterName, label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
+        return (h(Host, { key: '23732243a3db8f4ed4bde1858c2e47f87e892acf', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: 'c367d9c58dbf5773af5f04942fbd5e1219ead7ec', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'd5e6ba6a16acb6b4420afdad1086b6f5b1c2d6b6', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: 'dbfa7894dd8ab5fdd1d2137e3b5c7decb713912b', class: "stzh-search__header-heading", curve: "h2" }, formatHeadingForHyphenation(this.heading))), h("slot", { key: 'd81fca3fd1c1f5b452ace81e5df82e93a7d4c043', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'd026826d762ca4e0253dc916799f78d9f22da10c', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: 'c6081739495eeae73e9f59cc657cb6027acc315c', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: this.chipFilterName, label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
                 label: chipResult.label,
                 value: chipResult.value,
                 counter: `${chipResult.amount}`,
                 variant: "filter",
                 size: "large",
-            })) }))))), filtersAsideUsed && (h(Fragment, { key: '849e4551685d21c4136d8c95f75423db7a1ab8f7' }, h("div", { key: 'dd072f27ccbc7f356083dde1fc241227fb48976e', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: 'eb026a3d3d52410259a98921fd0ce98b02584563', class: "stzh-search__filters-aside-inner" }, h("div", { key: 'a6e293397969398f2f33382fc05fbdbadbc2fd8d', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: '7bed76f34202ccbea0d717fee1975e9fedae4297', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '08c1901aee18f4f556e08ec18c1a7c5874f3fd76', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '38b4304e9f6403254352214c92fd1bedb99f6d66', slot: "content" }, h("slot", { key: 'f7c7ffa2c0b150d8e48ef38295596edd22bb58b5', name: "filters-aside" }))))))), h("div", { key: '155f118d7198601d0c1a6267e709d20b561c64a2', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '4fc34fc49a332e68e5d814d6062f93bc71100377' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: '42dab7565aa69b6d40be7b7502c6515d1cd248e7', class: "stzh-search__error" }, h("stzh-message", { key: '8d1c09bf4c275ff9d7925d075ddd70dc083d93e8', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: 'f294bca37ce25e8b6a585729355ce95618430643', class: "stzh-search__loader" })), h("slot", { key: 'd0b31a873b36de919aa17fea40f4b75939c004e7' }))));
+            })) }))))), filtersAsideUsed && (h(Fragment, { key: '900ade7b4448228c9089da31d6037c63d3bd7804' }, h("div", { key: '4b98be07cb167697314be408e6def52b2bdcd65b', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: '751f622ad15e0771f53b686e26d0b8d8b33915cd', class: "stzh-search__filters-aside-inner" }, h("div", { key: '6548fcae1748fe1d2838437ef87c083254b6d75c', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'fbf8f016a163c99accae2e013a273553ed958caf', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '7b3fd7a5c19c07d828046434aeef0bf0b5964e4e', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '28b198629cc5049dbcd0612bd27a21471c1433c0', slot: "content" }, h("slot", { key: '110358388951211961c881ec14b46f7715811af6', name: "filters-aside" }))))))), h("div", { key: '69d02ff8d846892ba899ff6430821f4d03030a52', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '5e9517d66fa3b8c7fc3d52c209cfe009d558d765' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: 'd9715024bfe374397b73bf09ffc557f04b17cd19', class: "stzh-search__error" }, h("stzh-message", { key: '5a6316edaa28c0722504db950f20ba775166ba85', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: '3ed587034807936064a28bb0d29ff8d8675740bf', class: "stzh-search__loader" })), h("slot", { key: 'f8a8be5f8ca3cee0822e41d7f18f21635e5415af' }))));
     }
     static get is() { return "stzh-search"; }
     static get originalStyleUrls() {

package/dist/collection/components/CMS/stzh-sitemap/stzh-sitemap.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class StzhSitemap {
         const classes = {
             "stzh-sitemap": true,
         };
-        return (h(Host, { key: '3e054797dbc48fe90cc4ee929d76863af694c5df' }, h("div", { key: '42f4f573fa37b393d6c74d21e29ccb851dd8aa96', class: classes }, h("stzh-datalist", { key: '6873705554a2994bb408f14a4a3b720f76f09320', items: this.items }))));
+        return (h(Host, { key: 'ee1a67e61c9083b5a5104ab7e4ad73e2770f26d3' }, h("div", { key: '14d4b440fafad2cce73f513044c4283acee04dda', class: classes }, h("stzh-datalist", { key: '8293f9638793f24f8fccb467b68dc13304cc3393', items: this.items }))));
     }
     static get is() { return "stzh-sitemap"; }
     static get originalStyleUrls() {

package/dist/collection/components/CMS/stzh-socialmediastream/stzh-socialmediastream.js CHANGED Viewed

@@ -81,7 +81,7 @@ export class StzhSocialmediastream {
             "stzh-socialmediastream": true,
             "stzh-socialmediastream--has-heading": headingSlotUsed || !!this.heading,
         };
-        return (h(Host, { key: 'f569eff1f40fbd41f7cc192848deea3a80466f0d' }, h("div", { key: '169c0bcd190e16490a9fbdfafdc8e04ba5c54010', class: classes }, h("div", { key: 'ba73795d7b18c5d837a06942d085bf32d210ac21', class: "stzh-socialmediastream__heading" }, !!this.heading ? (h("stzh-heading", { level: this.headingLevel }, this.heading)) : (h("slot", { name: "heading" }))), h("div", { key: 'f8405317298a58d5ce776789e1180307683fe9c8', class: "stzh-socialmediastream__items" }, this._items &&
+        return (h(Host, { key: '576567016fa79333a61b8a1b9e6809de8ff1363c' }, h("div", { key: '7703cf289db4fdd8ae4f6a6b45e220841a9701c8', class: classes }, h("div", { key: 'e1c74750068fddf4f5c77a4a00039842b4272573', class: "stzh-socialmediastream__heading" }, !!this.heading ? (h("stzh-heading", { level: this.headingLevel }, this.heading)) : (h("slot", { name: "heading" }))), h("div", { key: '6f8d7c6775574e8962c8508fc0cc3a678a63745b', class: "stzh-socialmediastream__items" }, this._items &&
             this._items.length &&
             this._items.map(item => (h("stzh-socialmediastream-item", { class: "stzh-socialmediastream__item", item: item })))))));
     }

package/dist/collection/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.js CHANGED Viewed

@@ -71,7 +71,7 @@ export class StzhSocialmediastreamItem {
         const classes = {
             "stzh-socialmediastream-item": true,
         };
-        return (h(Host, { key: 'f1dd8d63fdacc9d7e141fe356d046684896b37ff' }, h("a", { key: 'ff096e1bfe7b5d759197f54feabc78018f2f7210', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (h("div", { key: '90a11f04ba2577fa391889f8fb33be267b054d2e', class: "stzh-socialmediastream-item__image" }, h("stzh-ratio", { key: '221576110838260359aefbac0dca1dbfe01f9246', ratio: "1:1" }), h("div", { key: 'b4c3e6b184cc6bc47edfae308bb8a670b080234e', class: "stzh-socialmediastream-item__image-inner-wrapper" }, h("img", { key: 'a1eda7ed374491e04e7efead1342bddda6a5f5b3', src: this._item.image, alt: this._item.account.title })))), h("div", { key: 'c0e7f73e73db0b2df626cd9601ab2b0a33a9c612', class: "stzh-socialmediastream-item__content" }, h("div", { key: 'c1016db8568f8cbf3f1d995c32eb636c2a201533', class: "stzh-socialmediastream-item__content-head" }, h("stzh-text", { key: 'fc6caf5ac27862c155259368f3943d6b21b17bbb', size: "nano", class: "stzh-socialmediastream-item__content-title" }, h("strong", { key: 'ba98a0cbf06f5aa0a8b24e18e8306784f33e33d5' }, this._item.account.title), h("br", { key: 'a8b917130f22ad1b967a6cf8b7fa80372478b49a' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), h("stzh-icon", { key: '81259a706dc1e02498162078e27b706d2a890623', name: this.getIconName(this._item) })), h("div", { key: '45e504b4110c000767a36b0acc30da75a40ddce7', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), h("div", { key: '66b247ac48af8ccef95c3890ecda85ba16aca2e1', class: "stzh-socialmediastream-item__content-footer 1q23" }, this._item.actions &&
+        return (h(Host, { key: 'e7d787f8148eef04218a926cb4b7189c6796c7e0' }, h("a", { key: '690ac288086406a9d11e8e4fd8332f589662e947', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (h("div", { key: '1b3cb143afd80a5afcfd48c62dbca71c7b672068', class: "stzh-socialmediastream-item__image" }, h("stzh-ratio", { key: 'f7fee72dcc99e92967c13a66375a4ff9959002f5', ratio: "1:1" }), h("div", { key: 'd6523d9aa6311cff4289b9c52f62f3ecd74db8fd', class: "stzh-socialmediastream-item__image-inner-wrapper" }, h("img", { key: 'a3ec7ea302e72e0aac5412c3d3a5db3abf12bded', src: this._item.image, alt: this._item.account.title })))), h("div", { key: '52fb7f7f0d44f9d548e377d1e681423704cb523c', class: "stzh-socialmediastream-item__content" }, h("div", { key: '2d56fe0cd1b16c900b87d5d7937dcbf0b593a418', class: "stzh-socialmediastream-item__content-head" }, h("stzh-text", { key: 'e07413c6dcef65909d9e4dcf1344f4ca1aa8f216', size: "nano", class: "stzh-socialmediastream-item__content-title" }, h("strong", { key: 'cf3f638e0c0fdb3e72b1c12c5c4095149fbedb04' }, this._item.account.title), h("br", { key: '7c18dd610ed932011dd97a44656c944488929f85' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), h("stzh-icon", { key: '92364d649bb26d43c79e631facdb848d2adf1f3f', name: this.getIconName(this._item) })), h("div", { key: 'e97e35e812e0032e329277fc15aeffc99c1b18e7', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), h("div", { key: '0835c5fd538064e1a82b40f7af5ef90816d09353', class: "stzh-socialmediastream-item__content-footer 1q23" }, this._item.actions &&
             this._item.actions.map(action => (h("a", { href: action.url, title: action.title, class: "stzh-socialmediastream-item__action", target: "_blank" }, h("stzh-icon", { name: this.getActionIconName(action.variant) }), action.count))))))));
     }
     static get is() { return "stzh-socialmediastream-item"; }

package/dist/collection/components/CMS/stzh-textandimage/stzh-textandimage.js CHANGED Viewed

@@ -72,7 +72,7 @@ export class StzhTextandimage {
             [`stzh-textandimage--size-${this.size}`]: !!this.size,
             [`stzh-textandimage--image-position-${this.imagePosition}`]: !!this.imagePosition,
         };
-        return (h(Host, { key: 'b6c8e17239d33faefe357d7be281f3ffc477baeb', single: isSingle, "image-position": this.imagePosition }, h("div", { key: '52052b64ed85ca578e9612e66cff097f42c61ec5', class: classes }, h("div", { key: '412926ba1ffb4017675c2d214f7ab17bf39224a8', class: "stzh-textandimage__left" }, h("slot", { key: 'fe7f2c8f949625b1df28daf3f003bb374995d4c2', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '7a3f2839207fea48286332715325b65d9a33c1aa', class: "stzh-textandimage__right" }, h("div", { key: 'f4b61cafc2ba70076583f9769ceb7462006f08ed', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: 'ad489b8f89170a5c20216753b8283f4e7f189577', name: "right", onSlotchange: () => forceUpdate(this.element) }))))));
+        return (h(Host, { key: 'c225c1c09b514833062bdf9ab67060955939ad43', single: isSingle, "image-position": this.imagePosition }, h("div", { key: 'e97f87d61c1121ce585834fde9a461686b0cdd67', class: classes }, h("div", { key: '4221e95658f23b54d49f3f3dbea14812bf42d93f', class: "stzh-textandimage__left" }, h("slot", { key: 'a2ba8d68b8e2c9431723612341f0271cfda34752', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '7c13b4cb3d3bdf2bcbf5a2ee99bb6acc514c8fa6', class: "stzh-textandimage__right" }, h("div", { key: 'ad7ce05dec8e4ab31e2bc29440f38a6982f1e095', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: 'ffd5041d4cd2706cf4e8cdde579cde8e1b5423a5', name: "right", onSlotchange: () => forceUpdate(this.element) }))))));
     }
     static get is() { return "stzh-textandimage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-twocolumns/stzh-twocolumns.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class StzhTwocolumns {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed,
         };
-        return (h(Host, { key: '0ca48c60ae81b0f55d1da4aebda016298cdae9ce' }, h("div", { key: 'ef86c4a543c9f47388ae01ca4c52425f358221a8', class: classes }, h("div", { key: '3f6da1ef3010941a73aee6641a5c803e8be71e22', class: "stzh-twocolumns__left" }, h("slot", { key: '600b238e7bbf16d1eebf2ef7a107a4dbf724bafb', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: 'b9ba91f41cc40cd66b257f1d4ced8c679f1976db', class: "stzh-twocolumns__right" }, h("slot", { key: '6234fda5f8caf144343f77da9a80bbef2987e56d', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
+        return (h(Host, { key: '14d43657c9511411dee757628d1f705fdee2c049' }, h("div", { key: 'b20c2864082e8bf26a94ceceb5eb8c69d467b840', class: classes }, h("div", { key: '13f863b4e309db7e411d09027bb1c31d0adbf5bb', class: "stzh-twocolumns__left" }, h("slot", { key: '1959a39f845dc0c66cbf84b0f93b1e993142b780', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '743b23351efb995d040467716ac9c7e243845b75', class: "stzh-twocolumns__right" }, h("slot", { key: '9a7b7d49343990d0cebb6ff9d00012106adf69e6', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
     }
     static get is() { return "stzh-twocolumns"; }
     static get encapsulation() { return "shadow"; }

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

@@ -85,7 +85,7 @@ export class StzhAccordion {
             "stzh-accordion": true,
             "stzh-accordion--is-nested": this.isNested,
         };
-        return (h(Host, { key: 'd1e656053bd2ce09606abf287448418f20247ff4' }, h("div", { key: 'e462c93cea3167270202a371f4cbaacec1cb5504', class: classes }, this.heading && (h("div", { key: '011ae0ace395b16cc93ad629ebae31ce2730f287', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '3068da3801492d588f2985403a312ae36fa6999c', level: "2" }, this.heading))), h("slot", { key: '893e246eb892198904add6b50ecaa76d54913c68' }))));
+        return (h(Host, { key: '2a3e9f9ca42b2a464ca4f084d0cfc6552b60ae88' }, h("div", { key: '2db041bb0e3ba0b43ebc95d9f3fc81b9c1869abe', class: classes }, this.heading && (h("div", { key: 'c5646ce363352f068e4b5e5c563325b4a6bb8691', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '92d25f3f0b1af2eade203d6fc2224cc61221cc66', level: "2" }, this.heading))), h("slot", { key: '8956ff101f45b7d574d7aaf5bd8be75d522796e9' }))));
     }
     static get is() { return "stzh-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-accordion-item/stzh-accordion-item.js CHANGED Viewed

@@ -255,7 +255,7 @@ export class StzhAccordionItem {
             "stzh-accordion-item--is-disabled": this.disabled,
             [`stzh-accordion-item--${this._variant}`]: !!this._variant,
         };
-        return (h(Host, { key: 'fd31568fdda53f20fda0f8d842366f7fb644a5e9', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: '4efef5018853bab3a2001bf02aab143b9ef3bded', class: classes }, h(Heading, { key: 'e0f63a76e3845fdcef402bac5034ec6b88d54ca9', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'c44389d6d2f3e57c6d133f8e826be569709f3e3b', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: 'f73b1304c07c260ff0cebb4aa0c56b4dc138198b', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (h("slot", { name: "icon" }))), h("span", { key: '75e6022707813eab13a120589c005574bfa20075', class: "stzh-accordion-item__button-text" }, h("span", { key: '8ced8d6042bf0212ad6b4f1d8597b830a5815ea7', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: '148edb081ed5b78e4939a4d115bf1cec6d526ba3', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: 'fb38a6fba1bbf73828d3f3f4826a1bc86679a243', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '79a890c2df7c3b17bd9dab004dd4c02a70403703', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: '51dd73e9b89ad5825c2e61fce844811e196a7a38', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: 'b52d3a3c9926fbcc6cb1ac3e3442b84b3478b6a1', class: "stzh-accordion-item__content-inner" }, h("slot", { key: '6264ca1423c9544a28379113813e799b22b1fec8' }))))));
+        return (h(Host, { key: 'e7aa738315aac6083f5caa937ed7cbadcaf3baf3', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: '1357ff0ea21633639581511b537300e794871bde', class: classes }, h(Heading, { key: '00b7c4be0bd0575335487fe1d08c22dbb20ae69d', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: '5366b8dc125b5be6da0644be9fab0a6e659f3cb8', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '912cf2069c4a82836e7f4a3814ac647e9a75fa83', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (h("slot", { name: "icon" }))), h("span", { key: '0b4db6c073abcbfb545fd252715fc9451187c7f6', class: "stzh-accordion-item__button-text" }, h("span", { key: '1641e35d7088abaa0698609af3cd73245cd8fff1', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: 'aea87324820ec27eee6ea1298ccc6f74ac89fdf6', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: '1568aa30148d74e1095c55dc1e48ac5a36c30e59', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '0bf5a2b1bbc0c2605b15ea5c4f8ab167fff58c69', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: '8ad56fb98577555482e4cd7cdb1cb8bcdeb1ab14', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: 'e133e51a0453b678c9e2376caa20e1eb83884f77', class: "stzh-accordion-item__content-inner" }, h("slot", { key: 'f83d265af42c63bbda2c363c85d28f6107852531' }))))));
     }
     static get is() { return "stzh-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-actions/stzh-actions.js CHANGED Viewed

@@ -45,7 +45,7 @@ export class StzhActions {
             "stzh-actions--space-between": this.spaceBetween,
             [`stzh-actions--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '22473da2da88454c024c1d527cfc9e1625b36d73', "space-between": this.spaceBetween }, h("div", { key: 'ea15ce25c8e3a27ea817233cb72ba13b9e2391a8', class: classes }, h("div", { key: '015678ccac5df242be3db3add26601b94f82ff90', class: "stzh-actions__actions", role: "group" }, h("div", { key: '4ab57efc143707a34c79238c3682c5926180ea9c', class: "stzh-actions__tertiary-actions" }, h("slot", { key: '36d638a7f4eab26b92d091747ed549e6cb3d3f39', name: "tertiary" })), h("div", { key: '14a7891a92eb4e751d5bff7d916683fead274373', class: "stzh-actions__wrapper" }, h("div", { key: 'e712cff9bebadae9fb196252ca85d5e919d842f6', class: "stzh-actions__secondary-actions" }, h("slot", { key: '2ea5c7f07335d4d97da9eeb1d4572296f7b9d296', name: "secondary" })), h("div", { key: 'dc06278ccd50cd1417a1e33bb094595b1227915e', class: "stzh-actions__primary-actions" }, h("slot", { key: '30e2d4cb2702ebc02861c6f0c9aed4304d58b223', name: "primary" })))))));
+        return (h(Host, { key: '22922eb048401ce56c8df27c0a166a4bc50fae06', "space-between": this.spaceBetween }, h("div", { key: '3e40e9aff43195e052ab792ef07d7d0de5a154e5', class: classes }, h("div", { key: '05c2c5e2eb378a55ceca69883f67c4b4d1e53c8a', class: "stzh-actions__actions", role: "group" }, h("div", { key: 'd5259febb50994591be9ea873109ea83e1cce5c0', class: "stzh-actions__tertiary-actions" }, h("slot", { key: '1158357c6587fca8c7b788ac7c7185ce7388cd3f', name: "tertiary" })), h("div", { key: '0240870db471bd78a2bb1de93af6b6b31a2760c8', class: "stzh-actions__wrapper" }, h("div", { key: '2d180170bbbe4e90adab5685bc1923d19d22d545', class: "stzh-actions__secondary-actions" }, h("slot", { key: '8ad527d942ef005a4d2e9cad6b48d7cb5836b9d8', name: "secondary" })), h("div", { key: '3fd19e245b99eed1f1508e38ea7e0d436a124d4b', class: "stzh-actions__primary-actions" }, h("slot", { key: '51210838fbe95cd3e651cedada877cf478e53b5a', name: "primary" })))))));
     }
     static get is() { return "stzh-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-actionset/stzh-actionset.js CHANGED Viewed

@@ -123,18 +123,18 @@ export class StzhActionset {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (h("stzh-button", { key: '167eb3d942e64c1f42ee589b4d95794d9363c7ca', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (h("stzh-button", { key: '59b96a8452a469698a1daad9337f53244af97e6e', a11yTabindex: disableTabbing ? "-1" : null, class: {
                 "stzh-actionset__action": true,
                 "is-button": true,
             }, label: action.label, icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant ? action.variant : this.variant === "stack" ? "secondary" : "tertiary", size: action.size ? action.size : this.variant === "stack" ? "small" : "tiny", badgePosition: "icon", onClick: e => {
                 this.actionClick(action, e);
             } }));
-        return (h(Host, { key: '168f001d3edc923bf5ce276191a6e8853dcd4873', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: 'dc1b4047ec0c46dda276ae20e1c0cff4f5d6992e', class: classes }, h("div", { key: '5ff65405a8f660134a30d2cb21cfd1ef3b6b4694', class: "stzh-actionset__actions", role: "group" }, h("div", { key: 'db5c98c9b0734e3ea3fd3a9d0323fa5384065533', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
-            (action.tooltipContent ? (h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), h("div", { key: 'fa48c94f70862084025fc14397b754590be2aff1', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '01334b8258372de077c7f182d227b5b23d5ff9ae', label: this.variant === "stack"
+        return (h(Host, { key: '6f7f3986a9cc02277f48d5bdfea7832ac80a9ed0', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: '8ef830c6cf065f15ae4e6c4bbe513e04f8d00353', class: classes }, h("div", { key: 'bd0bf99d81e455234b7ac8708188b621339039fc', class: "stzh-actionset__actions", role: "group" }, h("div", { key: 'c9d8d375fdf83d11d7a0adc4bb4efbdfb5921f8b', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
+            (action.tooltipContent ? (h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), h("div", { key: '8cfe0e5af8751c20c45e941b54443429d4bc9a1d', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '817ec0f15cc5592b881b1ac46a41b54c8cca58e3', label: this.variant === "stack"
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, h("stzh-button", { key: '0781174c55de8c9ca0eb2041b81f7631cb17bc8f', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, h("stzh-button", { key: '79041ef72589f6e563e31e9197db076046a5c3d5', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -142,7 +142,7 @@ export class StzhActionset {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: '67f4e4174879ebe547d6c48c44dbc0600b80e9d5', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: '82928d694b2726284a8a6c9c652cb6f63c43994c', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: e => {
                 this.actionClick(action, e);

package/dist/collection/components/stzh-amount/stzh-amount.js CHANGED Viewed

@@ -147,7 +147,7 @@ export class StzhAmount {
             "stzh-amount--is-required": !!this.required,
             "stzh-amount--is-disabled": !!this.disabled,
         };
-        return (h(Host, { key: '284b33e7363b3e1aa1f4daf8a0cd9c5f48c3e523', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '21d00d3101119223a42450401f80da9d8803d528', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
+        return (h(Host, { key: 'd6d3270ee509b2f7416050f202f1ce6f74fe86f5', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'a475f68917daa1b8ab54f8fd664d3e96598e2b6a', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
     }
     static get is() { return "stzh-amount"; }
     static get encapsulation() { return "scoped"; }

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

@@ -47,7 +47,7 @@ export class StzhAnchornav {
         const classes = {
             "stzh-anchornav": true,
         };
-        return (h(Host, { key: '84977e9b482c0317f48ed27de6819284224b27bf' }, h("nav", { key: '27c240df857eecccc7afa13d9ba1adbd2d05b205', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '3883fde899292a8b8d6cd37b5715bfc2dafb4f83', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (h(Host, { key: '17cf1a24ad25b606670714baf19ed6f6e736ef65' }, h("nav", { key: '64c1637212f5e45c8759bb9701d89da86fc99b8a', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '0ae230ffe4cde33962aaad3ff75b81e75b4bb1ac', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     static get is() { return "stzh-anchornav"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-app-nav/stzh-app-nav.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class StzhAppNav {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (h(Host, { key: '4850ffbc8d95a4f5fbe0e2d7583817778cbf1f43' }, h("nav", { key: 'bc26636b4112f219f27a7cb9000567b2983020f8', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, h("div", { key: '52068283ae69b50ff3ace60d08fad2744d50bc8e', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
+        return (h(Host, { key: '1a0f90158858df9fbcf332aa5ec1b6ba954ed9d9' }, h("nav", { key: '92d777860725a1543233a6ed3afa34d9d85d433b', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, h("div", { key: '09030721ee7be853c999586b4fea36525adb5b80', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
                 this.handleAppNavItemClick(e, item);
             } }, item.text)))))));
     }

package/dist/collection/components/stzh-appointments/stzh-appointments.js CHANGED Viewed

@@ -13,8 +13,6 @@ export class StzhAppointments {
         this.sortBy = "start";
         /** Initial selectable appointments */
         this.appointments = [];
-        /* Selected appointment by value */
-        this.value = "";
         /* Name of radiogroup form element */
         this.name = "appointment";
         /** Nr of items shown */
@@ -88,25 +86,29 @@ export class StzhAppointments {
     currentDateWatcher(newValue) {
         if (!newValue) {
             this._currentDate = this.dateByValue || this.earliestDate;
-            if (!this.dateByValue) {
+            if (!this.dateByValue && this.shouldAutoSelectAppointment()) {
                 this.setValueToFirstAppointmentOfCurrentDate();
             }
         }
         else if (typeof newValue === "string") {
             this._currentDate = parseISODate(newValue);
-            this.setValueToFirstAppointmentOfCurrentDate();
+            if (this.shouldAutoSelectAppointment()) {
+                this.setValueToFirstAppointmentOfCurrentDate();
+            }
         }
         else {
             this._currentDate = newValue;
             // Check if value already corresponds to a valid appointment on the new date
             const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);
-            if (!appointmentsForNewDate.includes(this.value)) {
+            if (!appointmentsForNewDate.includes(this.value) && this.shouldAutoSelectAppointment()) {
                 this.setValueToFirstAppointmentOfCurrentDate();
             }
         }
     }
     sortByWatcher() {
-        this.setValueToFirstAppointmentOfCurrentDate();
+        if (this.shouldAutoSelectAppointment()) {
+            this.setValueToFirstAppointmentOfCurrentDate();
+        }
     }
     valueWatcher() {
         this.updateDateByValue();
@@ -132,6 +134,10 @@ export class StzhAppointments {
         this.showAppointmentsTitle = this._appointments.length > 1;
         this.currentDateWatcher(this.currentDate);
     }
+    /** Whether the first appointment is automatically set as value. */
+    shouldAutoSelectAppointment() {
+        return typeof this.value === "undefined" && !this.element.hasAttribute("value");
+    }
     normalizeAppointments(appointments) {
         const parsedAppointments = typeof appointments === "string" ? JSON.parse(appointments) : appointments;
         return parsedAppointments.map(appointment => (Object.assign(Object.assign({}, appointment), { start: this.convertToDate(appointment.start), end: this.convertToDate(appointment.end) })));
@@ -143,9 +149,13 @@ export class StzhAppointments {
         return date;
     }
     updateDateByValue() {
-        const appointment = this.value && this._appointments.find(appointment => appointment.value === this.value);
+        if (!this.value) {
+            this.dateByValue = null;
+            return;
+        }
+        const appointment = this._appointments.find(appointment => appointment.value === this.value);
         if (!appointment) {
-            console.warn(`No matching appointment found for value: ${this.value}.`);
+            this.dateByValue = null;
         }
         else {
             this.dateByValue = appointment.start;
@@ -257,7 +267,7 @@ export class StzhAppointments {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (h(Host, { key: '27d5f164eeb723e82bc110b661e4d8238a5f2c74', "has-heading": headingUsed }, h("div", { key: 'f079ae642ae05e3e12f45a4e28951ea25d7277f9', class: classes }, h("div", { key: '3f9726ab504fc246eeade1e29276d1d9920d8f98', class: "stzh-appointments__heading" }, h("slot", { key: '7c21b77d626a80e502c0f4f4b6e828e19f11fa7d', name: "heading" })), h("div", { key: 'd23e215241074a7212b57871ef40a1f69e788a10', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'd1291cd8bd19cdb7813df63ed0268758167e3856', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: '57b73e328b1eade7734b68b76bff759999d3019e', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '4f171f5715cdc8aa237be8a5336667676924e350', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'a6d42b939875fcf4d1feff3fc49ad0148da9fcf2', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '6b20b9e01d59dd12828ce15569c65d76b65899e8', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '716bdc8ed45c0333150d16281cb1490e6e93b200', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '776b37046b04a21433a2bf2d8bd9aa8c0e5f7aff', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: '915ecd5845c35cdb09a5cd047701e33962782a2c', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: 'b9980c650766d8e2204dab7d2422e45838c975b3', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '8ac456d04db36cb2e0dab32229fa9040084832e3', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'fe60acba265359b4008c13f69810f423cc03f298', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '6567c1444b3d5a025c09490c4738e2527f340338', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'eab74a86246c292dadac893280a9ac84c05e23aa', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: '711f5318e519003369579f417cda372925c8f7b9', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '41cd6d3775b6d05cabd290d3a04fafc077772a4c', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: 'dcf4938c15b7b8b4e9b0c94cfb9f0d307ec7d712', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '3a0831cfa8ce811c191b2d9c1ddddefa97b4e6fa', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: 'e4b0a72f5dc89a71f251e71c6845ac9af5f219cb', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: '778597cb82ae9a16f9c0b78eb91ed18a7b9e7506', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: '89b75899e2fa70f001dacfcda2a472b453852e1b', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: 'dfe437300c691a7b7600ecf1567520e673905330', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (h(Host, { key: 'bd72808f3f9e2a481506a20955cf0f14ef290b26', "has-heading": headingUsed }, h("div", { key: '5e52ce87a86c5298179ce1d357945627cfb4117e', class: classes }, h("div", { key: '9f16b39a285ac8175231e672b4b25e1894c2d450', class: "stzh-appointments__heading" }, h("slot", { key: '74980485ad5c5a82adfa426139a55709c212b20f', name: "heading" })), h("div", { key: '023933fb7a9bd0c125f54969dbc9854b6fa0956a', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: '40de76df00db28eb2efe825ba30d1e10009ddf64', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'f60a671779c2f1eeb8fcb1d96210ab6d8fbeee8b', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '04ed7b773856122fc67894f627d97f233e94c21e', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'bea9d79127f7f7f5ab68a8b6ddfb7cb5fd47bbf0', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '84e0689cfbcb406d87f266788e21f95a4287217c', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: 'a667e7ebe7384b64f81c7c5d482c610c51790a89', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: 'f2355db64cedb1e891b5cebfeb4ea4221a5ed54e', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: '9f93256225e6da904e26f701aaaac5d6d130a641', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: '74dd57a6d4abe6ff87bdbd61b76f0cff7300d3c3', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '5abe89471669f73c75fd3e0c1f5b3bbdb6e22863', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: '40c43d054eb869d1f2abaf81c7700de28749686b', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '880034b13b9999924b933154d3da48aa193f751c', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: '15a4a2359601c574936d3ecb09fd1e4e6fb8d7e8', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: '81a931a08febaf81f7029d0606b0e678e72ff1ce', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: 'af51d06fa89b4ec4cdbb609c98d26043c169911b', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '398c357babb4ff64762197f0a51d41e3ce96c382', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '2f421bed549f54096227048781d0c2375603fcfa', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '4378cefd8d7718e23c836df603a7cff240084833', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: '565e3feeeb680f42036580383ddc06684282f632', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: '635eb3263ff6172b50fcb21d5642f517eff72247', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: '04247e2293e4758fa7f8bd22e9c8c3deb7389d9e', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     static get is() { return "stzh-appointments"; }
     static get encapsulation() { return "scoped"; }
@@ -390,21 +400,20 @@ export class StzhAppointments {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "string",
+                    "original": "string | null",
                     "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Selected appointment by value.\nIf omitted, the first available appointment is selected automatically.\nIf null, no appointment is selected automatically."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "value",
-                "defaultValue": "\"\""
+                "attribute": "value"
             },
             "name": {
                 "type": "string",

package/dist/collection/components/stzh-appointments/stzh-appointments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-appointments.js","sourceRoot":"","sources":["../../../../src/components/stzh-appointments/stzh-appointments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Element, Prop, h, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport {\n StzhAppointmentsChangeEvent,\n StzhRadioChangeEvent,\n StzhDatepickerChangeEvent,\n StzhDropdownChangeEvent,\n StzhAppointment,\n} from \"../../index\";\n\nimport { tc } from \"../../index\";\n\nimport { printISODate, parseISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhAppointmentsLocalizedText } from \"./stzh-appointments.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/** Helper type with start & end as Date /\ntype StzhNormalizedAppointment = Omit<StzhAppointment, \"start\" \| \"end\"> & {\n start: Date;\n end: Date;\n};\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-appointments\",\n styleUrl: \"stzh-appointments.scss\",\n scoped: true,\n})\nexport class StzhAppointments {\n /* Translation strings /\n @Prop() localization: StzhAppointmentsLocalizedText;\n\n /* Hides the sort dropdown when true /\n @Prop() disableSort = false;\n\n /* Sort by /\n @Prop({ mutable: true }) sortBy: \"start\" \| \"place\" = \"start\";\n private _sortBy: \"start\" \| \"place\";\n\n /* Initial selectable appointments /\n @Prop() appointments: StzhAppointment[] \| string = [];\n private _appointments: StzhNormalizedAppointment[];\n private appointmentsShown: StzhNormalizedAppointment[];\n\n /* Current selected date (if undefined, earliest appointment date in list is taken or current selected one by value) /\n @Prop({ mutable: true }) currentDate: Date \| string;\n private _currentDate: Date;\n\n / Selected appointment by value /\n @Prop({ mutable: true }) value: string = \"\";\n\n / Name of radiogroup form element /\n @Prop({ reflect: true }) name: string = \"appointment\";\n\n /* Nr of items shown /\n @Prop({ mutable: true }) showItems: number = 5;\n private _initialShowItems: number;\n\n /* Nr of items shown when more link is clicked /\n @Prop() stepItems: number = 5;\n\n /* Overwrite default calendar title /\n @Prop() calendarTitle = \"\";\n\n /* Overwrite default appointments title /\n @Prop() appointmentsTitle = \"\";\n\n /\n Date adapter, for custom parsing/formatting.\n * Must be an object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n /\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n @Element() element: HTMLStzhAppointmentsElement;\n\n /* Appointments change event /\n @Event() stzhChange: EventEmitter<StzhAppointmentsChangeEvent>;\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n @Watch(\"currentDate\")\n currentDateWatcher(newValue: Date \| string) {\n if (!newValue) {\n this._currentDate = this.dateByValue \|\| this.earliestDate;\n\n if (!this.dateByValue) {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n } else if (typeof newValue === \"string\") {\n this._currentDate = parseISODate(newValue);\n this.setValueToFirstAppointmentOfCurrentDate();\n } else {\n this._currentDate = newValue;\n // Check if value already corresponds to a valid appointment on the new date\n const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);\n if (!appointmentsForNewDate.includes(this.value)) {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n }\n }\n\n @Watch(\"sortBy\")\n sortByWatcher() {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n\n @Watch(\"value\")\n valueWatcher() {\n this.updateDateByValue();\n // update current date if user has not choosen one\n this.currentDateWatcher(this.currentDate);\n }\n\n @Watch(\"appointments\")\n appointmentsWatcher(newValue: StzhAppointment[] \| string) {\n this._appointments = this.normalizeAppointments(newValue);\n\n if (this._appointments.length > 0) {\n this._appointments.sort((a, b) => (a.start > b.start ? 1 : -1));\n this.earliestDate = this._appointments[0].start;\n this.latestDate = this._appointments[this._appointments.length - 1].start;\n this.updateDateByValue();\n }\n\n if (this._appointments.length > 1) {\n const firstDate = this._appointments[0].start;\n this.allAppointsmentOnSameDay = this._appointments\n .map(appointment => appointment.start)\n .every(\n date =>\n `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}` ===\n `${firstDate.getFullYear()}-${firstDate.getMonth()}-${firstDate.getDate()}`,\n );\n }\n\n this.showCalendar = !this.allAppointsmentOnSameDay;\n this.showAppointmentsTitle = this._appointments.length > 1;\n this.currentDateWatcher(this.currentDate);\n }\n\n private dateByValue: Date;\n private earliestDate: Date;\n private latestDate: Date;\n private nextDate: Date;\n\n private showMoreLink: boolean = false;\n private moreItemsLeft: number = 0;\n private showCalendar: boolean = false;\n private showSort: boolean = false;\n private showSortStart: boolean = false;\n private showSortPlace: boolean = false;\n private showAppointmentsTitle: boolean = false;\n private allAppointsmentOnSameDay: boolean = true;\n private sortOptions = [];\n\n private inputElement: HTMLStzhRadiogroupElement;\n private datepickerElement: HTMLStzhDatepickerElement;\n private datepickerElementMedium: HTMLStzhDatepickerElement;\n\n private normalizeAppointments(appointments: StzhAppointment[] \| string): StzhNormalizedAppointment[] {\n const parsedAppointments = typeof appointments === \"string\" ? JSON.parse(appointments) : appointments;\n\n return parsedAppointments.map(appointment => ({\n ...appointment,\n start: this.convertToDate(appointment.start),\n end: this.convertToDate(appointment.end),\n }));\n }\n\n private convertToDate(date: Date \| string): Date {\n if (typeof date === \"string\") {\n return new Date(date);\n }\n return date;\n }\n\n private updateDateByValue() {\n const appointment = this.value && this._appointments.find(appointment => appointment.value === this.value);\n\n if (!appointment) {\n console.warn(`No matching appointment found for value: ${this.value}.`);\n } else {\n this.dateByValue = appointment.start;\n }\n }\n\n private getCurrentDateAppointments() {\n let indexOfLastCurrentDayDate = 0;\n\n // filter to current date appointments that can be shown\n const appointmentsCurrentDate = this._appointments.filter((appointment, index) => {\n const dateIsInCurrentDay =\n appointment.start.getFullYear() === this._currentDate.getFullYear() &&\n appointment.start.getMonth() === this._currentDate.getMonth() &&\n appointment.start.getDate() === this._currentDate.getDate();\n\n if (dateIsInCurrentDay) {\n indexOfLastCurrentDayDate = index;\n }\n\n return dateIsInCurrentDay;\n });\n\n // find next day with dates or set to null\n if (this._appointments[indexOfLastCurrentDayDate + 1]) {\n this.nextDate = this._appointments[indexOfLastCurrentDayDate + 1].start;\n } else {\n this.nextDate = null;\n }\n\n // sort\n appointmentsCurrentDate.sort((a, b) => (a[this.sortBy] > b[this.sortBy] ? 1 : -1));\n return appointmentsCurrentDate;\n }\n\n private setValueToFirstAppointmentOfCurrentDate() {\n // choose the first available appointment from current date\n const appointments = this.getCurrentDateAppointments().filter(appointment => !appointment.disabled);\n\n if (appointments.length > 0) {\n this.value = appointments[0].value;\n this.stzhChange.emit({\n component: \"stzh-appointments\",\n value: this.value,\n });\n }\n }\n\n private isDateDisabled = (date: Date) => {\n const dateHasAppointment: boolean = !!this._appointments.find(appointment => {\n return (\n appointment.start.getFullYear() === date.getFullYear() &&\n appointment.start.getMonth() === date.getMonth() &&\n appointment.start.getDate() === date.getDate()\n );\n });\n\n return !dateHasAppointment;\n };\n\n private onNextActiveDateClick = async () => {\n if (this.nextDate) {\n this.currentDate = this.nextDate;\n\n const popover = await this.datepickerElement.getPopover();\n\n if (popover) {\n popover.hide();\n }\n }\n };\n\n private onMoreClick = () => {\n this.showItems = this.stepItems + this.showItems;\n\n // return focus to radiogroup\n const radio = this.inputElement.querySelector(\"stzh-radio\");\n radio.focus();\n };\n\n private onDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n const target: HTMLStzhDropdownElement = event.target as HTMLStzhDropdownElement;\n\n const sortBy = (await target.getValue()) as \"start\" \| \"place\" \| \"\";\n\n if (sortBy) {\n this.sortBy = sortBy;\n }\n };\n\n private onDatepickerChange = (event: CustomEvent<StzhDatepickerChangeEvent>) => {\n if (event.detail.component !== \"stzh-datepicker\" \|\| !event.detail.valueAsDate) {\n return;\n }\n\n this.currentDate = event.detail.valueAsDate;\n // reset number of items that should be shown\n this.showItems = this._initialShowItems;\n };\n\n private onRadioChange = (event: CustomEvent<StzhRadioChangeEvent>) => {\n this.value = event.detail.value as string;\n this.stzhChange.emit({\n component: \"stzh-appointments\",\n value: this.value,\n });\n };\n\n async componentWillLoad() {\n this._initialShowItems = this.showItems;\n this.appointmentsWatcher(this.appointments);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"appointments\");\n }\n\n this.dateAdapterWatcher(this.dateAdapter);\n }\n\n componentWillRender() {\n const appointments = this.getCurrentDateAppointments();\n\n // slice to max that should be visible\n this.appointmentsShown = appointments.slice(0, this.showItems);\n\n // set flags\n this.showMoreLink = this.showItems < appointments.length;\n this.moreItemsLeft = appointments.length - this.showItems;\n\n // don't show time sort when only one time in the current day\n this.showSortStart =\n !this.disableSort &&\n appointments\n .map(appointment => {\n return this.dateAdapter.format(appointment.start, \"time\");\n })\n .filter((item, pos, self) => {\n return self.indexOf(item) == pos;\n }).length > 1;\n\n // don't show place sort when only one place in the current day\n this.showSortPlace =\n !this.disableSort &&\n appointments\n .map(appointment => {\n return appointment.place;\n })\n .filter((item, pos, self) => {\n return self.indexOf(item) == pos;\n }).length > 1;\n\n this.sortOptions = [];\n\n if (this.showSortStart) {\n this.sortOptions.push({\n text: this.localization.sortByTime,\n value: \"start\",\n });\n }\n\n if (this.showSortPlace) {\n this.sortOptions.push({\n text: this.localization.sortByPlace,\n value: \"place\",\n });\n }\n\n this.showSort = !this.disableSort && this.appointmentsShown.length > 1;\n\n // determine sort (force alternative sorting if it makes sense)\n this._sortBy =\n (this.showSortStart && !this.showSortPlace && \"start\") \|\|\n (!this.showSortStart && this.showSortPlace && \"place\") \|\|\n this.sortBy;\n }\n\n componentDidRender() {\n // set datepickers values to current date\n if (this.datepickerElement) {\n this.datepickerElement.setDate(this._currentDate);\n }\n\n if (this.datepickerElementMedium) {\n this.datepickerElementMedium.setDate(this._currentDate);\n }\n }\n\n render() {\n const headingUsed: boolean = hasSlot(this.element, \"heading\");\n\n const classes = {\n \"stzh-appointments\": true,\n \"stzh-appointments--has-calendar\": this.showCalendar,\n \"stzh-appointments--has-appointments-title\": this.showAppointmentsTitle,\n \"stzh-appointments--has-sort\": this.showSort,\n };\n\n return (\n <Host has-heading={headingUsed}>\n <div class={classes}>\n <div class=\"stzh-appointments__heading\">\n <slot name=\"heading\"></slot>\n </div>\n\n <div class=\"stzh-appointments__wrapper\">\n {this.showCalendar && (\n <div class=\"stzh-appointments__calendar-wrapper\">\n <div class=\"stzh-appointments__calendar-title-wrapper\">\n <div class=\"stzh-appointments__calendar-title\">\n <stzh-icon class=\"stzh-appointments__calendar-icon\" name=\"calendar\"></stzh-icon>\n <span class=\"stzh-appointments__calendar-title-text\">\n {this.calendarTitle \|\| this.localization.calendarTitle}\n </span>\n </div>\n </div>\n <div class=\"stzh-appointments__calendar-content\">\n <stzh-datepicker\n hide-optional\n ref={el => (this.datepickerElement = el as HTMLStzhDatepickerElement)}\n onStzhChange={this.onDatepickerChange}\n label={this.localization.datepickerLabel}\n calendarIsDateDisabled={this.isDateDisabled}\n calendarMin={printISODate(this.earliestDate)}\n calendarMax={printISODate(this.latestDate)}\n >\n <stzh-link\n slot=\"action\"\n size=\"inherit\"\n disabled={!this.nextDate}\n onClick={this.onNextActiveDateClick}\n >\n {this.localization.nextDayWithAppointments}\n </stzh-link>\n </stzh-datepicker>\n </div>\n <div class=\"stzh-appointments__calendar-content-medium\">\n <stzh-datepicker\n hide-optional\n ref={el => (this.datepickerElementMedium = el as HTMLStzhDatepickerElement)}\n onStzhChange={this.onDatepickerChange}\n inline\n calendarIsDateDisabled={this.isDateDisabled}\n calendarMin={printISODate(this.earliestDate)}\n calendarMax={printISODate(this.latestDate)}\n >\n {this.nextDate && (\n <stzh-link slot=\"action\" size=\"inherit\" onClick={this.onNextActiveDateClick}>\n {this.localization.nextDayWithAppointments}\n </stzh-link>\n )}\n </stzh-datepicker>\n </div>\n </div>\n )}\n <div class=\"stzh-appointments__appointments-wrapper\">\n {this.showAppointmentsTitle && (\n <div class=\"stzh-appointments__appointments-title-wrapper\">\n <div class=\"stzh-appointments__appointments-title\">\n <stzh-icon class=\"stzh-appointments__appointments-icon\" name=\"clock\"></stzh-icon>\n <span class=\"stzh-appointments__appointments-title-text\">\n {this.appointmentsTitle \|\| this.localization.appointmentsTitle}\n </span>\n </div>\n {this.showSort && (\n <div class=\"stzh-appointments__sort\">\n <stzh-dropdown\n hide-optional\n inline\n no-search\n class=\"stzh-appointments__sort-dropdown\"\n variant=\"plain\"\n size=\"small\"\n sizeMedium={\"tiny\"}\n items={[this._sortBy]}\n options={this.sortOptions}\n onStzhChange={this.onDropdownChange}\n ></stzh-dropdown>\n </div>\n )}\n </div>\n )}\n\n <div class=\"stzh-appointments__appointments-content\">\n <stzh-radiogroup\n class=\"stzh-appointments__appointments-radiogroup\"\n ref={el => (this.inputElement = el as HTMLStzhRadiogroupElement)}\n legend={this.localization.inputLegend}\n hide-legend\n name={this.name}\n value={this.value}\n preventUpdateProperties={[\"disabled\"]}\n >\n {this.appointmentsShown.map(appointment => (\n <stzh-radio\n onStzhChange={this.onRadioChange}\n value={appointment.value}\n disabled={typeof appointment.disabled !== \"undefined\" ? appointment.disabled : false}\n >\n <stzh-text font=\"heavy\" size=\"centi\">\n {!this.showCalendar && (\n <span>{this.dateAdapter.format(appointment.start, \"dateLong\")}, </span>\n )}\n {this.dateAdapter.formatSpan(appointment.start, appointment.end, \"time\")}\n </stzh-text>\n <stzh-text size=\"milli\">{appointment.caption}</stzh-text>\n </stzh-radio>\n ))}\n </stzh-radiogroup>\n\n {this.showMoreLink && (\n <stzh-link class=\"stzh-appointments__more-link\" size=\"inherit\" onClick={this.onMoreClick}>\n {tc(\n this.localization.moreTextItems,\n this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft,\n )}\n </stzh-link>\n )}\n </div>\n </div>\n </div>\n\n {/ <div class=\"stzh-appointments__actions\">\n <slot name=\"actions\"></slot>\n </div> */}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-appointments.js","sourceRoot":"","sources":["../../../../src/components/stzh-appointments/stzh-appointments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Element, Prop, h, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport {\n StzhAppointmentsChangeEvent,\n StzhRadioChangeEvent,\n StzhDatepickerChangeEvent,\n StzhDropdownChangeEvent,\n StzhAppointment,\n} from \"../../index\";\n\nimport { tc } from \"../../index\";\n\nimport { printISODate, parseISODate } from \"../../utils/date-utils\";\nimport { StzhLocaleAdapter } from \"../../index\";\n\nimport { StzhAppointmentsLocalizedText } from \"./stzh-appointments.localization\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/** Helper type with start & end as Date /\ntype StzhNormalizedAppointment = Omit<StzhAppointment, \"start\" \| \"end\"> & {\n start: Date;\n end: Date;\n};\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-appointments\",\n styleUrl: \"stzh-appointments.scss\",\n scoped: true,\n})\nexport class StzhAppointments {\n /* Translation strings /\n @Prop() localization: StzhAppointmentsLocalizedText;\n\n /* Hides the sort dropdown when true /\n @Prop() disableSort = false;\n\n /* Sort by /\n @Prop({ mutable: true }) sortBy: \"start\" \| \"place\" = \"start\";\n private _sortBy: \"start\" \| \"place\";\n\n /* Initial selectable appointments /\n @Prop() appointments: StzhAppointment[] \| string = [];\n private _appointments: StzhNormalizedAppointment[];\n private appointmentsShown: StzhNormalizedAppointment[];\n\n /* Current selected date (if undefined, earliest appointment date in list is taken or current selected one by value) /\n @Prop({ mutable: true }) currentDate: Date \| string;\n private _currentDate: Date;\n\n /* Selected appointment by value.\n * If omitted, the first available appointment is selected automatically.\n * If null, no appointment is selected automatically.\n /\n @Prop({ mutable: true }) value?: string \| null;\n\n / Name of radiogroup form element /\n @Prop({ reflect: true }) name: string = \"appointment\";\n\n /* Nr of items shown /\n @Prop({ mutable: true }) showItems: number = 5;\n private _initialShowItems: number;\n\n /* Nr of items shown when more link is clicked /\n @Prop() stepItems: number = 5;\n\n /* Overwrite default calendar title /\n @Prop() calendarTitle = \"\";\n\n /* Overwrite default appointments title /\n @Prop() appointmentsTitle = \"\";\n\n /\n Date adapter, for custom parsing/formatting.\n * Must be an object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n /\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n @Element() element: HTMLStzhAppointmentsElement;\n\n /* Appointments change event /\n @Event() stzhChange: EventEmitter<StzhAppointmentsChangeEvent>;\n\n @Watch(\"dateAdapter\")\n dateAdapterWatcher(newValue: StzhLocaleAdapter) {\n if (!newValue) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n @Watch(\"currentDate\")\n currentDateWatcher(newValue: Date \| string) {\n if (!newValue) {\n this._currentDate = this.dateByValue \|\| this.earliestDate;\n\n if (!this.dateByValue && this.shouldAutoSelectAppointment()) {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n } else if (typeof newValue === \"string\") {\n this._currentDate = parseISODate(newValue);\n\n if (this.shouldAutoSelectAppointment()) {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n } else {\n this._currentDate = newValue;\n\n // Check if value already corresponds to a valid appointment on the new date\n const appointmentsForNewDate = this.getCurrentDateAppointments().map(appt => appt.value);\n\n if (!appointmentsForNewDate.includes(this.value as string) && this.shouldAutoSelectAppointment()) {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n }\n }\n\n @Watch(\"sortBy\")\n sortByWatcher() {\n if (this.shouldAutoSelectAppointment()) {\n this.setValueToFirstAppointmentOfCurrentDate();\n }\n }\n\n @Watch(\"value\")\n valueWatcher() {\n this.updateDateByValue();\n // update current date if user has not choosen one\n this.currentDateWatcher(this.currentDate);\n }\n\n @Watch(\"appointments\")\n appointmentsWatcher(newValue: StzhAppointment[] \| string) {\n this._appointments = this.normalizeAppointments(newValue);\n\n if (this._appointments.length > 0) {\n this._appointments.sort((a, b) => (a.start > b.start ? 1 : -1));\n this.earliestDate = this._appointments[0].start;\n this.latestDate = this._appointments[this._appointments.length - 1].start;\n this.updateDateByValue();\n }\n\n if (this._appointments.length > 1) {\n const firstDate = this._appointments[0].start;\n this.allAppointsmentOnSameDay = this._appointments\n .map(appointment => appointment.start)\n .every(\n date =>\n `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}` ===\n `${firstDate.getFullYear()}-${firstDate.getMonth()}-${firstDate.getDate()}`,\n );\n }\n\n this.showCalendar = !this.allAppointsmentOnSameDay;\n this.showAppointmentsTitle = this._appointments.length > 1;\n this.currentDateWatcher(this.currentDate);\n }\n\n private dateByValue: Date \| null;\n private earliestDate: Date;\n private latestDate: Date;\n private nextDate: Date;\n\n private showMoreLink: boolean = false;\n private moreItemsLeft: number = 0;\n private showCalendar: boolean = false;\n private showSort: boolean = false;\n private showSortStart: boolean = false;\n private showSortPlace: boolean = false;\n private showAppointmentsTitle: boolean = false;\n private allAppointsmentOnSameDay: boolean = true;\n private sortOptions = [];\n\n private inputElement: HTMLStzhRadiogroupElement;\n private datepickerElement: HTMLStzhDatepickerElement;\n private datepickerElementMedium: HTMLStzhDatepickerElement;\n\n /* Whether the first appointment is automatically set as value. /\n private shouldAutoSelectAppointment(): boolean {\n return typeof this.value === \"undefined\" && !this.element.hasAttribute(\"value\");\n }\n\n private normalizeAppointments(appointments: StzhAppointment[] \| string): StzhNormalizedAppointment[] {\n const parsedAppointments = typeof appointments === \"string\" ? JSON.parse(appointments) : appointments;\n\n return parsedAppointments.map(appointment => ({\n ...appointment,\n start: this.convertToDate(appointment.start),\n end: this.convertToDate(appointment.end),\n }));\n }\n\n private convertToDate(date: Date \| string): Date {\n if (typeof date === \"string\") {\n return new Date(date);\n }\n return date;\n }\n\n private updateDateByValue() {\n if (!this.value) {\n this.dateByValue = null;\n return;\n }\n const appointment = this._appointments.find(appointment => appointment.value === this.value);\n if (!appointment) {\n this.dateByValue = null;\n } else {\n this.dateByValue = appointment.start;\n }\n }\n\n private getCurrentDateAppointments() {\n let indexOfLastCurrentDayDate = 0;\n\n // filter to current date appointments that can be shown\n const appointmentsCurrentDate = this._appointments.filter((appointment, index) => {\n const dateIsInCurrentDay =\n appointment.start.getFullYear() === this._currentDate.getFullYear() &&\n appointment.start.getMonth() === this._currentDate.getMonth() &&\n appointment.start.getDate() === this._currentDate.getDate();\n\n if (dateIsInCurrentDay) {\n indexOfLastCurrentDayDate = index;\n }\n\n return dateIsInCurrentDay;\n });\n\n // find next day with dates or set to null\n if (this._appointments[indexOfLastCurrentDayDate + 1]) {\n this.nextDate = this._appointments[indexOfLastCurrentDayDate + 1].start;\n } else {\n this.nextDate = null;\n }\n\n // sort\n appointmentsCurrentDate.sort((a, b) => (a[this.sortBy] > b[this.sortBy] ? 1 : -1));\n return appointmentsCurrentDate;\n }\n\n private setValueToFirstAppointmentOfCurrentDate() {\n // choose the first available appointment from current date\n const appointments = this.getCurrentDateAppointments().filter(appointment => !appointment.disabled);\n\n if (appointments.length > 0) {\n this.value = appointments[0].value;\n this.stzhChange.emit({\n component: \"stzh-appointments\",\n value: this.value,\n });\n }\n }\n\n private isDateDisabled = (date: Date) => {\n const dateHasAppointment: boolean = !!this._appointments.find(appointment => {\n return (\n appointment.start.getFullYear() === date.getFullYear() &&\n appointment.start.getMonth() === date.getMonth() &&\n appointment.start.getDate() === date.getDate()\n );\n });\n\n return !dateHasAppointment;\n };\n\n private onNextActiveDateClick = async () => {\n if (this.nextDate) {\n this.currentDate = this.nextDate;\n\n const popover = await this.datepickerElement.getPopover();\n\n if (popover) {\n popover.hide();\n }\n }\n };\n\n private onMoreClick = () => {\n this.showItems = this.stepItems + this.showItems;\n\n // return focus to radiogroup\n const radio = this.inputElement.querySelector(\"stzh-radio\");\n radio.focus();\n };\n\n private onDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n const target: HTMLStzhDropdownElement = event.target as HTMLStzhDropdownElement;\n\n const sortBy = (await target.getValue()) as \"start\" \| \"place\" \| \"\";\n\n if (sortBy) {\n this.sortBy = sortBy;\n }\n };\n\n private onDatepickerChange = (event: CustomEvent<StzhDatepickerChangeEvent>) => {\n if (event.detail.component !== \"stzh-datepicker\" \|\| !event.detail.valueAsDate) {\n return;\n }\n\n this.currentDate = event.detail.valueAsDate;\n // reset number of items that should be shown\n this.showItems = this._initialShowItems;\n };\n\n private onRadioChange = (event: CustomEvent<StzhRadioChangeEvent>) => {\n this.value = event.detail.value as string;\n this.stzhChange.emit({\n component: \"stzh-appointments\",\n value: this.value,\n });\n };\n\n async componentWillLoad() {\n this._initialShowItems = this.showItems;\n this.appointmentsWatcher(this.appointments);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"appointments\");\n }\n\n this.dateAdapterWatcher(this.dateAdapter);\n }\n\n componentWillRender() {\n const appointments = this.getCurrentDateAppointments();\n\n // slice to max that should be visible\n this.appointmentsShown = appointments.slice(0, this.showItems);\n\n // set flags\n this.showMoreLink = this.showItems < appointments.length;\n this.moreItemsLeft = appointments.length - this.showItems;\n\n // don't show time sort when only one time in the current day\n this.showSortStart =\n !this.disableSort &&\n appointments\n .map(appointment => {\n return this.dateAdapter.format(appointment.start, \"time\");\n })\n .filter((item, pos, self) => {\n return self.indexOf(item) == pos;\n }).length > 1;\n\n // don't show place sort when only one place in the current day\n this.showSortPlace =\n !this.disableSort &&\n appointments\n .map(appointment => {\n return appointment.place;\n })\n .filter((item, pos, self) => {\n return self.indexOf(item) == pos;\n }).length > 1;\n\n this.sortOptions = [];\n\n if (this.showSortStart) {\n this.sortOptions.push({\n text: this.localization.sortByTime,\n value: \"start\",\n });\n }\n\n if (this.showSortPlace) {\n this.sortOptions.push({\n text: this.localization.sortByPlace,\n value: \"place\",\n });\n }\n\n this.showSort = !this.disableSort && this.appointmentsShown.length > 1;\n\n // determine sort (force alternative sorting if it makes sense)\n this._sortBy =\n (this.showSortStart && !this.showSortPlace && \"start\") \|\|\n (!this.showSortStart && this.showSortPlace && \"place\") \|\|\n this.sortBy;\n }\n\n componentDidRender() {\n // set datepickers values to current date\n if (this.datepickerElement) {\n this.datepickerElement.setDate(this._currentDate);\n }\n\n if (this.datepickerElementMedium) {\n this.datepickerElementMedium.setDate(this._currentDate);\n }\n }\n\n render() {\n const headingUsed: boolean = hasSlot(this.element, \"heading\");\n\n const classes = {\n \"stzh-appointments\": true,\n \"stzh-appointments--has-calendar\": this.showCalendar,\n \"stzh-appointments--has-appointments-title\": this.showAppointmentsTitle,\n \"stzh-appointments--has-sort\": this.showSort,\n };\n\n return (\n <Host has-heading={headingUsed}>\n <div class={classes}>\n <div class=\"stzh-appointments__heading\">\n <slot name=\"heading\"></slot>\n </div>\n\n <div class=\"stzh-appointments__wrapper\">\n {this.showCalendar && (\n <div class=\"stzh-appointments__calendar-wrapper\">\n <div class=\"stzh-appointments__calendar-title-wrapper\">\n <div class=\"stzh-appointments__calendar-title\">\n <stzh-icon class=\"stzh-appointments__calendar-icon\" name=\"calendar\"></stzh-icon>\n <span class=\"stzh-appointments__calendar-title-text\">\n {this.calendarTitle \|\| this.localization.calendarTitle}\n </span>\n </div>\n </div>\n <div class=\"stzh-appointments__calendar-content\">\n <stzh-datepicker\n hide-optional\n ref={el => (this.datepickerElement = el as HTMLStzhDatepickerElement)}\n onStzhChange={this.onDatepickerChange}\n label={this.localization.datepickerLabel}\n calendarIsDateDisabled={this.isDateDisabled}\n calendarMin={printISODate(this.earliestDate)}\n calendarMax={printISODate(this.latestDate)}\n >\n <stzh-link\n slot=\"action\"\n size=\"inherit\"\n disabled={!this.nextDate}\n onClick={this.onNextActiveDateClick}\n >\n {this.localization.nextDayWithAppointments}\n </stzh-link>\n </stzh-datepicker>\n </div>\n <div class=\"stzh-appointments__calendar-content-medium\">\n <stzh-datepicker\n hide-optional\n ref={el => (this.datepickerElementMedium = el as HTMLStzhDatepickerElement)}\n onStzhChange={this.onDatepickerChange}\n inline\n calendarIsDateDisabled={this.isDateDisabled}\n calendarMin={printISODate(this.earliestDate)}\n calendarMax={printISODate(this.latestDate)}\n >\n {this.nextDate && (\n <stzh-link slot=\"action\" size=\"inherit\" onClick={this.onNextActiveDateClick}>\n {this.localization.nextDayWithAppointments}\n </stzh-link>\n )}\n </stzh-datepicker>\n </div>\n </div>\n )}\n <div class=\"stzh-appointments__appointments-wrapper\">\n {this.showAppointmentsTitle && (\n <div class=\"stzh-appointments__appointments-title-wrapper\">\n <div class=\"stzh-appointments__appointments-title\">\n <stzh-icon class=\"stzh-appointments__appointments-icon\" name=\"clock\"></stzh-icon>\n <span class=\"stzh-appointments__appointments-title-text\">\n {this.appointmentsTitle \|\| this.localization.appointmentsTitle}\n </span>\n </div>\n {this.showSort && (\n <div class=\"stzh-appointments__sort\">\n <stzh-dropdown\n hide-optional\n inline\n no-search\n class=\"stzh-appointments__sort-dropdown\"\n variant=\"plain\"\n size=\"small\"\n sizeMedium={\"tiny\"}\n items={[this._sortBy]}\n options={this.sortOptions}\n onStzhChange={this.onDropdownChange}\n ></stzh-dropdown>\n </div>\n )}\n </div>\n )}\n\n <div class=\"stzh-appointments__appointments-content\">\n <stzh-radiogroup\n class=\"stzh-appointments__appointments-radiogroup\"\n ref={el => (this.inputElement = el as HTMLStzhRadiogroupElement)}\n legend={this.localization.inputLegend}\n hide-legend\n name={this.name}\n value={this.value}\n preventUpdateProperties={[\"disabled\"]}\n >\n {this.appointmentsShown.map(appointment => (\n <stzh-radio\n onStzhChange={this.onRadioChange}\n value={appointment.value}\n disabled={typeof appointment.disabled !== \"undefined\" ? appointment.disabled : false}\n >\n <stzh-text font=\"heavy\" size=\"centi\">\n {!this.showCalendar && (\n <span>{this.dateAdapter.format(appointment.start, \"dateLong\")}, </span>\n )}\n {this.dateAdapter.formatSpan(appointment.start, appointment.end, \"time\")}\n </stzh-text>\n <stzh-text size=\"milli\">{appointment.caption}</stzh-text>\n </stzh-radio>\n ))}\n </stzh-radiogroup>\n\n {this.showMoreLink && (\n <stzh-link class=\"stzh-appointments__more-link\" size=\"inherit\" onClick={this.onMoreClick}>\n {tc(\n this.localization.moreTextItems,\n this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft,\n )}\n </stzh-link>\n )}\n </div>\n </div>\n </div>\n\n {/ <div class=\"stzh-appointments__actions\">\n <slot name=\"actions\"></slot>\n </div> */}\n </div>\n </Host>\n );\n }\n}\n"]}