npm - @oiz/stzh-components - Versions diffs - 4.3.0 → 4.3.2 - Mend

@oiz/stzh-components 4.3.0 → 4.3.2

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

package/dist/collection/components/CMS/stzh-card-navigation/stzh-card-navigation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"stzh-card-navigation.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-card-navigation/stzh-card-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nimport { StzhCardNavigationClickEvent } from '../../../index';\nimport { hasSlot } from '../../../utils/utils';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n tag: 'stzh-card-navigation',\n styleUrl: 'stzh-card-navigation.scss',\n scoped: true,\n})\nexport class StzhCardNavigation {\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 /** Heading (alternative for heading slot) */\n @Prop() heading: string = '';\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 /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n @Element() element: HTMLStzhListElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: 'stzh-card-navigation',\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 render() {\n const hasLead = !!this.lead || hasSlot(this.element, 'lead');\n\n const classes = {\n 'stzh-card-navigation': true,\n 'stzh-card-navigation--has-lead': hasLead,\n 'stzh-card-navigation--hyphens': this.hyphensEnabled,\n };\n\n const Heading = `h${this.headingLevel}`;\n const TitleLink = this.href ? 'a' : 'button';\n\n return (\n <Host has-lead={hasLead}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n <div class=\"stzh-card-navigation__wrapper\">\n <Heading class=\"stzh-card-navigation__title\">\n <TitleLink\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n class=\"stzh-card-navigation__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n {this.heading ? (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)} innerHTML={this.heading}></div>\n ) : (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n <slot name=\"heading\"></slot>\n </div>\n )}\n </TitleLink>\n </Heading>\n\n <div class=\"stzh-card-navigation__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n </div>\n\n <div class=\"stzh-card-navigation__arrow\">\n <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n </article>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/CMS/stzh-card-searchresult/stzh-card-searchresult.e2e.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"stzh-card-searchresult.e2e.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-card-searchresult/stzh-card-searchresult.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,MAAM,GAAG,GAAG,iCAAiC,CAAC;AAE9C,MAAM,OAAO,GAAG;IACd,OAAO;IACP,cAAc;IACd,yBAAyB;IACzB,SAAS;IACT,SAAS;IACT,UAAU;IACV,WAAW;IACX,OAAO;IACP,8BAA8B;IAC9B,aAAa;IACb,wBAAwB;IACxB,qBAAqB;IACrB,iBAAiB;IACjB,SAAS;IACT,8BAA8B;IAC9B,eAAe;CAChB,CAAC;AAEF,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACtC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1B,IAAI,CAAC,SAAS,OAAO,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;YACtD,MAAM,UAAU,CAAC;gBACf,OAAO;gBACP,IAAI;gBACJ,GAAG,EAAE,GAAG;aACT,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from \"@playwright/test\";\nimport { visualDiff } from \"../../../../.build/test/utils\";\n\nconst URL = \"components-csm-cardsearchresult\";\n\nconst STORIES = [\n \"media\",\n \"with-hyphens\",\n \"city-counsil-resolution\",\n \"service\",\n \"website\",\n \"document\",\n \"job-offer\",\n \"event\",\n \"event-with-placeholder-image\",\n \"publication\",\n \"publication-statistics\",\n \"official-collection\",\n \"business-report\",\n \"gallery\",\n \"forms-and-information-sheets\",\n \"practice-pool\",\n];\n\ntest.describe(\"card-searchresult\", () => {\n STORIES.forEach((storyId) => {\n test(`story ${storyId} visual diff`, async ({ page }) => {\n await visualDiff({\n storyId,\n page,\n url: URL\n });\n });\n });\n});\n"]}

package/dist/collection/components/CMS/stzh-card-searchresult/stzh-card-searchresult.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"stzh-card-searchresult.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-card-searchresult/stzh-card-searchresult.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from '@stencil/core';\n\nimport {\n StzhBreadcrumbItem,\n StzhCardSearchresultClickEvent,\n StzhDatalistItemEntry,\n StzhLocaleAdapter,\n StzhLocaleComponent,\n} from '../../../index';\n\nimport { hasSlot } from '../../../utils/utils';\nimport PlaceholderImage from './assets/placeholder-image.svg';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n tag: 'stzh-card-searchresult',\n styleUrl: 'stzh-card-searchresult.scss',\n scoped: true,\n})\nexport class StzhCardSearchresult {\n /** Translation strings */\n @Prop() localization: StzhLocaleComponent;\n\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 /** Download attribute (if href is used) */\n @Prop() download: 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 /** Heading (alternative for heading slot) */\n @Prop() heading: string = '';\n\n /** Heading level */\n @Prop() headingLevel: '1' | '2' | '3' | '4' = '3';\n\n /** Description text (alternative for description slot) */\n @Prop() description: string = '';\n\n /** Tag */\n @Prop() tag: string;\n\n /** Topic */\n @Prop() topic: string;\n\n /** Service */\n @Prop() service: string;\n\n /** Dateline */\n @Prop() dateline: string;\n\n /** Meta */\n @Prop() meta: string[] | string;\n private _meta: string[];\n\n /** Breadcrumb items */\n @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n /** Datalist items */\n @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n /** Event start date */\n @Prop() eventDateStart: Date | string;\n\n /** Event start date */\n @Prop() eventDateEnd: Date | string;\n\n /** Event location */\n @Prop() eventLocation: string;\n\n /** Enable placeholder image if image slot not used */\n @Prop() placeholderImageEnabled: boolean = false;\n\n /** Image position */\n @Prop({ reflect: true }) imagePosition: 'default' | 'right' = 'default';\n\n /** Download heading */\n @Prop() downloadHeading: string;\n\n /** Download meta */\n @Prop() downloadMeta: string[] | string;\n private _downloadMeta: string[];\n\n /**\n * Date adapter, for custom parsing/formatting.\n * Must be 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 /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n @Element() element: HTMLStzhListElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n @Watch('meta')\n metaWatcher(newValue: string | string[]) {\n if (!newValue) {\n this._meta = [];\n } else if (typeof newValue === 'string') {\n try {\n this._meta = JSON.parse(newValue);\n } catch (e) {\n this._meta = [];\n }\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch('downloadMeta')\n downloadMetaWatcher(newValue: string | string[]) {\n if (!newValue) {\n this._downloadMeta = [];\n } else if (typeof newValue === 'string') {\n try {\n this._downloadMeta = JSON.parse(newValue);\n } catch (e) {\n this._downloadMeta = [];\n }\n } else {\n this._downloadMeta = newValue;\n }\n }\n\n private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: 'stzh-card-searchresult',\n originalEvent,\n href: this.href,\n });\n };\n\n private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n return !(!!startDate && startDate.getHours() === 0 && !endDate);\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n if (objectId) {\n this.headingLinkElement?.setAttribute('s-object-id', objectId);\n }\n });\n }\n\n async componentWillLoad() {\n this.metaWatcher(this.meta);\n this.downloadMetaWatcher(this.downloadMeta);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'card-searchresult');\n }\n\n if (!this.dateAdapter) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n render() {\n const hasHeading = !!this.heading || hasSlot(this.element, 'heading');\n const hasDescription = !!this.description || hasSlot(this.element, 'description');\n const hasImageSlot = hasSlot(this.element, 'image');\n\n const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n if (eventDateStart && !hasImageSlot) {\n this.placeholderImageEnabled = true;\n }\n\n const hasImage = hasImageSlot || this.placeholderImageEnabled;\n\n const classes = {\n 'stzh-card-searchresult': true,\n 'stzh-card-searchresult--has-heading': hasHeading,\n 'stzh-card-searchresult--has-description': hasDescription,\n 'stzh-card-searchresult--has-description-wrapper': hasDescription || !!eventDateStart || !!this.eventLocation,\n 'stzh-card-searchresult--has-link': !!this.href,\n 'stzh-card-searchresult--has-service': !!this.service,\n 'stzh-card-searchresult--has-tag': !!this.tag,\n 'stzh-card-searchresult--has-topic': !!this.topic,\n 'stzh-card-searchresult--has-image': hasImage,\n 'stzh-card-searchresult--has-image-default': hasImage && this.imagePosition === 'default',\n 'stzh-card-searchresult--has-image-right': hasImage && this.imagePosition === 'right',\n 'stzh-card-searchresult--has-meta': this._meta.length > 0,\n 'stzh-card-searchresult--has-download': !!this.downloadHeading || this._downloadMeta.length > 0,\n 'stzh-card-searchresult--has-breadcrumb': !!this.breadcrumbItems,\n 'stzh-card-searchresult--hyphens': this.hyphensEnabled,\n };\n\n const Heading = `h${this.headingLevel}`;\n const HeadingLink = this.href ? 'a' : 'div';\n\n return (\n <Host has-image={hasImage}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n <div class=\"stzh-card-searchresult__heading-wrapper\">\n {this.breadcrumbItems && (\n <stzh-breadcrumb\n class=\"stzh-card-searchresult__breadcrumb\"\n items={this.breadcrumbItems}\n variant=\"teaser\"\n ></stzh-breadcrumb>\n )}\n\n {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n <Heading class=\"stzh-card-searchresult__heading\">\n <HeadingLink\n ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n class=\"stzh-card-searchresult__heading-link\"\n href={this.href}\n target={this.target}\n download={this.download}\n onClick={this.handleCardClick}\n >\n {this.heading ? (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n innerHTML={this.heading}\n ></div>\n ) : (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n >\n <slot name=\"heading\"></slot>\n </div>\n )}\n </HeadingLink>\n </Heading>\n </div>\n\n <div class=\"stzh-card-searchresult__description-wrapper\">\n {(eventDateStart || this.eventLocation) && (\n <div class=\"stzh-card-searchresult__event-infos\">\n {eventDateStart && (\n <div class=\"stzh-card-searchresult__event-date\">\n <span>{this.dateAdapter.format(eventDateStart, 'dateLong')}</span>\n {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n <span>, {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, 'time')}</span>\n )}\n </div>\n )}\n {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n </div>\n )}\n\n <div class=\"stzh-card-searchresult__description\">\n {this.description ? this.description : <slot name=\"description\"></slot>}\n </div>\n </div>\n\n <div class=\"stzh-card-searchresult__image\">\n {eventDateStart && (\n <div class=\"stzh-card-searchresult__event-date-teaser\">\n <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n </div>\n <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n {eventDateStart.getDate() < 10 && '0'}\n {eventDateStart.getDate()}\n </div>\n <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n </div>\n </div>\n )}\n {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n <slot name=\"image\"></slot>\n {this.placeholderImageEnabled && !hasImageSlot && (\n <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n </stzh-ratio>\n )}\n </div>\n\n {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n <div class=\"stzh-card-searchresult__meta-wrapper\">\n {this.datalistItems && (\n <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n )}\n\n {this._meta.length > 0 && (\n <div class=\"stzh-card-searchresult__meta\">\n <div class=\"stzh-card-searchresult__meta-list\">\n {this._meta.map(meta => (\n <Fragment>\n <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n </Fragment>\n ))}\n </div>\n </div>\n )}\n\n {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n <div class=\"stzh-card-searchresult__download\">\n <div class=\"stzh-card-searchresult__download-data\">\n {this.downloadHeading && (\n <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n )}\n {this._downloadMeta.length > 0 && (\n <div class=\"stzh-card-searchresult__download-meta-list\">\n {this._downloadMeta.map(meta => (\n <Fragment>\n <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n </Fragment>\n ))}\n </div>\n )}\n </div>\n\n <div class=\"stzh-card-searchresult__download-button\">\n <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n </div>\n </div>\n )}\n </div>\n )}\n </article>\n </Host>\n );\n }\n}\n"]}

package/dist/components/p-273d413c.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p-273d413c.js","mappings":"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","names":[],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx"],"sourcesContent":["/**\n * @prop --content-min-height: Min height of content\n */\n\n:host {\n // --box-shadow: none;\n --border-radius: 0px;\n\n --content-min-height: 120px;\n\n --dnd-visibility: hidden;\n --dnd-opacity: 0;\n\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: var(--border-radius);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n &[collapsed]:not([collapsed=\"false\"]) {\n --content-min-height: none;\n }\n\n &[checked]:not([checked=\"false\"]) {\n outline: 3px solid $colorPrimary;\n }\n\n &.is-ghost::after,\n .is-ghost &::after {\n border-radius: var(--border-radius);\n }\n\n &[href]:hover,\n &[href]:focus-within,\n &.is-selected,\n &.is-chosen,\n .is-selected &,\n .is-chosen & {\n // --box-shadow: #{$boxShadowOverlay};\n }\n\n &.is-ghost,\n .is-ghost & {\n // --box-shadow: none;\n overflow: hidden;\n }\n\n &.is-drag,\n &.is-chosen,\n &.is-ghost,\n &.is-selected,\n .is-drag &,\n .is-chosen &,\n .is-ghost &,\n .is-selected &,\n &[is-sortable]:hover {\n --dnd-visibility: visible;\n --dnd-opacity: 1;\n }\n\n ::slotted([slot=\"image\"]) {\n width: 100%;\n max-width: 100%;\n }\n\n ::slotted(img[slot=\"image\"]) {\n display: block;\n }\n\n ::slotted(table) {\n border: 0;\n border-spacing: 0;\n\n th {\n @include font;\n }\n\n td, th {\n padding: 0;\n }\n\n td {\n color: $colorBlack;\n padding-left: space('xsmall');\n }\n }\n}\n\n.stzh-card {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n background-color: $colorGrey10;\n border-radius: var(--border-radius);\n // box-shadow: var(--box-shadow);\n // transition: box-shadow $baseTransitionAnimationSpeed;\n\n // .vshow-medium {\n // @include mq($to: medium) {\n // @include visuallyhidden;\n // }\n // }\n\n // .show-medium {\n // @include mq($to: medium) {\n // display: none;\n // }\n // }\n\n // .hide-medium {\n // @include mq($from: medium) {\n // display: none;\n // }\n // }\n \n &--background-grey {\n background-color: $colorGrey10; \n }\n\n &--background-white {\n background-color: $colorWhite; \n }\n \n &__content-wrapper {\n position: relative;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n min-height: var(--content-min-height);\n }\n\n &__dnd {\n --size: #{iconSize('xsmall')};\n position: absolute;\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 3px;\n top: 23px;\n display: flex;\n visibility: var(--dnd-visibility);\n opacity: var(--dnd-opacity);\n transition: all $baseTransitionAnimationSpeed;\n display: none;\n\n @include mq($from: medium) {\n display: block;\n }\n\n @include mq($from: large) {\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 4px;\n top: 27px;\n }\n }\n\n &__header-top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n &__header-meta {\n &:not(:empty) {\n display: inline-flex;\n margin-top: space('xsmall');\n gap: space('xsmall');\n }\n }\n\n &__header-left,\n &__header-right {\n display: flex;\n }\n\n &__header-right {\n @include spaceCurve('padding-left', 'tiny');\n }\n\n &__left {\n align-self: center;\n }\n\n &__title-area {\n @include wordWrap;\n overflow: hidden;\n }\n\n &__title,\n &__subtitle {\n margin: 0;\n }\n\n &__title-link {\n color: inherit;\n text-decoration-line: none;\n }\n\n &__title {\n @include font('title');\n @include fontSize('milli');\n }\n\n &__image-link {\n display: block;\n }\n\n &__subtitle {\n @include fontSize('milli');\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-decoration-line: none;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n margin-left: -0.5625em;\n }\n\n &__subtitle-text {\n position: relative;\n display: inline-flex;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n padding-left: 0.5625em;\n\n &::after {\n content: ',';\n position: absolute;\n left: 0;\n }\n }\n\n &__content {\n @include fontSize('milli');\n flex-grow: 1;\n }\n\n // &__footer-meta {\n // @include fontSize('micro');\n // display: flex;\n // flex-wrap: wrap;\n // gap: space('xsmall');\n // color: $colorGrey80;\n // }\n\n // &__footer-meta-separator {\n // width: 1px;\n // background-color: currentColor;\n // flex-shrink: 0;\n // }\n\n &__card-actions {\n display: inline-flex;\n white-space: nowrap;\n }\n\n &__card-action {\n @include mq($to: medium) {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n &[variant=\"tertiary\"] {\n --color: #{$baseColor};\n }\n\n &.is-button {\n --icon-size: #{iconSize('small')};\n }\n\n &.is-placeholder {\n width: space('xxlarge');\n height: space('xxlarge');\n }\n\n &.is-star {\n }\n }\n\n &__card-action-popover {\n --width: auto;\n }\n\n /* Service */\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__title {\n @include fontCurve('h3', 'heading');\n }\n\n /* Has content */\n\n &--has-content &__content {\n @include spaceCurve('padding-bottom', 'large');\n padding-top: space('xlarge');\n padding-left: space('xlarge');\n padding-right: space('medium');\n\n @include mq($from: medium) {\n @include spaceCurve('padding-bottom', 'medium');\n }\n }\n\n &--has-content#{&}--service &__content {\n @include spaceCurve('padding', 'regular');\n }\n\n /* Has header */\n\n &--has-header &__header {\n padding-top: space('xlarge');\n padding-left: space('xlarge');\n padding-right: space('medium');\n }\n\n &--has-header#{&}--has-content &__content {\n padding-top: space('xsmall');\n }\n\n &--has-header#{&}--service &__header {\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-header#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-top', 'regular');\n }\n\n /* Has footer */\n\n &--has-footer &__footer {\n @include spaceCurve('padding-bottom', 'medium');\n padding-left: space('xlarge');\n padding-right: space('medium');\n }\n\n &--has-footer#{&}--has-content &__content {\n padding-bottom: space('medium');\n }\n\n &--has-footer#{&}--service &__footer {\n @include spaceCurve('padding-bottom', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-footer#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n /* Has tag */\n\n &--has-tag#{&}--has-header &__header {\n padding-top: space('xxxlarge');\n }\n\n /* Has Link */\n\n &--has-link &__title-link,\n &--has-link &__content {\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &--has-link &__title-link {\n color: $colorPrimary;\n text-decoration-line: none;\n border-radius: $buttonBorderRadius;\n cursor: pointer;\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n // &::before {\n // transition: all $baseTransitionAnimationSpeed;\n // }\n }\n\n &--has-link &__header-meta,\n &--has-link &__footer-actionset,\n &--has-link &__footer-select-button {\n position: relative;\n z-index: 2;\n }\n\n &--has-link:has(#{&}__image-link:hover) &__title-link,\n &--has-link:has(#{&}__image-link:hover) &__content,\n &--has-link:has(#{&}__title-link:hover) &__title-link,\n &--has-link:has(#{&}__title-link:hover) &__content {\n color: $colorSecondary60;\n\n // &::before,\n // &::before {\n // background-color: $colorPrimary20;\n // }\n }\n\n // &__footer-arrow {\n // color: $colorPrimary;\n // }\n\n // &--has-link:hover &__footer-arrow {\n // color: $colorSecondary60;\n // }\n\n /* Interactive Subtitle */\n\n &--has-subtitle-interactive &__subtitle {\n cursor: pointer;\n font-family: inherit;\n padding: 0;\n appearance: none;\n background: none;\n border: none;\n transition: color $baseTransitionAnimationSpeed;\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Is collapsible */\n\n &--is-collapsible &__header {\n cursor: pointer;\n }\n\n /* Collapsed (Header) */\n\n &--is-collapsed,\n &--has-collapsed-header &__header {\n // .vhide-when-collapsed {\n // @include visuallyhidden;\n // }\n\n .hide-when-collapsed {\n display: none;\n }\n\n // .show-when-collapsed {\n // display: block;\n // }\n }\n\n &--is-collapsed &__header {\n // border-bottom: none;\n padding-bottom: space('xlarge');\n }\n\n &--is-collapsed#{&}--service &__header {\n // border-bottom: none;\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n &--is-collapsed &__card-action,\n &--has-collapsed-header &__card-action {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n /* Starred */\n\n &--is-starred &__card-action.is-star {\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Hyphens */\n &--hyphens &__heading,\n &--hyphens &__title {\n hyphens: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, forceUpdate, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n StzhActionsetItem,\n StzhButtonChangeEvent,\n StzhCardClickEvent,\n StzhCardCollapseEvent,\n StzhCardHeaderAction,\n StzhCardHeaderActionClickEvent,\n StzhCardStarClickEvent,\n StzhCardSubtitleClickEvent,\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n// import { media } from '../../utils/media-utils';\nimport { StzhCardLocalizedText } from \"./stzh-card.localization\";\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions` and `selectable` button are not shown anymore)\n */\n@Component({\n tag: \"stzh-card\",\n styleUrl: \"stzh-card.scss\",\n scoped: true,\n})\nexport class StzhCard {\n /** Translation strings */\n @Prop() localization: StzhCardLocalizedText;\n\n /** Whether background should be grey (default) or white */\n @Prop({ reflect: true }) backgroundColor: \"grey\" | \"white\" = \"grey\";\n\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"service\" = \"default\";\n\n /** Whether card is collapsed or not */\n @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n /** Whether card was starred */\n @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n /**\n * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n */\n @Prop({ reflect: true }) starrable: boolean = false;\n\n /** Whether card is selectable */\n @Prop({ reflect: true }) selectable: boolean = false;\n\n /** Whether card is checked (if card is selectable) */\n @Prop({ reflect: true }) checked: boolean = false;\n\n /** The name of the input element (if card is selectable) */\n @Prop({ reflect: true }) name: string = \"\";\n\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 /** The value of the input element (if card is selectable) */\n @Prop({ mutable: true }) value: string = \"\";\n\n /** Whether the element is disabled or not (if card is selectable) */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n /** Heading (or use heading slot instead) */\n @Prop() heading: string = \"\";\n\n /** Heading level */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Subtitle */\n @Prop() subtitle: string | string[] = \"\";\n private _subtitles = [];\n\n /** Author name */\n // @Prop() author: string;\n\n /** Date to display */\n // @Prop() date: Date | string;\n\n /**\n * Date adapter, for custom parsing/formatting.\n * Must be 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 /** Tag name */\n // @Prop() tag: string;\n\n /** Card header actions */\n @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n private _headerActions: StzhCardHeaderAction[];\n\n /**\n * Set a badge text if header action badge exists (see headerActionsBadgeType for more info).\n */\n @Prop() headerActionsBadge: string;\n\n /**\n * If a header action with a badge exists inside `headerActions`, the more actions popover will automatically have a empty badge.\n * By default, it takes the badge type from the first one. With this property you can overwrite it.\n */\n @Prop() headerActionsBadgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n /**\n * Card footer actions.\n * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n * You can listen to clicks with the `stzhActionClick` event.\n */\n @Prop() footerActions: string | StzhActionsetItem[] = [];\n private _footerActions: StzhActionsetItem[];\n\n /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n @Prop() subtitleInteractive: boolean = false;\n\n /**\n * Whether sorting should be disabled.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n /** Whether card is collapsible */\n @Prop({ reflect: true }) collapsible: boolean = false;\n\n /**\n * Whether movement menu items should be shown.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop() hideMovementActions: boolean = false;\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 @Element() element: HTMLStzhCardElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n /** Collapse event */\n @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n /** Subtitle click event */\n @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n /** Star click event */\n @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n /** Header action click event */\n @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n @Watch(\"subtitle\")\n subtitleWatcher(newValue: string[] | string) {\n if (typeof newValue === \"string\") {\n if (newValue === \"\") {\n this._subtitles = [];\n } else {\n try {\n this._subtitles = JSON.parse(newValue);\n } catch (err) {\n this._subtitles = [newValue];\n }\n }\n } else {\n this._subtitles = newValue;\n }\n }\n\n @Watch(\"headerActions\")\n headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n if (typeof newValue === \"string\") {\n this._headerActions = JSON.parse(newValue);\n } else {\n this._headerActions = newValue;\n }\n }\n\n @Watch(\"footerActions\")\n footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n if (typeof newValue === \"string\") {\n this._footerActions = JSON.parse(newValue);\n } else {\n this._footerActions = newValue;\n }\n }\n\n // @Watch(\"collapsed\")\n // collapsedWatcher() {\n // this.handleResize();\n // }\n\n private observer: MutationObserver;\n\n private nodeChange = entries => {\n let changeInSlot = false;\n\n entries.forEach(entry => {\n if (entry.target.closest(\"[slot]\") || entry.target.hasAttribute(\"slot\")) {\n changeInSlot = true;\n }\n });\n\n if (changeInSlot) {\n forceUpdate(this.element);\n }\n };\n\n // private mainElement: HTMLElement;\n // private headerElement: HTMLElement;\n // private headerLeftElement: HTMLElement;\n // private headerRightElement: HTMLElement;\n private imageLinkElement: HTMLAnchorElement;\n private titleLinkElement: HTMLAnchorElement;\n private headingTextElement: HTMLDivElement;\n private sortable: HTMLStzhSortableElement;\n\n // private debounceResize: number;\n // private resizeObserver: ResizeObserver;\n\n // private update = () => {\n // if (!this.mainElement) {\n // return;\n // }\n\n // this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n // if (media('medium').matches) {\n // const headerWidth = this.headerElement.clientWidth;\n // const leftWidth = this.headerLeftElement.clientWidth;\n // const rightWidth = this.headerRightElement.clientWidth;\n\n // if (headerWidth - leftWidth <= rightWidth) {\n // this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n // }\n // }\n // }\n\n private headerClick = (event: MouseEvent) => {\n if (!this.collapsible) {\n return;\n }\n\n const filterTags = [\n \"stzh-popover\",\n \"stzh-tooltip\",\n \"button\",\n \"a\",\n \"input\",\n \"select\",\n \"textarea\",\n \"iframe\",\n \"details\",\n \"label\",\n \"area\",\n ];\n const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n const found = composedPathTags.some(r => filterTags.includes(r));\n\n if (!found) {\n this.collapsed = !this.collapsed;\n\n this.stzhCollapse.emit({\n component: \"stzh-card\",\n collapsed: this.collapsed,\n });\n }\n };\n\n private subtitleClick = (event: MouseEvent) => {\n if (this.subtitleInteractive) {\n this.stzhSubtitleClick.emit({\n component: \"stzh-card\",\n originalEvent: event,\n });\n }\n };\n\n private starToggleClick = (event: MouseEvent) => {\n this.stzhStarClick.emit({\n component: \"stzh-card\",\n starred: this.starred,\n originalEvent: event,\n });\n };\n\n private actionClick = (event: MouseEvent, action: StzhCardHeaderAction) => {\n this.stzhHeaderActionClick.emit({\n component: \"stzh-card\",\n action,\n originalEvent: event,\n });\n };\n\n private arrowUpClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"up\");\n }\n };\n\n private arrowDownClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"down\");\n }\n };\n\n private updateElementInsideSortable = () => {\n const currentSortable = this.element.closest(\"stzh-sortable\");\n\n // check if element is still inside sortable\n if (!currentSortable) {\n this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n return;\n }\n\n if (this.element) {\n forceUpdate(this.element);\n }\n };\n\n private init = () => {\n const chips = this.element.querySelectorAll('stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip');\n\n const texts = this.element.querySelectorAll('stzh-text[slot=\"content\"], [slot=\"meta\"] stzh-text');\n\n chips.forEach(chip => {\n setPropsIfNull(chip, {\n size: \"small\",\n } as HTMLStzhChipElement);\n });\n\n texts.forEach(text => {\n setPropsIfNull(text, {\n size: \"inherit\",\n } as HTMLStzhTextElement);\n });\n };\n\n // private handleResize = () => {\n // if (this.debounceResize) {\n // window.cancelAnimationFrame(this.debounceResize);\n // }\n\n // this.debounceResize = requestAnimationFrame(this.update);\n // }\n\n private handleMutation = entries => {\n this.init();\n this.nodeChange(entries);\n };\n\n private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n this.checked = event.detail.checked;\n };\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n const interactiveTags = [\"a\", \"button\", \"input\", \"select\", \"textarea\", \"label\"];\n const path = (originalEvent.composedPath?.() ?? []) as HTMLElement[];\n \n if (path.some(el => interactiveTags.includes(el?.tagName?.toLowerCase?.()))) {\n return;\n }\n\n this.stzhClick.emit({\n component: \"stzh-card\",\n originalEvent,\n ...(this.href != null && { href: this.href }),\n });\n };\n\n private findSortableChildElement(): HTMLElement | undefined {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n let element: HTMLElement = this.element;\n let sortableContainer = null;\n\n if (typeof sortable.container === \"function\") {\n sortableContainer = sortable.container();\n } else {\n sortableContainer = sortable.container;\n }\n\n while (element.parentElement && element.parentElement !== sortableContainer) {\n element = element.parentElement;\n }\n\n return element;\n }\n }\n\n async componentWillLoad() {\n this.subtitleWatcher(this.subtitle);\n this.headerActionsWatcher(this.headerActions);\n this.footerActionsWatcher(this.footerActions);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card\");\n }\n\n // if (!this.dateAdapter) {\n // this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n // this.localization.$formats,\n // this.localization.$globals\n // );\n // }\n }\n\n componentDidLoad() {\n this.sortable = this.element.closest(\"stzh-sortable\");\n\n if (this.sortable) {\n this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n }\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n if (objectId) {\n this.imageLinkElement?.setAttribute(\"s-object-id\", objectId);\n this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.handleMutation);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n\n // this.resizeObserver = new ResizeObserver(this.handleResize);\n // this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n // if (this.resizeObserver) {\n // this.resizeObserver.disconnect();\n // }\n }\n\n render() {\n const imageUsed: boolean = hasSlot(this.element, \"image\");\n const headingUsed: boolean = hasSlot(this.element, \"heading\");\n const footerUsed: boolean = hasSlot(this.element, \"footer\");\n const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n const Heading = `h${this.headingLevel}`;\n const Subtitle = `${this.subtitleInteractive ? \"button\" : \"span\"}`;\n\n const sortableChildElement = this.findSortableChildElement();\n\n const isFirstItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) === 0;\n\n const isLastItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) ===\n sortableChildElement?.parentElement?.children.length - 1;\n\n const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n // const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n // const headerActions = [\n // ...this._headerActions\n // ];\n\n const hasHeading = !!this.heading || headingUsed;\n\n const hasHeader =\n hasHeading ||\n this._subtitles.length > 0 ||\n this._headerActions.length > 0 ||\n // || nonCollapsingTextHeaderActions.length > 0\n this.starrable ||\n sortableActionsEnabled;\n\n const hasFooter = footerUsed || this._footerActions.length > 0 || this.selectable;\n // || !!this.author\n // || !!this.date;\n\n const headerActionsWithBadge = this._headerActions.filter(action => !!action.badge || action.badgeEmpty);\n\n const uniqueId = `--is-described-${Math.random().toString(36).slice(2, 9)}`;\n const descriptionId = `stzh-card${uniqueId}`;\n\n const classes = {\n \"stzh-card\": true,\n \"stzh-card--background-grey\": this.backgroundColor === \"grey\",\n \"stzh-card--background-white\": this.backgroundColor === \"white\",\n \"stzh-card--has-link\": !!this.href,\n \"stzh-card--has-image\": imageUsed,\n \"stzh-card--has-content\": contentUsed,\n \"stzh-card--has-subtitle\": !!this.subtitle,\n \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n \"stzh-card--has-header\": hasHeader,\n \"stzh-card--has-footer\": hasFooter,\n // \"stzh-card--has-tag\": !!this.tag,\n \"stzh-card--is-collapsible\": this.collapsible,\n \"stzh-card--is-collapsed\": this.collapsed,\n \"stzh-card--is-starred\": this.starred,\n \"stzh-card--is-checked\": this.checked,\n \"stzh-card--is-sortable\": sortableEnabled,\n [`stzh-card--${this.variant}`]: !!this.variant,\n \"stzh-card--hyphens\": this.hyphensEnabled,\n };\n\n return (\n <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n <article\n // ref={(el) => (this.mainElement = el as HTMLElement)}\n class={classes}\n onClick={this.handleCardClick} \n >\n <a\n ref={el => (this.imageLinkElement = el as HTMLAnchorElement)}\n aria-hidden=\"true\"\n tabindex=\"-1\"\n class=\"stzh-card__image-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <slot name=\"image\"></slot>\n </a>\n <div class=\"stzh-card__content-wrapper\">\n <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n {/* {this.tag && <div class=\"stzh-card__tag\">{this.tag}</div>} */}\n\n <header\n // ref={(el) => (this.headerElement = el as HTMLElement)}\n class=\"stzh-card__header\"\n onClick={this.headerClick}\n >\n <div class=\"stzh-card__header-top\">\n <div\n // ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n class=\"stzh-card__header-left\"\n >\n <div class=\"stzh-card__title-area\">\n {hasHeading && (\n <Heading class=\"stzh-card__title\">\n <a\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement)}\n class=\"stzh-card__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n aria-describedby={descriptionId}\n >\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </div>\n </a>\n </Heading>\n )}\n <span id={descriptionId} hidden>\n {this.localization?.clickTitle}\n </span>\n {this._subtitles.length > 0 && (\n <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n {this._subtitles.map(subtitle => (\n <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n ))}\n </Subtitle>\n )}\n </div>\n </div>\n <div\n // ref={(el) => (this.headerRightElement = el as HTMLElement)}\n class=\"stzh-card__header-right\"\n >\n <div class=\"stzh-card__card-actions\">\n {/* {this._headerActions.map(action => (\n <stzh-button\n class={{\n \"stzh-card__card-action\": true,\n \"is-button\": true,\n \"show-medium\": !action.onlyCollapseText,\n \"hide-when-collapsed\": !action.onlyCollapseText,\n \"hide-text-when-collapsed\": action.onlyCollapseText\n }}\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n variant=\"tertiary\"\n size=\"tiny\"\n badgePosition=\"icon\"\n onClick={(e: MouseEvent) => { this.actionClick(e, action) }}\n >\n <span\n class={{\n \"vshow-medium\": action.onlyCollapseText,\n \"vhide-when-collapsed\": action.onlyCollapseText\n }}\n >\n {action.label}\n </span>\n </stzh-button>\n ))} */}\n\n {this.starrable && (\n <stzh-tooltip>\n <stzh-button\n class=\"stzh-card__card-action is-star\"\n icon={this.starred ? \"star-filled\" : \"star\"}\n variant=\"tertiary\"\n size=\"tiny\"\n iconOnly={true}\n onClick={this.starToggleClick}\n ></stzh-button>\n <div slot=\"content\">\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </div>\n </stzh-tooltip>\n )}\n\n {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n {/* {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) && */}\n {(this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class={{\n \"stzh-card__card-action-popover\": true,\n // \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n }}\n >\n <stzh-button\n class=\"stzh-card__card-action is-further\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-vertical\"\n iconOnly={true}\n badge={this.headerActionsBadge}\n badgeEmpty={headerActionsWithBadge.length > 0}\n badgePosition=\"icon\"\n badgeType={this.headerActionsBadgeType || headerActionsWithBadge[0]?.badgeType || \"default\"}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {/* {nonCollapsingTextHeaderActions.map(action => ( */}\n {this._headerActions.map(action => (\n <stzh-menu-item\n // class=\"hide-medium show-when-collapsed\"\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n onClick={(e: MouseEvent) => {\n this.actionClick(e, action);\n }}\n >\n {action.label}\n </stzh-menu-item>\n ))}\n\n {sortableActionsEnabled && (\n <Fragment>\n {!isFirstItemInSortable && (\n <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n {this.localization.actionMoveUp}\n </stzh-menu-item>\n )}\n {!isLastItemInSortable && (\n <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n {this.localization.actionMoveDown}\n </stzh-menu-item>\n )}\n </Fragment>\n )}\n\n {this.starrable && (\n <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"stzh-card__header-meta\">\n <slot name=\"meta\"></slot>\n </div>\n </header>\n\n <div class=\"stzh-card__content hide-when-collapsed\">\n <slot name=\"content\"></slot>\n </div>\n\n <div class=\"stzh-card__footer hide-when-collapsed\">\n {/* {(this.author || this.date) &&\n <div class=\"stzh-card__footer-meta\">\n {this.author &&\n <div class=\"stzh-card__footer-author\">{this.author}</div>\n }\n {this.author && this.date &&\n <div class=\"stzh-card__footer-meta-separator\"></div>\n }\n {this.date &&\n <div class=\"stzh-card__footer-date\">\n {this.dateAdapter.format(new Date(this.date), \"dateInput\")}\n </div>\n }\n </div>\n } */}\n\n <slot name=\"footer\">\n {this._footerActions.length > 0 && (\n <stzh-actionset class=\"stzh-card__footer-actionset\" actions={this._footerActions}></stzh-actionset>\n )}\n\n {this.selectable && (\n <stzh-button\n class=\"stzh-card__footer-select-button\"\n fullwidth\n type=\"radio\"\n variant=\"secondary\"\n name={this.name}\n value={this.value}\n checked={this.checked}\n disabled={this.disabled}\n label={this.localization.select}\n onStzhChange={this.handleSelectionChange}\n ></stzh-button>\n )}\n </slot>\n </div>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/stzh-components/p-001a94ff.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s,F as i,a as e,g as o}from"./p-ef5985a3.js";import{a}from"./p-1b0f45c6.js";const h=".sc-stzh-poilist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-poilist-h,[stzh-hidden].sc-stzh-poilist-h{display:none}.sc-stzh-poilist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poilist-h .sc-stzh-poilist,.sc-stzh-poilist-h .sc-stzh-poilist::before,.sc-stzh-poilist-h .sc-stzh-poilist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-poilist-h .has-focus.sc-stzh-poilist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist{outline-style:none !important}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist::-moz-focus-inner{border:0 !important}.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xsmall);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 600px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xlarge)}}.stzh-poilist__header.sc-stzh-poilist stzh-text.sc-stzh-poilist{--color:var(--stzh-color-grey80);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{justify-content:center}}.stzh-poilist.sc-stzh-poilist stzh-dropdown.sc-stzh-poilist{--color:var(--stzh-color-primary90);--icon-color:var(--stzh-color-primary90);--icon-angle-color:var(--stzh-color-primary90)}";const r=h;const n=class{constructor(s){t(this,s);this.handleMoreClick=async()=>{this.loadingText=this.localization.dataLoading;this.isLoading=true;this.currentOffset++;const{data:t}=await a.get(this.getCurrentApiUrl());this.meta=t.meta;this.items=this.items.concat(t.items);this.isLoading=false};this.onSortChange=async t=>{this.activeSorting=t.detail.value;this.currentOffset=0;this.items=[];await this.apiWatcher(this.api)};this.localization=undefined;this.api=undefined;this.currentOffset=0;this.meta=undefined;this.items=[];this.isLoading=true;this.dropdownOptions=[];this.activeSorting=undefined;this.latitude=47.3714332;this.longitude=8.542093;this.geopositionError="";this.loadingText=""}async apiWatcher(t){this.loadingText=this.localization.dataLoading;if(!t){return}const{data:s}=await a.get(this.getCurrentApiUrl());this.meta=s.meta;this.items=s.items;this.isLoading=false}getCurrentApiUrl(){return`${this.api}?offset=${this.currentOffset}&sort=${this.activeSorting}:DESC&latitude=${this.latitude}&longitude=${this.longitude}`}getNumberOfLoadedItems(){if(this.meta.currentPage!==this.meta.totalPages){return this.meta.itemsPerPagethis.meta.currentPage}else{return this.meta.totalItems}}async getUserPosition(){this.loadingText=this.localization.geopositionLoading;try{const t=await this.getPositionAsync();this.latitude=t.coords.latitude;this.longitude=t.coords.longitude}catch(t){console.error("geopositionNotFoundException",t);this.geopositionError=this.localization.geopositionError}}getPositionAsync(){return new Promise(((t,s)=>{if(navigator.geolocation){navigator.geolocation.getCurrentPosition((s=>t(s)),(t=>s(t)))}else{s(new Error("Geolocation is not supported by this browser."))}}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"poilist")}this.dropdownOptions=[{text:this.localization.sortByDistance,value:"distance"},{text:this.localization.sortByName,value:"name"}];this.activeSorting=this.dropdownOptions[0].value}async componentDidLoad(){await this.getUserPosition();await this.apiWatcher(this.api)}render(){const t={"stzh-poilist":true};return s(e,{key:"ffd0ae24b38dec3f1fd9ce40aa25b13b6b3af2f0"},s("div",{key:"fe8650311c1704e78e5a73a425f595c90016917c",class:t},s("stzh-overlay",{key:"df7d9f88a9685c76f3d13a39983acc8bc6aa84bb",open:this.isLoading},s("stzh-loader",{key:"c4a20e12224c075c245e3586dd171d8a2b7bae35",label:this.loadingText})),this.geopositionError&&s("stzh-message",{key:"999326b6452f4aed8eb5a1d36f7e6efc9946e444",type:"error",label:this.geopositionError}),(this.items.length>0\|\|this.meta)&&s(i,{key:"b1399d2750928af28b63a957b4ba2ba1f294aa88"},s("div",{key:"d4b3cf2a8e903e178ab9cf5876b95631bbfeb47a",class:"stzh-poilist__header"},s("stzh-text",{key:"18fe1a7453f9c1f1751af93e68149a7ae6941cb4",size:"micro"},this.getNumberOfLoadedItems()," ",this.localization.of," ",this.meta.totalItems),s("stzh-dropdown",{key:"3d4bfe7212c6ab224f976f699fb11eca46cb2944",label:"Sortierung","hide-optional":true,variant:"plain",noSearch:true,inline:true,noWrap:true,onStzhChange:this.onSortChange,items:Array.isArray(this.activeSorting)?this.activeSorting:[this.activeSorting],options:this.dropdownOptions})),s("stzh-cardlist",{key:"3d1d16a9dac73ea77aaa48275e945180fedd816a",layout:"teasers"},this.items.map((t=>s("stzh-poicard",{item:t})))),this.meta.currentPage!==this.meta.totalPages&&s("div",{key:"66b9b299fbcfc49066bea4cb5d4318f20b378e29",class:"stzh-poilist__show-more"},s("stzh-button",{key:"a0b05f309b62c660e692264544e74dc493b6e8c7",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick})))))}get element(){return o(this)}static get watchers(){return{api:["apiWatcher"]}}};n.style=r;export{n as stzh_poilist};
2	- //# sourceMappingURL=p-001a94ff.entry.js.map

package/dist/stzh-components/p-588eaf19.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhContactCss","StzhContactStyle0","formatTel","tel","replace","StzhContact","this","_street","_streetInfo","_numbers","_emails","_availability","availabilityWatcher","newValue","JSON","parse","numbersWatcher","jsonParseException","emailsWatcher","streetWatcher","noArrayException","streetInfoWatcher","componentWillLoad","numbers","emails","availability","street","streetInfo","render","hasImage","hasSlot","element","hasAddress","address","hasAddons","hasLinks","classes","HeadingLevel","headingLevel","AvailabilityTitleElement","availabilityTitleLevel","isPerson","type","isOrganization","h","Host","key","class","itemscope","itemtype","itemprop","heading","name","mainHeading","level","mainHeadingLevel","personRole","curve","responsibilityTitle","innerHTML","responsibility","contactTitle","Fragment","length","map","postalCode","location","number","label","size","height","href","analyticsId","email","text","pobox","poboxHeading","poboxTitle","poboxPostalCode","poboxLocation","additionalInformation","availabilityTitle","item","weekday","hours","hour","index"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading\" \"image image image image\" \"responsibility responsibility responsibility responsibility\" \"additional additional additional additional\" \"info info info info\" \"availability availability availability availability\"\n );\n\n --grid-template-columns: var(\n --stzh-contact-grid-template-columns,\n #{$gridColumns}\n );\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info availability availability availability availability\"\n );\n\n --grid-template-columns: var(\n --stzh-contact-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n ::slotted([slot=\"image\"]) {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &[has-availability=\"false\"] {\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-contact-grid-template-areas,\n \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info info info info info\"\n );\n }\n }\n}\n\n.stzh-contact {\n @include fontCurve(\"p1\");\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__main-heading {\n grid-area: heading;\n\n &:not(:empty) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\n }\n }\n }\n &__main-heading-type {\n &:not(:empty) {\n padding-top: space('xsmall');\n padding-bottom: space('xxsmall');\n\n @include mq($from: small) {\n padding-top: space('small');\n padding-bottom: space('xxsmall');\n }\n\n @include mq($from: medium) {\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n @include mq($from: large) {\n padding-top: space('small');\n padding-bottom: space('small');\n }\n }\n }\n\n &__main-heading-section {\n &:not(:empty) {\n margin-bottom: space('medium');\n padding-top: space('medium');\n padding-bottom: space('xxsmall');\n\n @include mq($from: small) {\n margin-bottom: space('large');\n padding-top: space('large');\n padding-bottom: space('xxsmall');\n }\n\n @include mq($from: medium) {\n margin-bottom: space('xlarge');\n padding-top: space('xlarge');\n padding-bottom: space('xsmall');\n }\n\n @include mq($from: large) {\n margin-bottom: space('xxlarge');\n padding-top: space('xxlarge');\n padding-bottom: space('small');\n }\n }\n }\n\n &__main-heading-text {\n &:not(:empty) {\n margin-bottom: space('xsmall');\n }\n }\n\n &__image-wrapper {\n grid-area: image;\n background-color: $colorSecondary20;\n }\n\n &__role {\n @include fontSize('milli');\n @include font('medium');\n }\n\n &__image {\n position: relative;\n }\n\n &__info {\n grid-area: info;\n }\n\n &__responsibility {\n grid-area: responsibility;\n\n &:not(:empty) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\n }\n }\n }\n\n &__responsibility-text {\n &:not(:empty) {\n padding-bottom: space(\"xsmall\");\n\n @include mq($from: small) {\n padding-bottom: space(\"small\");\n }\n @include mq($from: medium) {\n padding-bottom: space(\"medium\");\n }\n @include mq($from: large) {\n padding-bottom: space(\"small\");\n }\n }\n }\n\n &__additional {\n grid-area: additional;\n @include spaceCurve(\"gap\", \"regular\");\n display: grid;\n\n ::slotted(*) {\n margin-bottom: space(\"xlarge\");\n\n @include mq($from: large) {\n margin-bottom: space(\"xxlarge\");\n }\n }\n }\n\n &__heading,\n &__name,\n &__emails,\n &__pobox,\n &__availability-title {\n &:not(:empty):not(:last-child) {\n margin-bottom: space(\"xsmall\");\n }\n }\n\n &__numbers {\n white-space: nowrap;\n }\n\n &__number,\n &__email {\n display: flex;\n align-items: center;\n gap: space('xxsmall')\n }\n\n &__heading,\n &__name,\n &__role,\n &__availability-title {\n @include fontCurve(\"p1\");\n margin: 0px;\n }\n\n &__heading,\n &__name.is-heading,\n &__availability-title {\n @include font(\"heavy\");\n }\n\n &__availability {\n grid-area: availability;\n margin-top: space(\"xlarge\");\n @include spaceCurve(\"gap\", \"small\");\n\n @include mq($from: medium) {\n margin-top: 0px;\n }\n }\n\n &__availability-list,\n &__availability-hour-list {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n &__availability-list {\n @include spaceCurve(\"gap\", \"small\");\n display: grid;\n }\n\n &__availability-weekday {\n @include fontCurve(\"p1\");\n }\n\n &__availability-hours {\n display: flex;\n flex-direction: column;\n\n @include mq($from: small) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n column-gap: space(\"xsmall\");\n }\n }\n\n &__availability-hours-separator {\n width: 1px;\n background-color: currentColor;\n flex-shrink: 0;\n }\n\n &--has-image &__image {\n width: 64px;\n height: 64px;\n\n @include mq($from: small) {\n width: 80px;\n height: 80px;\n }\n\n @include mq($from: medium) {\n width: 100px;\n height: 100px;\n }\n\n @include mq($from: large) {\n width: 120px;\n height: 120px;\n }\n\n @include mq($from: ultra) {\n width: 140px;\n height: 140px;\n }\n }\n\n &__image-wrapper {\n background-color: transparent;\n }\n}\n","import {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core'\n\nimport {\n ContactEmail,\n ContactNumber,\n StzhContactAvailabilityItem,\n} from '../../../index'\n\nimport { hasSlot } from '../../../utils/utils'\n\nfunction formatTel(tel: string) {\n return tel.replace(/\\s/g, '')\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n tag: 'stzh-contact',\n styleUrl: 'stzh-contact.scss',\n scoped: true,\n})\nexport class StzhContact {\n /** Type */\n @Prop() type: 'Organization' | 'Person' = 'Organization'\n\n /** Main heading */\n @Prop() mainHeading: string\n\n /** Sub heading */\n @Prop() subHeading: string\n\n /** Main heading level */\n @Prop() mainHeadingLevel: '1' | '2' | '3' | '4' = '2'\n\n /** Heading */\n @Prop() heading: string\n\n /** Resposibility title */\n @Prop() responsibilityTitle: string\n\n /** Resposibility title */\n @Prop() responsibility: string\n\n /** Heading level */\n @Prop() headingLevel: '1' | '2' | '3' | '4' = '3'\n\n /** Name */\n @Prop() name: string\n\n /** Person role */\n @Prop() personRole: string\n\n /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n @Prop() address: string\n\n /** Street */\n @Prop() street: string | string[]\n private _street: string[] = []\n\n /** Additional street info */\n @Prop() streetInfo: string | string[]\n private _streetInfo: string[] = []\n\n /** Postal code */\n @Prop() postalCode: string\n\n /** Location / city */\n @Prop() location: string\n\n /**\n * Numbers\n * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n * and optionally `analyticsId` for setting `s-object-id` to the link element\n * (for Adobe Analytics, default value is `label` and `number`).\n */\n @Prop() numbers: ContactNumber[] | string = []\n private _numbers: ContactNumber[] = []\n\n /**\n * Numbers\n * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n * and optionally `analyticsId` for setting `s-object-id` to the link element\n * (for Adobe Analytics, default value is `label` and `text`).\n */\n @Prop() emails: ContactEmail[] | string = []\n private _emails: ContactEmail[] = []\n\n /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n @Prop() pobox: string\n\n /** Post office box heading */\n @Prop() poboxHeading: string\n\n /** Post office box title */\n @Prop() poboxTitle: string\n\n /** Post office box postal code */\n @Prop() poboxPostalCode: string\n\n /** Post office box location / city */\n @Prop() poboxLocation: string\n\n /** Availability title */\n @Prop() availabilityTitle: string\n\n /** Contact title */\n @Prop() contactTitle: string\n\n /** Availability title level */\n @Prop() availabilityTitleLevel: '1' | '2' | '3' | '4' = '3'\n\n /** Availability times */\n @Prop() availability: string | StzhContactAvailabilityItem[]\n private _availability: StzhContactAvailabilityItem[] = []\n\n /** Additional freetext */\n @Prop() additionalInformation: string;\n\n @Watch('availability')\n availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n if (typeof newValue === 'string') {\n this._availability = JSON.parse(newValue)\n } else {\n this._availability = newValue\n }\n }\n\n @Watch('numbers')\n numbersWatcher(newValue: ContactNumber[] | string) {\n if (typeof newValue === \"string\") {\n try {\n this._numbers = JSON.parse(newValue);\n } catch (jsonParseException) {\n // Nothing to do here, just catching to prevent component from dying.\n }\n } else {\n this._numbers = newValue\n }\n }\n\n @Watch('emails')\n emailsWatcher(newValue: ContactEmail[] | string) {\n if (typeof newValue === \"string\") {\n try {\n this._emails = JSON.parse(newValue);\n } catch (jsonParseException) {\n // Nothing to do here, just catching to prevent component from dying.\n }\n } else {\n this._emails = newValue\n }\n }\n\n @Watch('street')\n streetWatcher(newValue: string[] | string) {\n if (typeof newValue === 'string') {\n try {\n this._street = JSON.parse(newValue)\n } catch (noArrayException) {\n this._street = [newValue]\n }\n } else if (newValue) {\n this._street = newValue\n }\n }\n\n @Watch('streetInfo')\n streetInfoWatcher(newValue: string[] | string) {\n if (typeof newValue === 'string') {\n try {\n this._streetInfo = JSON.parse(newValue)\n } catch (noArrayException) {\n this._streetInfo = [newValue]\n }\n } else if (newValue) {\n this._streetInfo = newValue\n }\n }\n\n @Element() element: HTMLStzhFigureElement\n\n async componentWillLoad() {\n this.numbersWatcher(this.numbers)\n this.emailsWatcher(this.emails)\n this.availabilityWatcher(this.availability)\n this.streetWatcher(this.street)\n this.streetInfoWatcher(this.streetInfo)\n }\n\n render() {\n const hasImage = hasSlot(this.element, 'image')\n const hasAddress = !!this.address || hasSlot(this.element, 'address')\n const hasAddons = hasSlot(this.element, 'addons')\n const hasLinks = hasSlot(this.element, 'links')\n\n const classes = {\n 'stzh-contact': true,\n 'stzh-contact--has-image': hasImage,\n 'stzh-contact--has-address': hasAddress,\n 'stzh-contact--has-addons': hasAddons,\n 'stzh-contact--has-links': hasLinks,\n }\n\n const HeadingLevel = `h${this.headingLevel}`\n const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`\n const isPerson = this.type === 'Person';\n const isOrganization = this.type === 'Organization';\n\n return (\n <Host has-availability={!!this.availability ? 'true' : 'false'}>\n <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n\n <div class=\"stzh-contact__main-heading\"\n itemprop={\n (isOrganization && !this.heading) ||\n (isPerson && !this.name)\n ? 'name'\n : null\n }\n >\n <div class=\"stzh-contact__main-heading-section\">\n {this.mainHeading\n ? <stzh-heading level={this.mainHeadingLevel}>\n {this.mainHeading}\n </stzh-heading>\n : <slot name=\"main-heading\"></slot>\n }\n </div>\n <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n {this.personRole && isPerson && (\n <stzh-heading curve='h3' level=\"3\" >\n <span class=\"stzh-contact__role\">\n {this.personRole}\n </span>\n </stzh-heading>\n )}\n {\n (isPerson && this.name || isOrganization && this.heading) &&\n (\n <div class=\"stzh-contact__main-heading-type\">\n {this.name && isPerson && (\n <stzh-heading level='3' curve='h3'>\n {this.name}\n </stzh-heading>\n )}\n {this.heading && isOrganization && (\n <stzh-heading level='3' curve='h3'>\n {this.heading}\n </stzh-heading>\n )}\n </div>\n )\n }\n </div>\n {isPerson &&\n <div class=\"stzh-contact__image-wrapper\">\n <div class=\"stzh-contact__image\">\n <slot name=\"image\"></slot>\n </div>\n </div>\n }\n </div>\n\n <div class=\"stzh-contact__responsibility\">\n {this.responsibilityTitle && (\n <HeadingLevel\n class=\"stzh-contact__heading\"\n itemprop={this.responsibilityTitle}\n innerHTML={this.responsibilityTitle}\n />\n )}\n {this.responsibility && (\n <stzh-text class=\"stzh-contact__responsibility-text\">\n {this.responsibility}\n </stzh-text>\n )}\n </div>\n\n <div class=\"stzh-contact__additional\">\n <slot></slot>\n </div>\n\n <div class=\"stzh-contact__info\">\n\n {this.contactTitle && (\n <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n {this.contactTitle}\n </AvailabilityTitleElement>\n )}\n\n\n <div\n class=\"stzh-contact__address\"\n itemprop=\"address\"\n itemscope\n itemtype=\"http://schema.org/PostalAddress\"\n innerHTML={this.address}\n >\n {!this.address && (\n <Fragment>\n {this._street.length > 0 && (\n <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n {this._street.map((street: string) => (\n <Fragment>\n {street}\n <br />\n </Fragment>\n ))}\n {this._streetInfo.length > 0 && (\n <Fragment>\n <br />{' '}\n {this._streetInfo.map((streetInfo: string) => (\n <Fragment>\n {streetInfo}\n <br />\n </Fragment>\n ))}\n </Fragment>\n )}\n </div>\n )}\n\n {this.postalCode && (\n <span\n class=\"stzh-contact__postal-code\"\n itemprop=\"postalCode\"\n >\n {this.postalCode} \n </span>\n )}\n\n {this.location && (\n <span\n class=\"stzh-contact__locality\"\n itemprop=\"addressLocality\"\n >\n {this.location}\n </span>\n )}\n\n <slot name=\"address\"></slot>\n </Fragment>\n )}\n </div>\n\n {this._numbers.length > 0 && (\n <div class=\"stzh-contact__numbers\">\n {this._numbers.map((number) => (\n <div class=\"stzh-contact__number\">\n <span>{number.label} </span>\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-contact__number-link\"\n href={`${number.type}:${formatTel(number.number)}`}\n analyticsId={\n number.analyticsId || `${number.label} ${number.number}`\n }\n itemprop={\n number.type === 'fax' ? 'faxNumber' : 'telephone'\n }\n >\n {number.number}\n </stzh-link>\n </div>\n ))}\n </div>\n )}\n\n {this._emails.length > 0 && (\n <div class=\"stzh-contact__emails\">\n {this._emails.map((email) => (\n <div class=\"stzh-contact__email\">\n <span>{email.label} </span>\n {email.href ? (\n <stzh-link\n size=\"inherit\"\n height=\"auto\"\n class=\"stzh-container__email-link\"\n href={`mailto:${email.href}`}\n analyticsId={\n email.analyticsId || `${email.label} ${email.text}`\n }\n itemprop=\"email\"\n >\n {email.text}\n </stzh-link>\n ) : (\n <span class=\"stzh-container__email-link\" itemprop=\"email\">\n {email.text}\n </span>\n )}\n </div>\n ))}\n </div>\n )}\n\n <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n {!this.pobox && (\n <Fragment>\n {this.poboxHeading && (\n <div class=\"stzh-contact__pobox-heading\">\n {this.poboxHeading}\n </div>\n )}\n {this.poboxTitle && (\n <div class=\"stzh-contact__pobox-title\">\n {this.poboxTitle}\n </div>\n )}\n {this.poboxPostalCode && (\n <span class=\"stzh-contact__pobox-postal-code\">\n {this.poboxPostalCode} \n </span>\n )}\n {this.poboxLocation && (\n <span class=\"stzh-contact__pobox-locality\">\n {this.poboxLocation}\n </span>\n )}\n <slot name=\"pobox\"></slot>\n </Fragment>\n )}\n </div>\n\n <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n </div>\n\n {this.availability && (\n <div class=\"stzh-contact__availability\">\n {this.availabilityTitle && (\n <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n {this.availabilityTitle}\n </AvailabilityTitleElement>\n )}\n\n {this._availability.length > 0 && (\n <ul class=\"stzh-contact__availability-list\">\n {this._availability.map((item) => (\n <li class=\"stzh-contact__availability-list-item\">\n <div class=\"stzh-contact__availability-weekday\">\n {item.weekday}\n </div>\n {item.hours.length > 0 && (\n <div class=\"stzh-contact__availability-hours\">\n {item.hours.map((hour, index) => (\n <Fragment>\n <div class=\"stzh-contact__availability-hour\">\n {hour}\n </div>\n {index < item.hours.length - 1 && (\n <div class=\"stzh-contact__availability-hours-separator\"></div>\n )}\n </Fragment>\n ))}\n </div>\n )}\n </li>\n ))}\n </ul>\n )}\n </div>\n )}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-5c85487e.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhCardSearchresultCss","StzhCardSearchresultStyle0","StzhCardSearchresult","this","handleCardClick","originalEvent","stzhClick","emit","component","href","metaWatcher","newValue","_meta","JSON","parse","e","downloadMetaWatcher","_downloadMeta","hasProperStartAndOrEndDate","startDate","endDate","getHours","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","headingLinkElement","setAttribute","componentWillLoad","meta","downloadMeta","localization","window","stzhComponents","utils","fetchTranslations","element","dateAdapter","createFormatParseAdapter","$formats","$globals","render","hasHeading","heading","hasSlot","hasDescription","description","hasImageSlot","eventDateStart","Date","eventDateEnd","placeholderImageEnabled","hasImage","classes","eventLocation","service","tag","topic","imagePosition","length","downloadHeading","breadcrumbItems","hyphensEnabled","Heading","headingLevel","HeadingLink","h","Host","key","class","role","label","nonInteractive","items","variant","dateline","ref","el","target","download","onClick","innerHTML","name","format","formatSpan","dayNamesShort","getDay","getDate","monthNamesShort","getMonth","ratio","PlaceholderImage","datalistItems","map","Fragment"],"sources":["src/components/CMS/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/CMS/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":["/**\n * @prop --placeholder-image-color: color of placeholder image (svg)\n */\n:host {\n --service-background-color: #{$colorSecondary30};\n --service-color: #{$colorPrimary70};\n --placeholder-image-color: #{$colorGrey30};\n\n --grid-template-areas: \"heading\" \"description\" \"meta\";\n --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n --grid-template-columns: minmax(0, 1fr);\n\n display: grid;\n\n ::slotted(img) {\n width: 100%;\n max-width: 100%;\n }\n\n &[has-image] {\n --grid-template-areas: \"image\" \"heading\" \"description\" \"meta\";\n --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n --grid-template-columns: minmax(0, 1fr);\n\n @include mq($from: small) {\n --grid-template-areas: \"heading image\" \"description image\" \"meta image\";\n --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n }\n }\n\n &[has-image][image-position=\"right\"] {\n @include mq($to: small) {\n --grid-template-areas: \"heading image\" \"description description\" \"meta meta\";\n --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n }\n }\n}\n\n.stzh-card-searchresult {\n @include fontSize('milli');\n position: relative;\n display: grid;\n background-color: $colorGrey10;\n grid-template-areas: var(--grid-template-areas);\n grid-template-rows: var(--grid-template-rows);\n grid-template-columns: var(--grid-template-columns);\n color: $colorGrey80;\n\n &__tag,\n &__dateline,\n &__breadcrumb,\n &__event-infos,\n &__heading-link-text,\n &__description,\n &__meta-wrapper {\n z-index: 1;\n position: relative;\n }\n\n &__heading-wrapper,\n &--has-description-wrapper &__description-wrapper,\n &__meta-wrapper {\n margin-left: space('medium');\n margin-right: space('medium');\n margin-bottom: space('large');\n }\n\n &__heading-wrapper {\n grid-area: heading;\n display: grid;\n margin-top: space('xlarge');\n }\n\n &__image {\n display: grid;\n grid-area: image;\n width: 100%;\n }\n\n &__image-placeholder {\n /* Apply color since the placeholder svg has fill \"currentColor\" */\n color: var(--placeholder-image-color);\n }\n\n &__description-wrapper {\n grid-area: description;\n }\n\n &__meta-wrapper {\n grid-area: meta;\n }\n\n &__meta {\n overflow: hidden;\n }\n\n &__download {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: space('xsmall');\n overflow: hidden;\n }\n\n &__download-button {\n align-self: flex-end;\n display: flex;\n justify-content: center;\n align-items: center;\n width: $formInputHeightSmall;\n height: $formInputHeightSmall;\n color: $colorPrimary70;\n }\n\n &__download-heading {\n color: $colorPrimary70;\n text-underline-offset: $linkTextUnderlineOffset;\n text-decoration-line: $linkTextDecorationLine;\n text-decoration-thickness: $linkTextDecorationThickness;\n text-decoration-skip-ink: $linkTextDecorationSkipInk;\n }\n\n &__tag,\n &__topic,\n &__service,\n &__event-date-teaser {\n z-index: 2;\n }\n\n &__tag {\n position: absolute;\n left: 0;\n top: 0;\n }\n\n &__service,\n &__topic {\n @include font('heavy');\n @include fontSize('micro');\n position: absolute;\n top: 0;\n right: 0;\n background-color: var(--service-background-color);\n color: var(--service-color);\n padding: space('xsmall') space('medium');\n text-align: center;\n\n @include mq($from: small) {\n min-width: 180px;\n }\n }\n\n &__dateline {\n @include fontSize('micro');\n margin-bottom: space('small');\n }\n\n &__heading {\n margin-top: 0;\n margin-bottom: space('xsmall');\n }\n\n &__heading-link {\n @include font('heavy');\n @include fontCurve('p1');\n display: block;\n color: $colorPrimary70;\n text-decoration-line: none;\n }\n\n &__event-infos {\n @include fontSize('micro');\n color: $colorBlack;\n }\n\n &:has(#{&}__description:not(:empty)) &__event-infos {\n margin-bottom: space('small');\n }\n\n &__description {\n &:empty {\n display: none;\n }\n }\n\n &__breadcrumb {\n margin-bottom: space('small');\n }\n\n &__event-date-teaser {\n @include fontSize('nano');\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 80px;\n color: $colorBlack;\n background-color: $colorSecondary30;\n position: absolute;\n top: 0;\n right: 0;\n }\n\n &__event-date-teaser-day {\n @include font('heavy');\n @include fontSize('hecto');\n color: $colorPrimary70;\n margin-top: -7px;\n margin-bottom: -7px;\n }\n\n &__meta-list,\n &__download-meta-list {\n @include fontSize('micro');\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n column-gap: space('xsmall');\n margin-left: calc((#{space('xsmall')} + 1px) / -1);\n }\n\n &__meta-list-item,\n &__download-meta-list-item {\n display: flex;\n align-items: center;\n min-height: 24px;\n gap: space('xsmall');\n\n &::before {\n content: '';\n display: block;\n width: 1px;\n height: 16px;\n background-color: currentColor;\n }\n }\n\n /* Has link */\n\n &--has-link &__heading-link {\n border-radius: $buttonBorderRadius;\n cursor: pointer;\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition: background-color $baseTransitionAnimationSpeed;\n }\n\n &::after {\n z-index: 10;\n }\n }\n\n &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n &::before {\n background-color: $colorSecondary10;\n }\n }\n\n &--has-link:has(#{&}__heading-link:hover) &__tag {\n --color: #{$colorSecondary60};\n }\n\n /* Has breadcrumb */\n\n &--has-breadcrumb &__heading-wrapper {\n margin-top: space('xlarge');\n }\n\n /* Has tag */\n\n &--has-tag &__heading-wrapper {\n margin-top: space('xxxlarge');\n }\n\n /* Has topic or service */\n\n &--has-service &__heading-wrapper,\n &--has-topic &__heading-wrapper {\n margin-top: space('xxxxlarge');\n }\n\n &--has-service#{&}--has-image-right &__heading-wrapper,\n &--has-topic#{&}--has-image-right &__heading-wrapper {\n margin-top: space('xxxlarge');\n }\n\n /* Has image (default) */\n\n &--has-image &__image {\n z-index: 1;\n position: relative;\n }\n\n &--has-image-default &__heading-wrapper {\n @include mq($to: small) {\n margin-top: space('small');\n }\n }\n\n /* Has image right */\n\n &--has-image-right &__image {\n @include mq($to: small) {\n margin-bottom: space('xsmall');\n }\n }\n\n &--has-image-right &__service,\n &--has-image-right &__topic {\n position: static;\n }\n\n /* Has description wrapper, meta or download */\n\n &--has-description-wrapper &__heading-wrapper,\n &--has-meta &__heading-wrapper,\n &--has-download &__heading-wrapper {\n margin-bottom: 0px;\n }\n\n &--has-meta &__description-wrapper,\n &--has-download &__description-wrapper {\n margin-bottom: 0px;\n }\n\n &--has-meta &__description,\n &--has-download &__description {\n &:not(:empty) {\n margin-bottom: space('small');\n }\n }\n\n &--has-download &__meta {\n margin-bottom: space('xsmall');\n }\n\n /* Hyphens */\n &--hyphens &__heading {\n hyphens: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from '@stencil/core';\n\nimport {\n StzhBreadcrumbItem,\n StzhCardSearchresultClickEvent,\n StzhDatalistItemEntry,\n StzhLocaleAdapter,\n StzhLocaleComponent,\n} from '../../../index';\n\nimport { hasSlot } from '../../../utils/utils';\nimport PlaceholderImage from './assets/placeholder-image.svg';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n tag: 'stzh-card-searchresult',\n styleUrl: 'stzh-card-searchresult.scss',\n scoped: true,\n})\nexport class StzhCardSearchresult {\n /** Translation strings */\n @Prop() localization: StzhLocaleComponent;\n\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 /** Download attribute (if href is used) */\n @Prop() download: 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 /** Heading (alternative for heading slot) */\n @Prop() heading: string = '';\n\n /** Heading level */\n @Prop() headingLevel: '1' | '2' | '3' | '4' = '3';\n\n /** Description text (alternative for description slot) */\n @Prop() description: string = '';\n\n /** Tag */\n @Prop() tag: string;\n\n /** Topic */\n @Prop() topic: string;\n\n /** Service */\n @Prop() service: string;\n\n /** Dateline */\n @Prop() dateline: string;\n\n /** Meta */\n @Prop() meta: string[] | string;\n private _meta: string[];\n\n /** Breadcrumb items */\n @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n /** Datalist items */\n @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n /** Event start date */\n @Prop() eventDateStart: Date | string;\n\n /** Event start date */\n @Prop() eventDateEnd: Date | string;\n\n /** Event location */\n @Prop() eventLocation: string;\n\n /** Enable placeholder image if image slot not used */\n @Prop() placeholderImageEnabled: boolean = false;\n\n /** Image position */\n @Prop({ reflect: true }) imagePosition: 'default' | 'right' = 'default';\n\n /** Download heading */\n @Prop() downloadHeading: string;\n\n /** Download meta */\n @Prop() downloadMeta: string[] | string;\n private _downloadMeta: string[];\n\n /**\n * Date adapter, for custom parsing/formatting.\n * Must be 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 /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n @Element() element: HTMLStzhListElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n @Watch('meta')\n metaWatcher(newValue: string | string[]) {\n if (!newValue) {\n this._meta = [];\n } else if (typeof newValue === 'string') {\n try {\n this._meta = JSON.parse(newValue);\n } catch (e) {\n this._meta = [];\n }\n } else {\n this._meta = newValue;\n }\n }\n\n @Watch('downloadMeta')\n downloadMetaWatcher(newValue: string | string[]) {\n if (!newValue) {\n this._downloadMeta = [];\n } else if (typeof newValue === 'string') {\n try {\n this._downloadMeta = JSON.parse(newValue);\n } catch (e) {\n this._downloadMeta = [];\n }\n } else {\n this._downloadMeta = newValue;\n }\n }\n\n private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: 'stzh-card-searchresult',\n originalEvent,\n href: this.href,\n });\n };\n\n private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n return !(!!startDate && startDate.getHours() === 0 && !endDate);\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n if (objectId) {\n this.headingLinkElement?.setAttribute('s-object-id', objectId);\n }\n });\n }\n\n async componentWillLoad() {\n this.metaWatcher(this.meta);\n this.downloadMetaWatcher(this.downloadMeta);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'card-searchresult');\n }\n\n if (!this.dateAdapter) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n render() {\n const hasHeading = !!this.heading || hasSlot(this.element, 'heading');\n const hasDescription = !!this.description || hasSlot(this.element, 'description');\n const hasImageSlot = hasSlot(this.element, 'image');\n\n const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n if (eventDateStart && !hasImageSlot) {\n this.placeholderImageEnabled = true;\n }\n\n const hasImage = hasImageSlot || this.placeholderImageEnabled;\n\n const classes = {\n 'stzh-card-searchresult': true,\n 'stzh-card-searchresult--has-heading': hasHeading,\n 'stzh-card-searchresult--has-description': hasDescription,\n 'stzh-card-searchresult--has-description-wrapper': hasDescription || !!eventDateStart || !!this.eventLocation,\n 'stzh-card-searchresult--has-link': !!this.href,\n 'stzh-card-searchresult--has-service': !!this.service,\n 'stzh-card-searchresult--has-tag': !!this.tag,\n 'stzh-card-searchresult--has-topic': !!this.topic,\n 'stzh-card-searchresult--has-image': hasImage,\n 'stzh-card-searchresult--has-image-default': hasImage && this.imagePosition === 'default',\n 'stzh-card-searchresult--has-image-right': hasImage && this.imagePosition === 'right',\n 'stzh-card-searchresult--has-meta': this._meta.length > 0,\n 'stzh-card-searchresult--has-download': !!this.downloadHeading || this._downloadMeta.length > 0,\n 'stzh-card-searchresult--has-breadcrumb': !!this.breadcrumbItems,\n 'stzh-card-searchresult--hyphens': this.hyphensEnabled,\n };\n\n const Heading = `h${this.headingLevel}`;\n const HeadingLink = this.href ? 'a' : 'div';\n\n return (\n <Host has-image={hasImage}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n <div class=\"stzh-card-searchresult__heading-wrapper\">\n {this.breadcrumbItems && (\n <stzh-breadcrumb\n class=\"stzh-card-searchresult__breadcrumb\"\n items={this.breadcrumbItems}\n variant=\"teaser\"\n ></stzh-breadcrumb>\n )}\n\n {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n <Heading class=\"stzh-card-searchresult__heading\">\n <HeadingLink\n ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n class=\"stzh-card-searchresult__heading-link\"\n href={this.href}\n target={this.target}\n download={this.download}\n onClick={this.handleCardClick}\n >\n {this.heading ? (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n innerHTML={this.heading}\n ></div>\n ) : (\n <div\n class=\"stzh-card-searchresult__heading-link-text\"\n ref={el => (this.headingTextElement = el as HTMLDivElement)}\n >\n <slot name=\"heading\"></slot>\n </div>\n )}\n </HeadingLink>\n </Heading>\n </div>\n\n <div class=\"stzh-card-searchresult__description-wrapper\">\n {(eventDateStart || this.eventLocation) && (\n <div class=\"stzh-card-searchresult__event-infos\">\n {eventDateStart && (\n <div class=\"stzh-card-searchresult__event-date\">\n <span>{this.dateAdapter.format(eventDateStart, 'dateLong')}</span>\n {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n <span>, {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, 'time')}</span>\n )}\n </div>\n )}\n {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n </div>\n )}\n\n <div class=\"stzh-card-searchresult__description\">\n {this.description ? this.description : <slot name=\"description\"></slot>}\n </div>\n </div>\n\n <div class=\"stzh-card-searchresult__image\">\n {eventDateStart && (\n <div class=\"stzh-card-searchresult__event-date-teaser\">\n <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n </div>\n <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n {eventDateStart.getDate() < 10 && '0'}\n {eventDateStart.getDate()}\n </div>\n <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n </div>\n </div>\n )}\n {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n <slot name=\"image\"></slot>\n {this.placeholderImageEnabled && !hasImageSlot && (\n <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n </stzh-ratio>\n )}\n </div>\n\n {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n <div class=\"stzh-card-searchresult__meta-wrapper\">\n {this.datalistItems && (\n <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n )}\n\n {this._meta.length > 0 && (\n <div class=\"stzh-card-searchresult__meta\">\n <div class=\"stzh-card-searchresult__meta-list\">\n {this._meta.map(meta => (\n <Fragment>\n <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n </Fragment>\n ))}\n </div>\n </div>\n )}\n\n {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n <div class=\"stzh-card-searchresult__download\">\n <div class=\"stzh-card-searchresult__download-data\">\n {this.downloadHeading && (\n <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n )}\n {this._downloadMeta.length > 0 && (\n <div class=\"stzh-card-searchresult__download-meta-list\">\n {this._downloadMeta.map(meta => (\n <Fragment>\n <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n </Fragment>\n ))}\n </div>\n )}\n </div>\n\n <div class=\"stzh-card-searchresult__download-button\">\n <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n </div>\n </div>\n )}\n </div>\n )}\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-5d4a0fd1.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhCardNavigationCss","StzhCardNavigationStyle0","StzhCardNavigation","this","handleCardClick","originalEvent","stzhClick","emit","component","href","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","titleLinkElement","setAttribute","render","hasLead","lead","hasSlot","element","classes","hyphensEnabled","Heading","headingLevel","TitleLink","h","Host","key","class","heading","role","ref","el","target","onClick","innerHTML","name"],"sources":["src/components/CMS/stzh-card-navigation/stzh-card-navigation.scss?tag=stzh-card-navigation&encapsulation=scoped","src/components/CMS/stzh-card-navigation/stzh-card-navigation.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n}\n\n.stzh-card-navigation {\n position: relative;\n flex-grow: 1;\n display: flex;\n gap: space('small');\n background-color: $colorGrey10;\n\n &:hover {\n background-color: var(--stzh-color-secondary10);\n }\n\n &:hover &__arrow-icon {\n transform: translateX(4px);\n }\n\n &__wrapper {\n @include spaceCurve('padding-left', 'regular');\n display: flex;\n align-items: center;\n flex-grow: 1;\n // safe space padding top/bottom when it would go to three lines\n padding-top: var(--stzh-space-xsmall);\n padding-bottom: var(--stzh-space-xsmall);\n }\n\n &__title {\n @include font('heavy');\n @include fontCurve('teaser');\n @include wordWrap;\n color: $colorPrimary70;\n margin: 0;\n }\n\n &__title-link {\n display: block;\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n appearance: none;\n background-color: transparent;\n border: none;\n color: $colorPrimary;\n text-decoration-line: none;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n cursor: pointer;\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &::after {\n z-index: 1;\n }\n }\n\n &__lead {\n @include fontCurve('p2');\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n &__arrow {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 64px;\n height: 64px;\n color: $colorPrimary70;\n background-color: $colorSecondary30;\n }\n\n &__arrow-icon {\n transition: transform 150ms ease;\n --size: #{iconSize('large')};\n }\n\n /* Has lead variant */\n\n &--has-lead &__wrapper {\n @include spaceCurve('padding-right', 'regular');\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-bottom', 'large');\n flex-direction: column;\n align-items: flex-start;\n }\n\n &--has-lead &__arrow {\n position: absolute;\n right: 0;\n bottom: 0;\n width: 44px;\n height: 44px;\n }\n\n /* Hyphens */\n &--hyphens &__title,\n &--hyphens &__title-link {\n hyphens: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nimport { StzhCardNavigationClickEvent } from '../../../index';\nimport { hasSlot } from '../../../utils/utils';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n tag: 'stzh-card-navigation',\n styleUrl: 'stzh-card-navigation.scss',\n scoped: true,\n})\nexport class StzhCardNavigation {\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 /** Heading (alternative for heading slot) */\n @Prop() heading: string = '';\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 /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n @Element() element: HTMLStzhListElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: 'stzh-card-navigation',\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 render() {\n const hasLead = !!this.lead || hasSlot(this.element, 'lead');\n\n const classes = {\n 'stzh-card-navigation': true,\n 'stzh-card-navigation--has-lead': hasLead,\n 'stzh-card-navigation--hyphens': this.hyphensEnabled,\n };\n\n const Heading = `h${this.headingLevel}`;\n const TitleLink = this.href ? 'a' : 'button';\n\n return (\n <Host has-lead={hasLead}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n <div class=\"stzh-card-navigation__wrapper\">\n <Heading class=\"stzh-card-navigation__title\">\n <TitleLink\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n class=\"stzh-card-navigation__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n {this.heading ? (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)} innerHTML={this.heading}></div>\n ) : (\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n <slot name=\"heading\"></slot>\n </div>\n )}\n </TitleLink>\n </Heading>\n\n <div class=\"stzh-card-navigation__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n </div>\n\n <div class=\"stzh-card-navigation__arrow\">\n <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"4HAAA,MAAMA,EAAwB,wqPAC9B,MAAAC,EAAeD,E,MCaFE,EAAkB,M,8DAkCrBC,KAAAC,gBAAmBC,IACzBF,KAAKG,UAAUC,KAAK,CAClBC,UAAW,uBACXH,gBACAI,KAAMN,KAAKM,MACX,E,kFAxBsB,G,kBAGoB,I,UAGvB,G,oBAG4B,K,CAkBnD,kBAAAC,GACEC,uBAAsB,K,QACpB,MAAMC,EAAWT,KAAKU,eAAeC,EAAAX,KAAKY,sBAAkB,MAAAD,SAAA,SAAAA,EAAEE,WAE9D,GAAIJ,EAAU,EACZK,EAAAd,KAAKe,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAAa,cAAeP,E,KAKzD,MAAAQ,GACE,MAAMC,IAAYlB,KAAKmB,MAAQC,EAAQpB,KAAKqB,QAAS,QAErD,MAAMC,EAAU,CACd,uBAAwB,KACxB,iCAAkCJ,EAClC,gCAAiClB,KAAKuB,gBAGxC,MAAMC,EAAU,IAAIxB,KAAKyB,eACzB,MAAMC,EAAY1B,KAAKM,KAAO,IAAM,SAEpC,OACEqB,EAACC,EAAI,CAAAC,IAAA,sDAAWX,GACdS,EAAA,WAAAE,IAAA,2CAASC,MAAOR,EAAO,aAActB,KAAK+B,QAASC,KAAK,YACtDL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAACH,EAAO,CAAAK,IAAA,2CAACC,MAAM,+BACbH,EAACD,EAAS,CAAAG,IAAA,2CACRI,IAAKC,GAAOlC,KAAKe,iBAAmBmB,EACpCJ,MAAM,mCACNxB,KAAMN,KAAKM,KACX6B,OAAQnC,KAAKmC,OACbC,QAASpC,KAAKC,iBAEbD,KAAK+B,QACJJ,EAAA,OAAKM,IAAKC,GAAOlC,KAAKY,mBAAqBsB,EAAuBG,UAAWrC,KAAK+B,UAElFJ,EAAA,OAAKM,IAAKC,GAAOlC,KAAKY,mBAAqBsB,GACzCP,EAAA,QAAMW,KAAK,eAMnBX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BAA8B9B,KAAKmB,KAAOnB,KAAKmB,KAAOQ,EAAA,QAAMW,KAAK,WAG9EX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,aAAAE,IAAA,2CAAWC,MAAM,mCAAmCQ,KAAK,kB"}

package/dist/stzh-components/p-8493a7ab.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhVbzConnectionFinderCss","StzhVbzConnectionFinderStyle0","StzhVbzConnectionFinder","getIconPath","name","window","stzhComponents","pathMedia","render","classes","h","Host","key","class","src","this","zvvScript","id"],"sources":["src/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.scss?tag=stzh-vbz-connection-finder&encapsulation=scoped","src/components/CMS/VBZ/stzh-vbz-connection-finder/stzh-vbz-connection-finder.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.stzh-vbz-connection-finder {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n}\n\n\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\n/**\n *\n */\n@Component({\n tag: \"stzh-vbz-connection-finder\",\n styleUrl: \"stzh-vbz-connection-finder.scss\",\n scoped: true,\n})\nexport class StzhVbzConnectionFinder {\n /** Searchmask Script of ZVV */\n @Prop() zvvScript: string = \"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js\";\n\n @Element() element: HTMLStzhVbzConnectionFinderElement;\n\n private getIconPath(name: string) {\n return `${window.stzhComponents.pathMedia}/icons/mono/${name}.svg`;\n }\n\n render() {\n const classes = {\n \"stzh-vbz-connection-finder\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <script src={this.zvvScript}></script>\n <div\n id=\"zvv-searchmask\"\n data-draw-input-placeholder-outside=\"true\"\n data-toggle-style-variant=\"inside\"\n data-hide-refresh-button=\"true\"\n data-background-color=\"#ffffff\"\n data-accent-color=\"#ffffff\"\n data-input-border-color=\"#7C7C7C\"\n data-input-border-radius=\"0px\"\n data-input-border-width=\"2px\"\n data-input-placeholder-color=\"#034C67\"\n data-input-text-color=\"#000000\"\n data-button-color=\"#FFFFFF\"\n data-button-background-color=\"#057FAC\"\n data-button-hover-color=\"#ffffff\"\n data-button-hover-background-color=\"#034C67\"\n data-button-border-radius=\"0px\"\n data-font-family=\"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;\"\n data-calendar-icon={this.getIconPath(\"calendar\")}\n data-info-icon={this.getIconPath(\"info-help\")}\n ></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAA6B,mzEACnC,MAAAC,EAAeD,E,MCSFE,EAAuB,M,wCAEN,+C,CAIpB,WAAAC,CAAYC,GAClB,MAAO,GAAGC,OAAOC,eAAeC,wBAAwBH,O,CAG1D,MAAAI,GACE,MAAMC,EAAU,CACd,6BAA8B,MAGhC,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,GACVC,EAAA,UAAAE,IAAA,2CAAQE,IAAKC,KAAKC,YAClBN,EAAA,OAAAE,IAAA,2CACEK,GAAG,iBAAgB,sCACiB,OAAM,4BAChB,SAAQ,2BACT,OAAM,wBACT,UAAS,oBACb,UAAS,0BACH,UAAS,2BACR,MAAK,0BACN,MAAK,+BACA,UAAS,wBAChB,UAAS,oBACb,UAAS,+BACE,UAAS,0BACd,UAAS,qCACE,UAAS,4BAClB,MAAK,mBACd,8EAA6E,qBAC1EF,KAAKZ,YAAY,YAAW,iBAChCY,KAAKZ,YAAY,gB"}

package/dist/stzh-components/p-d8f7f464.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhCardCss","StzhCardStyle0","StzhCard","this","_subtitles","nodeChange","entries","changeInSlot","forEach","entry","target","closest","hasAttribute","forceUpdate","element","headerClick","event","collapsible","filterTags","composedPathTags","composedPath","map","_a","tagName","toLowerCase","found","some","r","includes","collapsed","stzhCollapse","emit","component","subtitleClick","subtitleInteractive","stzhSubtitleClick","originalEvent","starToggleClick","stzhStarClick","starred","actionClick","action","stzhHeaderActionClick","arrowUpClick","sortable","findSortableChildElement","moveItem","arrowDownClick","updateElementInsideSortable","currentSortable","removeEventListener","init","chips","querySelectorAll","texts","chip","setPropsIfNull","size","text","handleMutation","handleSelectionChange","checked","detail","handleCardClick","interactiveTags","path","_b","call","el","stzhClick","Object","assign","href","subtitleWatcher","newValue","JSON","parse","err","headerActionsWatcher","_headerActions","footerActionsWatcher","_footerActions","sortableContainer","container","parentElement","componentWillLoad","subtitle","headerActions","footerActions","localization","window","stzhComponents","utils","fetchTranslations","componentDidLoad","addEventListener","componentDidRender","requestAnimationFrame","objectId","analyticsId","headingTextElement","innerText","imageLinkElement","setAttribute","_c","titleLinkElement","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","imageUsed","hasSlot","headingUsed","footerUsed","contentUsed","Heading","headingLevel","Subtitle","sortableChildElement","isFirstItemInSortable","Array","from","children","indexOf","isLastItemInSortable","length","sortableEnabled","sortableDisabled","disabled","sortableActionsEnabled","hideMovementActions","hasHeading","heading","hasHeader","starrable","hasFooter","selectable","headerActionsWithBadge","filter","badge","badgeEmpty","uniqueId","Math","random","toString","slice","descriptionId","classes","backgroundColor","variant","hyphensEnabled","h","Host","key","role","class","onClick","ref","tabindex","name","id","hidden","_d","clickTitle","icon","iconOnly","slot","actionRemove","actionAdd","label","actionsPopoverLabel","placement","headerActionsBadge","badgePosition","badgeType","headerActionsBadgeType","_e","e","Fragment","actionMoveUp","actionMoveDown","actions","fullwidth","type","value","select","onStzhChange"],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx"],"sourcesContent":["/**\n * @prop --content-min-height: Min height of content\n */\n\n:host {\n // --box-shadow: none;\n --border-radius: 0px;\n\n --content-min-height: 120px;\n\n --dnd-visibility: hidden;\n --dnd-opacity: 0;\n\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: var(--border-radius);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n &[collapsed]:not([collapsed=\"false\"]) {\n --content-min-height: none;\n }\n\n &[checked]:not([checked=\"false\"]) {\n outline: 3px solid $colorPrimary;\n }\n\n &.is-ghost::after,\n .is-ghost &::after {\n border-radius: var(--border-radius);\n }\n\n &[href]:hover,\n &[href]:focus-within,\n &.is-selected,\n &.is-chosen,\n .is-selected &,\n .is-chosen & {\n // --box-shadow: #{$boxShadowOverlay};\n }\n\n &.is-ghost,\n .is-ghost & {\n // --box-shadow: none;\n overflow: hidden;\n }\n\n &.is-drag,\n &.is-chosen,\n &.is-ghost,\n &.is-selected,\n .is-drag &,\n .is-chosen &,\n .is-ghost &,\n .is-selected &,\n &[is-sortable]:hover {\n --dnd-visibility: visible;\n --dnd-opacity: 1;\n }\n\n ::slotted([slot=\"image\"]) {\n width: 100%;\n max-width: 100%;\n }\n\n ::slotted(img[slot=\"image\"]) {\n display: block;\n }\n\n ::slotted(table) {\n border: 0;\n border-spacing: 0;\n\n th {\n @include font;\n }\n\n td, th {\n padding: 0;\n }\n\n td {\n color: $colorBlack;\n padding-left: space('xsmall');\n }\n }\n}\n\n.stzh-card {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n background-color: $colorGrey10;\n border-radius: var(--border-radius);\n // box-shadow: var(--box-shadow);\n // transition: box-shadow $baseTransitionAnimationSpeed;\n\n // .vshow-medium {\n // @include mq($to: medium) {\n // @include visuallyhidden;\n // }\n // }\n\n // .show-medium {\n // @include mq($to: medium) {\n // display: none;\n // }\n // }\n\n // .hide-medium {\n // @include mq($from: medium) {\n // display: none;\n // }\n // }\n \n &--background-grey {\n background-color: $colorGrey10; \n }\n\n &--background-white {\n background-color: $colorWhite; \n }\n \n &__content-wrapper {\n position: relative;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n min-height: var(--content-min-height);\n }\n\n &__dnd {\n --size: #{iconSize('xsmall')};\n position: absolute;\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 3px;\n top: 23px;\n display: flex;\n visibility: var(--dnd-visibility);\n opacity: var(--dnd-opacity);\n transition: all $baseTransitionAnimationSpeed;\n display: none;\n\n @include mq($from: medium) {\n display: block;\n }\n\n @include mq($from: large) {\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 4px;\n top: 27px;\n }\n }\n\n &__header-top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n &__header-meta {\n &:not(:empty) {\n display: inline-flex;\n margin-top: space('xsmall');\n gap: space('xsmall');\n }\n }\n\n &__header-left,\n &__header-right {\n display: flex;\n }\n\n &__header-right {\n @include spaceCurve('padding-left', 'tiny');\n }\n\n &__left {\n align-self: center;\n }\n\n &__title-area {\n @include wordWrap;\n overflow: hidden;\n }\n\n &__title,\n &__subtitle {\n margin: 0;\n }\n\n &__title-link {\n color: inherit;\n text-decoration-line: none;\n }\n\n &__title {\n @include font('title');\n @include fontSize('milli');\n }\n\n &__image-link {\n display: block;\n }\n\n &__subtitle {\n @include fontSize('milli');\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-decoration-line: none;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n margin-left: -0.5625em;\n }\n\n &__subtitle-text {\n position: relative;\n display: inline-flex;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n padding-left: 0.5625em;\n\n &::after {\n content: ',';\n position: absolute;\n left: 0;\n }\n }\n\n &__content {\n @include fontSize('milli');\n flex-grow: 1;\n }\n\n // &__footer-meta {\n // @include fontSize('micro');\n // display: flex;\n // flex-wrap: wrap;\n // gap: space('xsmall');\n // color: $colorGrey80;\n // }\n\n // &__footer-meta-separator {\n // width: 1px;\n // background-color: currentColor;\n // flex-shrink: 0;\n // }\n\n &__card-actions {\n display: inline-flex;\n white-space: nowrap;\n }\n\n &__card-action {\n @include mq($to: medium) {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n &[variant=\"tertiary\"] {\n --color: #{$baseColor};\n }\n\n &.is-button {\n --icon-size: #{iconSize('small')};\n }\n\n &.is-placeholder {\n width: space('xxlarge');\n height: space('xxlarge');\n }\n\n &.is-star {\n }\n }\n\n &__card-action-popover {\n --width: auto;\n }\n\n /* Service */\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__title {\n @include fontCurve('h3', 'heading');\n }\n\n /* Has content */\n\n &--has-content &__content {\n @include spaceCurve('padding-bottom', 'large');\n padding-top: space('xlarge');\n padding-left: space('xlarge');\n padding-right: space('medium');\n\n @include mq($from: medium) {\n @include spaceCurve('padding-bottom', 'medium');\n }\n }\n\n &--has-content#{&}--service &__content {\n @include spaceCurve('padding', 'regular');\n }\n\n /* Has header */\n\n &--has-header &__header {\n padding-top: space('xlarge');\n padding-left: space('xlarge');\n padding-right: space('medium');\n }\n\n &--has-header#{&}--has-content &__content {\n padding-top: space('xsmall');\n }\n\n &--has-header#{&}--service &__header {\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-header#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-top', 'regular');\n }\n\n /* Has footer */\n\n &--has-footer &__footer {\n @include spaceCurve('padding-bottom', 'medium');\n padding-left: space('xlarge');\n padding-right: space('medium');\n }\n\n &--has-footer#{&}--has-content &__content {\n padding-bottom: space('medium');\n }\n\n &--has-footer#{&}--service &__footer {\n @include spaceCurve('padding-bottom', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-footer#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n /* Has tag */\n\n &--has-tag#{&}--has-header &__header {\n padding-top: space('xxxlarge');\n }\n\n /* Has Link */\n\n &--has-link &__title-link,\n &--has-link &__content {\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &--has-link &__title-link {\n color: $colorPrimary;\n text-decoration-line: none;\n border-radius: $buttonBorderRadius;\n cursor: pointer;\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n // &::before {\n // transition: all $baseTransitionAnimationSpeed;\n // }\n }\n\n &--has-link &__header-meta,\n &--has-link &__footer-actionset,\n &--has-link &__footer-select-button {\n position: relative;\n z-index: 2;\n }\n\n &--has-link:has(#{&}__image-link:hover) &__title-link,\n &--has-link:has(#{&}__image-link:hover) &__content,\n &--has-link:has(#{&}__title-link:hover) &__title-link,\n &--has-link:has(#{&}__title-link:hover) &__content {\n color: $colorSecondary60;\n\n // &::before,\n // &::before {\n // background-color: $colorPrimary20;\n // }\n }\n\n // &__footer-arrow {\n // color: $colorPrimary;\n // }\n\n // &--has-link:hover &__footer-arrow {\n // color: $colorSecondary60;\n // }\n\n /* Interactive Subtitle */\n\n &--has-subtitle-interactive &__subtitle {\n cursor: pointer;\n font-family: inherit;\n padding: 0;\n appearance: none;\n background: none;\n border: none;\n transition: color $baseTransitionAnimationSpeed;\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Is collapsible */\n\n &--is-collapsible &__header {\n cursor: pointer;\n }\n\n /* Collapsed (Header) */\n\n &--is-collapsed,\n &--has-collapsed-header &__header {\n // .vhide-when-collapsed {\n // @include visuallyhidden;\n // }\n\n .hide-when-collapsed {\n display: none;\n }\n\n // .show-when-collapsed {\n // display: block;\n // }\n }\n\n &--is-collapsed &__header {\n // border-bottom: none;\n padding-bottom: space('xlarge');\n }\n\n &--is-collapsed#{&}--service &__header {\n // border-bottom: none;\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n &--is-collapsed &__card-action,\n &--has-collapsed-header &__card-action {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n /* Starred */\n\n &--is-starred &__card-action.is-star {\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Hyphens */\n &--hyphens &__heading,\n &--hyphens &__title {\n hyphens: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, forceUpdate, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n StzhActionsetItem,\n StzhButtonChangeEvent,\n StzhCardClickEvent,\n StzhCardCollapseEvent,\n StzhCardHeaderAction,\n StzhCardHeaderActionClickEvent,\n StzhCardStarClickEvent,\n StzhCardSubtitleClickEvent,\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n// import { media } from '../../utils/media-utils';\nimport { StzhCardLocalizedText } from \"./stzh-card.localization\";\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions` and `selectable` button are not shown anymore)\n */\n@Component({\n tag: \"stzh-card\",\n styleUrl: \"stzh-card.scss\",\n scoped: true,\n})\nexport class StzhCard {\n /** Translation strings */\n @Prop() localization: StzhCardLocalizedText;\n\n /** Whether background should be grey (default) or white */\n @Prop({ reflect: true }) backgroundColor: \"grey\" | \"white\" = \"grey\";\n\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"service\" = \"default\";\n\n /** Whether card is collapsed or not */\n @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n /** Whether card was starred */\n @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n /**\n * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n */\n @Prop({ reflect: true }) starrable: boolean = false;\n\n /** Whether card is selectable */\n @Prop({ reflect: true }) selectable: boolean = false;\n\n /** Whether card is checked (if card is selectable) */\n @Prop({ reflect: true }) checked: boolean = false;\n\n /** The name of the input element (if card is selectable) */\n @Prop({ reflect: true }) name: string = \"\";\n\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 /** The value of the input element (if card is selectable) */\n @Prop({ mutable: true }) value: string = \"\";\n\n /** Whether the element is disabled or not (if card is selectable) */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n /** Heading (or use heading slot instead) */\n @Prop() heading: string = \"\";\n\n /** Heading level */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Subtitle */\n @Prop() subtitle: string | string[] = \"\";\n private _subtitles = [];\n\n /** Author name */\n // @Prop() author: string;\n\n /** Date to display */\n // @Prop() date: Date | string;\n\n /**\n * Date adapter, for custom parsing/formatting.\n * Must be 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 /** Tag name */\n // @Prop() tag: string;\n\n /** Card header actions */\n @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n private _headerActions: StzhCardHeaderAction[];\n\n /**\n * Set a badge text if header action badge exists (see headerActionsBadgeType for more info).\n */\n @Prop() headerActionsBadge: string;\n\n /**\n * If a header action with a badge exists inside `headerActions`, the more actions popover will automatically have a empty badge.\n * By default, it takes the badge type from the first one. With this property you can overwrite it.\n */\n @Prop() headerActionsBadgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n /**\n * Card footer actions.\n * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n * You can listen to clicks with the `stzhActionClick` event.\n */\n @Prop() footerActions: string | StzhActionsetItem[] = [];\n private _footerActions: StzhActionsetItem[];\n\n /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n @Prop() subtitleInteractive: boolean = false;\n\n /**\n * Whether sorting should be disabled.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n /** Whether card is collapsible */\n @Prop({ reflect: true }) collapsible: boolean = false;\n\n /**\n * Whether movement menu items should be shown.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop() hideMovementActions: boolean = false;\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 @Element() element: HTMLStzhCardElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n /** Collapse event */\n @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n /** Subtitle click event */\n @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n /** Star click event */\n @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n /** Header action click event */\n @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n @Watch(\"subtitle\")\n subtitleWatcher(newValue: string[] | string) {\n if (typeof newValue === \"string\") {\n if (newValue === \"\") {\n this._subtitles = [];\n } else {\n try {\n this._subtitles = JSON.parse(newValue);\n } catch (err) {\n this._subtitles = [newValue];\n }\n }\n } else {\n this._subtitles = newValue;\n }\n }\n\n @Watch(\"headerActions\")\n headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n if (typeof newValue === \"string\") {\n this._headerActions = JSON.parse(newValue);\n } else {\n this._headerActions = newValue;\n }\n }\n\n @Watch(\"footerActions\")\n footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n if (typeof newValue === \"string\") {\n this._footerActions = JSON.parse(newValue);\n } else {\n this._footerActions = newValue;\n }\n }\n\n // @Watch(\"collapsed\")\n // collapsedWatcher() {\n // this.handleResize();\n // }\n\n private observer: MutationObserver;\n\n private nodeChange = entries => {\n let changeInSlot = false;\n\n entries.forEach(entry => {\n if (entry.target.closest(\"[slot]\") || entry.target.hasAttribute(\"slot\")) {\n changeInSlot = true;\n }\n });\n\n if (changeInSlot) {\n forceUpdate(this.element);\n }\n };\n\n // private mainElement: HTMLElement;\n // private headerElement: HTMLElement;\n // private headerLeftElement: HTMLElement;\n // private headerRightElement: HTMLElement;\n private imageLinkElement: HTMLAnchorElement;\n private titleLinkElement: HTMLAnchorElement;\n private headingTextElement: HTMLDivElement;\n private sortable: HTMLStzhSortableElement;\n\n // private debounceResize: number;\n // private resizeObserver: ResizeObserver;\n\n // private update = () => {\n // if (!this.mainElement) {\n // return;\n // }\n\n // this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n // if (media('medium').matches) {\n // const headerWidth = this.headerElement.clientWidth;\n // const leftWidth = this.headerLeftElement.clientWidth;\n // const rightWidth = this.headerRightElement.clientWidth;\n\n // if (headerWidth - leftWidth <= rightWidth) {\n // this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n // }\n // }\n // }\n\n private headerClick = (event: MouseEvent) => {\n if (!this.collapsible) {\n return;\n }\n\n const filterTags = [\n \"stzh-popover\",\n \"stzh-tooltip\",\n \"button\",\n \"a\",\n \"input\",\n \"select\",\n \"textarea\",\n \"iframe\",\n \"details\",\n \"label\",\n \"area\",\n ];\n const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n const found = composedPathTags.some(r => filterTags.includes(r));\n\n if (!found) {\n this.collapsed = !this.collapsed;\n\n this.stzhCollapse.emit({\n component: \"stzh-card\",\n collapsed: this.collapsed,\n });\n }\n };\n\n private subtitleClick = (event: MouseEvent) => {\n if (this.subtitleInteractive) {\n this.stzhSubtitleClick.emit({\n component: \"stzh-card\",\n originalEvent: event,\n });\n }\n };\n\n private starToggleClick = (event: MouseEvent) => {\n this.stzhStarClick.emit({\n component: \"stzh-card\",\n starred: this.starred,\n originalEvent: event,\n });\n };\n\n private actionClick = (event: MouseEvent, action: StzhCardHeaderAction) => {\n this.stzhHeaderActionClick.emit({\n component: \"stzh-card\",\n action,\n originalEvent: event,\n });\n };\n\n private arrowUpClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"up\");\n }\n };\n\n private arrowDownClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"down\");\n }\n };\n\n private updateElementInsideSortable = () => {\n const currentSortable = this.element.closest(\"stzh-sortable\");\n\n // check if element is still inside sortable\n if (!currentSortable) {\n this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n return;\n }\n\n if (this.element) {\n forceUpdate(this.element);\n }\n };\n\n private init = () => {\n const chips = this.element.querySelectorAll('stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip');\n\n const texts = this.element.querySelectorAll('stzh-text[slot=\"content\"], [slot=\"meta\"] stzh-text');\n\n chips.forEach(chip => {\n setPropsIfNull(chip, {\n size: \"small\",\n } as HTMLStzhChipElement);\n });\n\n texts.forEach(text => {\n setPropsIfNull(text, {\n size: \"inherit\",\n } as HTMLStzhTextElement);\n });\n };\n\n // private handleResize = () => {\n // if (this.debounceResize) {\n // window.cancelAnimationFrame(this.debounceResize);\n // }\n\n // this.debounceResize = requestAnimationFrame(this.update);\n // }\n\n private handleMutation = entries => {\n this.init();\n this.nodeChange(entries);\n };\n\n private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n this.checked = event.detail.checked;\n };\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n const interactiveTags = [\"a\", \"button\", \"input\", \"select\", \"textarea\", \"label\"];\n const path = (originalEvent.composedPath?.() ?? []) as HTMLElement[];\n \n if (path.some(el => interactiveTags.includes(el?.tagName?.toLowerCase?.()))) {\n return;\n }\n\n this.stzhClick.emit({\n component: \"stzh-card\",\n originalEvent,\n ...(this.href != null && { href: this.href }),\n });\n };\n\n private findSortableChildElement(): HTMLElement | undefined {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n let element: HTMLElement = this.element;\n let sortableContainer = null;\n\n if (typeof sortable.container === \"function\") {\n sortableContainer = sortable.container();\n } else {\n sortableContainer = sortable.container;\n }\n\n while (element.parentElement && element.parentElement !== sortableContainer) {\n element = element.parentElement;\n }\n\n return element;\n }\n }\n\n async componentWillLoad() {\n this.subtitleWatcher(this.subtitle);\n this.headerActionsWatcher(this.headerActions);\n this.footerActionsWatcher(this.footerActions);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card\");\n }\n\n // if (!this.dateAdapter) {\n // this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n // this.localization.$formats,\n // this.localization.$globals\n // );\n // }\n }\n\n componentDidLoad() {\n this.sortable = this.element.closest(\"stzh-sortable\");\n\n if (this.sortable) {\n this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n }\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n if (objectId) {\n this.imageLinkElement?.setAttribute(\"s-object-id\", objectId);\n this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.handleMutation);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n\n // this.resizeObserver = new ResizeObserver(this.handleResize);\n // this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n // if (this.resizeObserver) {\n // this.resizeObserver.disconnect();\n // }\n }\n\n render() {\n const imageUsed: boolean = hasSlot(this.element, \"image\");\n const headingUsed: boolean = hasSlot(this.element, \"heading\");\n const footerUsed: boolean = hasSlot(this.element, \"footer\");\n const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n const Heading = `h${this.headingLevel}`;\n const Subtitle = `${this.subtitleInteractive ? \"button\" : \"span\"}`;\n\n const sortableChildElement = this.findSortableChildElement();\n\n const isFirstItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) === 0;\n\n const isLastItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) ===\n sortableChildElement?.parentElement?.children.length - 1;\n\n const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n // const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n // const headerActions = [\n // ...this._headerActions\n // ];\n\n const hasHeading = !!this.heading || headingUsed;\n\n const hasHeader =\n hasHeading ||\n this._subtitles.length > 0 ||\n this._headerActions.length > 0 ||\n // || nonCollapsingTextHeaderActions.length > 0\n this.starrable ||\n sortableActionsEnabled;\n\n const hasFooter = footerUsed || this._footerActions.length > 0 || this.selectable;\n // || !!this.author\n // || !!this.date;\n\n const headerActionsWithBadge = this._headerActions.filter(action => !!action.badge || action.badgeEmpty);\n\n const uniqueId = `--is-described-${Math.random().toString(36).slice(2, 9)}`;\n const descriptionId = `stzh-card${uniqueId}`;\n\n const classes = {\n \"stzh-card\": true,\n \"stzh-card--background-grey\": this.backgroundColor === \"grey\",\n \"stzh-card--background-white\": this.backgroundColor === \"white\",\n \"stzh-card--has-link\": !!this.href,\n \"stzh-card--has-image\": imageUsed,\n \"stzh-card--has-content\": contentUsed,\n \"stzh-card--has-subtitle\": !!this.subtitle,\n \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n \"stzh-card--has-header\": hasHeader,\n \"stzh-card--has-footer\": hasFooter,\n // \"stzh-card--has-tag\": !!this.tag,\n \"stzh-card--is-collapsible\": this.collapsible,\n \"stzh-card--is-collapsed\": this.collapsed,\n \"stzh-card--is-starred\": this.starred,\n \"stzh-card--is-checked\": this.checked,\n \"stzh-card--is-sortable\": sortableEnabled,\n [`stzh-card--${this.variant}`]: !!this.variant,\n \"stzh-card--hyphens\": this.hyphensEnabled,\n };\n\n return (\n <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n <article\n // ref={(el) => (this.mainElement = el as HTMLElement)}\n class={classes}\n onClick={this.handleCardClick} \n >\n <a\n ref={el => (this.imageLinkElement = el as HTMLAnchorElement)}\n aria-hidden=\"true\"\n tabindex=\"-1\"\n class=\"stzh-card__image-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <slot name=\"image\"></slot>\n </a>\n <div class=\"stzh-card__content-wrapper\">\n <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n {/* {this.tag && <div class=\"stzh-card__tag\">{this.tag}</div>} */}\n\n <header\n // ref={(el) => (this.headerElement = el as HTMLElement)}\n class=\"stzh-card__header\"\n onClick={this.headerClick}\n >\n <div class=\"stzh-card__header-top\">\n <div\n // ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n class=\"stzh-card__header-left\"\n >\n <div class=\"stzh-card__title-area\">\n {hasHeading && (\n <Heading class=\"stzh-card__title\">\n <a\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement)}\n class=\"stzh-card__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n aria-describedby={descriptionId}\n >\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </div>\n </a>\n </Heading>\n )}\n <span id={descriptionId} hidden>\n {this.localization?.clickTitle}\n </span>\n {this._subtitles.length > 0 && (\n <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n {this._subtitles.map(subtitle => (\n <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n ))}\n </Subtitle>\n )}\n </div>\n </div>\n <div\n // ref={(el) => (this.headerRightElement = el as HTMLElement)}\n class=\"stzh-card__header-right\"\n >\n <div class=\"stzh-card__card-actions\">\n {/* {this._headerActions.map(action => (\n <stzh-button\n class={{\n \"stzh-card__card-action\": true,\n \"is-button\": true,\n \"show-medium\": !action.onlyCollapseText,\n \"hide-when-collapsed\": !action.onlyCollapseText,\n \"hide-text-when-collapsed\": action.onlyCollapseText\n }}\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n variant=\"tertiary\"\n size=\"tiny\"\n badgePosition=\"icon\"\n onClick={(e: MouseEvent) => { this.actionClick(e, action) }}\n >\n <span\n class={{\n \"vshow-medium\": action.onlyCollapseText,\n \"vhide-when-collapsed\": action.onlyCollapseText\n }}\n >\n {action.label}\n </span>\n </stzh-button>\n ))} */}\n\n {this.starrable && (\n <stzh-tooltip>\n <stzh-button\n class=\"stzh-card__card-action is-star\"\n icon={this.starred ? \"star-filled\" : \"star\"}\n variant=\"tertiary\"\n size=\"tiny\"\n iconOnly={true}\n onClick={this.starToggleClick}\n ></stzh-button>\n <div slot=\"content\">\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </div>\n </stzh-tooltip>\n )}\n\n {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n {/* {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) && */}\n {(this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class={{\n \"stzh-card__card-action-popover\": true,\n // \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n }}\n >\n <stzh-button\n class=\"stzh-card__card-action is-further\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-vertical\"\n iconOnly={true}\n badge={this.headerActionsBadge}\n badgeEmpty={headerActionsWithBadge.length > 0}\n badgePosition=\"icon\"\n badgeType={this.headerActionsBadgeType || headerActionsWithBadge[0]?.badgeType || \"default\"}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {/* {nonCollapsingTextHeaderActions.map(action => ( */}\n {this._headerActions.map(action => (\n <stzh-menu-item\n // class=\"hide-medium show-when-collapsed\"\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n onClick={(e: MouseEvent) => {\n this.actionClick(e, action);\n }}\n >\n {action.label}\n </stzh-menu-item>\n ))}\n\n {sortableActionsEnabled && (\n <Fragment>\n {!isFirstItemInSortable && (\n <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n {this.localization.actionMoveUp}\n </stzh-menu-item>\n )}\n {!isLastItemInSortable && (\n <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n {this.localization.actionMoveDown}\n </stzh-menu-item>\n )}\n </Fragment>\n )}\n\n {this.starrable && (\n <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"stzh-card__header-meta\">\n <slot name=\"meta\"></slot>\n </div>\n </header>\n\n <div class=\"stzh-card__content hide-when-collapsed\">\n <slot name=\"content\"></slot>\n </div>\n\n <div class=\"stzh-card__footer hide-when-collapsed\">\n {/* {(this.author || this.date) &&\n <div class=\"stzh-card__footer-meta\">\n {this.author &&\n <div class=\"stzh-card__footer-author\">{this.author}</div>\n }\n {this.author && this.date &&\n <div class=\"stzh-card__footer-meta-separator\"></div>\n }\n {this.date &&\n <div class=\"stzh-card__footer-date\">\n {this.dateAdapter.format(new Date(this.date), \"dateInput\")}\n </div>\n }\n </div>\n } */}\n\n <slot name=\"footer\">\n {this._footerActions.length > 0 && (\n <stzh-actionset class=\"stzh-card__footer-actionset\" actions={this._footerActions}></stzh-actionset>\n )}\n\n {this.selectable && (\n <stzh-button\n class=\"stzh-card__footer-select-button\"\n fullwidth\n type=\"radio\"\n variant=\"secondary\"\n name={this.name}\n value={this.value}\n checked={this.checked}\n disabled={this.disabled}\n label={this.localization.select}\n onStzhChange={this.handleSelectionChange}\n ></stzh-button>\n )}\n </slot>\n </div>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

/package/dist/collection/components/{CMS/stzh-card-navigation → stzh-card-navigation}/stzh-card-navigation.css RENAMED Viewed

File without changes

/package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/assets/placeholder-image.svg RENAMED Viewed

File without changes

/package/dist/collection/components/{CMS/stzh-card-searchresult → stzh-card-searchresult}/stzh-card-searchresult.css RENAMED Viewed

File without changes

/package/dist/stzh-components/{p-466ce2ed.entry.js.map → p-1a4b1e07.entry.js.map} RENAMED Viewed

File without changes

/package/dist/stzh-components/{p-fc532b6d.entry.js.map → p-2abd5e52.entry.js.map} RENAMED Viewed

File without changes

/package/dist/stzh-components/{p-dc677b81.js.map → p-30632dd5.js.map} RENAMED Viewed

File without changes