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

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

package/dist/components/{p-Bouerm1u.js.map → p-CWliRPVy.js.map} RENAMED Viewed

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

package/dist/components/{p-SGLayYK3.js → p-CX72zNNm.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 const stzhRowCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{width:100%;--row-gap:var(--stzh-row-row-gap, 0px)}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 900px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 900px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 900px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 900px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 900px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 900px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 900px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 900px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 900px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 900px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 900px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 900px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1600px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1600px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1600px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1600px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1600px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1600px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1600px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1600px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1600px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1600px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1600px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1600px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:var(--row-gap);margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 900px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}@media screen and (min-width: 1260px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-large) / -2);margin-right:calc(var(--stzh-grid-gutter-large) / -2)}}@media screen and (min-width: 1600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-ultra) / -2);margin-right:calc(var(--stzh-grid-gutter-ultra) / -2)}}.stzh-row{}.stzh-row--justify-end{justify-content:flex-end}.stzh-row--justify-center{justify-content:center}.stzh-row--justify-between{justify-content:space-between}.stzh-row--justify-around{justify-content:space-around}.stzh-row--justify-evenly{justify-content:space-evenly}.stzh-row{}.stzh-row--items-end{align-items:flex-end}.stzh-row--items-center{align-items:center}.stzh-row--items-baseline{align-items:baseline}.stzh-row--items-stretch{align-items:stretch}.stzh-row{}.stzh-row--content-end{align-content:flex-end}.stzh-row--content-center{align-content:center}.stzh-row--content-between{align-content:space-between}.stzh-row--content-around{align-content:space-around}.stzh-row--content-evenly{align-content:space-evenly}`;
@@ -50,6 +50,6 @@ function defineCustomElement() {
 }
 export { StzhRow as S, defineCustomElement as d };
-//# sourceMappingURL=p-SGLayYK3.js.map
+//# sourceMappingURL=p-CX72zNNm.js.map
-//# sourceMappingURL=p-SGLayYK3.js.map
+//# sourceMappingURL=p-CX72zNNm.js.map

package/dist/components/{p-SGLayYK3.js.map → p-CX72zNNm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~SGLayYK3~~.js","mappings":";;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,mxSAAmxS,CAAC;;MCYjyS,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAkB2B,QAAA,IAAO,CAAA,OAAA,GAAmB,OAAO;;AAGjC,QAAA,IAAK,CAAA,KAAA,GAAiB,OAAO;;AAG7B,QAAA,IAAO,CAAA,OAAA,GAAmB,OAAO;AAkB3D;IAhBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,IAAI;gBAChB,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;gBACrD,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;gBAC/C,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;AACtD,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n width: 100%;\n\n --row-gap: var(--stzh-row-row-gap, 0px);\n}\n\n@mixin cellProps($breakpoint: null) {\n @for $i from 1 through $gridCells {\n @if $breakpoint {\n :host([span-#{$breakpoint}=\"#{$i}\"])\n ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n @include mq($from: $breakpoint) {\n --cell-width: #{calc(100% / ($gridCells/ $i))};\n }\n }\n } @else {\n :host([span=\"#{$i}\"]) ::slotted(stzh-cell:not([span])) {\n --cell-width: #{calc(100% / calc($gridCells / $i))};\n }\n }\n }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n @include cellProps($breakpoint);\n}\n\n.stzh-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n row-gap: var(--row-gap);\n margin-left: calc(#{$gridGutter} / -2);\n margin-right: calc(#{$gridGutter} / -2);\n\n @include mq($from: small) {\n margin-left: calc(#{$gridGutterSmall} / -2);\n margin-right: calc(#{$gridGutterSmall} / -2);\n }\n\n @include mq($from: medium) {\n margin-left: calc(#{$gridGutterMedium} / -2);\n margin-right: calc(#{$gridGutterMedium} / -2);\n }\n\n @include mq($from: large) {\n margin-left: calc(#{$gridGutterLarge} / -2);\n margin-right: calc(#{$gridGutterLarge} / -2);\n }\n\n @include mq($from: ultra) {\n margin-left: calc(#{$gridGutterUltra} / -2);\n margin-right: calc(#{$gridGutterUltra} / -2);\n }\n\n /* Justify content variants /\n\n &--justify-end {\n justify-content: flex-end;\n }\n\n &--justify-center {\n justify-content: center;\n }\n\n &--justify-between {\n justify-content: space-between;\n }\n\n &--justify-around {\n justify-content: space-around;\n }\n\n &--justify-evenly {\n justify-content: space-evenly;\n }\n\n / Align items variants /\n\n &--items-end {\n align-items: flex-end;\n }\n\n &--items-center {\n align-items: center;\n }\n\n &--items-baseline {\n align-items: baseline;\n }\n\n &--items-stretch {\n align-items: stretch;\n }\n\n / Align content variants /\n\n &--content-end {\n align-content: flex-end;\n }\n\n &--content-center {\n align-content: center;\n }\n\n &--content-between {\n align-content: space-between;\n }\n\n &--content-around {\n align-content: space-around;\n }\n\n &--content-evenly {\n align-content: space-evenly;\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/\n @slot - Slot for `stzh-cell` elements\n /\n@Component({\n tag: \"stzh-row\",\n styleUrl: \"stzh-row.scss\",\n shadow: true,\n})\nexport class StzhRow {\n /* Default span of each cell /\n @Prop({ reflect: true }) span: number;\n /* Default span of each cell above small breakpoint /\n @Prop({ reflect: true }) spanSmall: number;\n /* Default span of each cell above medium breakpoint /\n @Prop({ reflect: true }) spanMedium: number;\n /* Default span of each cell above large breakpoint /\n @Prop({ reflect: true }) spanLarge: number;\n /* Default span of each cell above ultra breakpoint /\n @Prop({ reflect: true }) spanUltra: number;\n\n /* Controlling how cells are positioned along a container's main axis /\n @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n /* Control how cells items are positioned along a container's cross axis /\n @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n /* Utilities for controlling how rows are positioned in multi-row flex containers. */\n @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-row\": true,\n [`stzh-row--justify-${this.justify}`]: !!this.justify,\n [`stzh-row--items-${this.items}`]: !!this.items,\n [`stzh-row--content-${this.content}`]: !!this.content,\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CX72zNNm.js","mappings":";;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,mxSAAmxS,CAAC;;MCYjyS,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAkB2B,QAAA,IAAO,CAAA,OAAA,GAAmB,OAAO;;AAGjC,QAAA,IAAK,CAAA,KAAA,GAAiB,OAAO;;AAG7B,QAAA,IAAO,CAAA,OAAA,GAAmB,OAAO;AAkB3D;IAhBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,IAAI;gBAChB,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;gBACrD,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;gBAC/C,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;AACtD,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n width: 100%;\n\n --row-gap: var(--stzh-row-row-gap, 0px);\n}\n\n@mixin cellProps($breakpoint: null) {\n @for $i from 1 through $gridCells {\n @if $breakpoint {\n :host([span-#{$breakpoint}=\"#{$i}\"])\n ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n @include mq($from: $breakpoint) {\n --cell-width: #{calc(100% / ($gridCells/ $i))};\n }\n }\n } @else {\n :host([span=\"#{$i}\"]) ::slotted(stzh-cell:not([span])) {\n --cell-width: #{calc(100% / calc($gridCells / $i))};\n }\n }\n }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n @include cellProps($breakpoint);\n}\n\n.stzh-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n row-gap: var(--row-gap);\n margin-left: calc(#{$gridGutter} / -2);\n margin-right: calc(#{$gridGutter} / -2);\n\n @include mq($from: small) {\n margin-left: calc(#{$gridGutterSmall} / -2);\n margin-right: calc(#{$gridGutterSmall} / -2);\n }\n\n @include mq($from: medium) {\n margin-left: calc(#{$gridGutterMedium} / -2);\n margin-right: calc(#{$gridGutterMedium} / -2);\n }\n\n @include mq($from: large) {\n margin-left: calc(#{$gridGutterLarge} / -2);\n margin-right: calc(#{$gridGutterLarge} / -2);\n }\n\n @include mq($from: ultra) {\n margin-left: calc(#{$gridGutterUltra} / -2);\n margin-right: calc(#{$gridGutterUltra} / -2);\n }\n\n /* Justify content variants /\n\n &--justify-end {\n justify-content: flex-end;\n }\n\n &--justify-center {\n justify-content: center;\n }\n\n &--justify-between {\n justify-content: space-between;\n }\n\n &--justify-around {\n justify-content: space-around;\n }\n\n &--justify-evenly {\n justify-content: space-evenly;\n }\n\n / Align items variants /\n\n &--items-end {\n align-items: flex-end;\n }\n\n &--items-center {\n align-items: center;\n }\n\n &--items-baseline {\n align-items: baseline;\n }\n\n &--items-stretch {\n align-items: stretch;\n }\n\n / Align content variants /\n\n &--content-end {\n align-content: flex-end;\n }\n\n &--content-center {\n align-content: center;\n }\n\n &--content-between {\n align-content: space-between;\n }\n\n &--content-around {\n align-content: space-around;\n }\n\n &--content-evenly {\n align-content: space-evenly;\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/\n @slot - Slot for `stzh-cell` elements\n /\n@Component({\n tag: \"stzh-row\",\n styleUrl: \"stzh-row.scss\",\n shadow: true,\n})\nexport class StzhRow {\n /* Default span of each cell /\n @Prop({ reflect: true }) span: number;\n /* Default span of each cell above small breakpoint /\n @Prop({ reflect: true }) spanSmall: number;\n /* Default span of each cell above medium breakpoint /\n @Prop({ reflect: true }) spanMedium: number;\n /* Default span of each cell above large breakpoint /\n @Prop({ reflect: true }) spanLarge: number;\n /* Default span of each cell above ultra breakpoint /\n @Prop({ reflect: true }) spanUltra: number;\n\n /* Controlling how cells are positioned along a container's main axis /\n @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n /* Control how cells items are positioned along a container's cross axis /\n @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n /* Utilities for controlling how rows are positioned in multi-row flex containers. */\n @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-row\": true,\n [`stzh-row--justify-${this.justify}`]: !!this.justify,\n [`stzh-row--items-${this.items}`]: !!this.items,\n [`stzh-row--content-${this.content}`]: !!this.content,\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-o34Djtsg.js → p-CXhl6EKC.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 import { S as StzhSocialmediastreamItemActionVariant } from './p-uD4ilJut.js';
-import { d as defineCustomElement$3 } from './p-C7Wum7Zf.js';
-import { d as defineCustomElement$2 } from './p-CzvAx4N0.js';
-import { d as defineCustomElement$1 } from './p-5iYOoBns.js';
+import { d as defineCustomElement$3 } from './p-CRo_30JG.js';
+import { d as defineCustomElement$2 } from './p-AIPoMvau.js';
+import { d as defineCustomElement$1 } from './p-4Vt8Vqot.js';
 const stzhSocialmediastreamItemCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-socialmediastream-item{display:block;background-color:var(--stzh-color-grey10);text-decoration:none;color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:visited{color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover{background-color:var(--stzh-color-secondary10);color:var(--stzh-color-black)}.stzh-socialmediastream-item__image{position:relative}.stzh-socialmediastream-item__ratio{--background-color:var(--image-background-color)}.stzh-socialmediastream-item__image-inner-wrapper{background-color:var(--image-background-color);position:absolute;inset:0;height:100%}.stzh-socialmediastream-item__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content-head{display:flex;align-items:center}.stzh-socialmediastream-item__content-head stzh-icon{--color:var(--stzh-color-primary)}.stzh-socialmediastream-item__content-title{width:100%;--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item:hover .stzh-socialmediastream-item__content-title{--color:var(--stzh-color-black)}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content-body{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);--color:var(--stzh-color-grey80)}.stzh-socialmediastream-item__content-body a{word-wrap:break-word;color:var(--stzh-link-color)}.stzh-socialmediastream-item__content-body a:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__content-body a+a{margin-left:var(--stzh-space-xxsmall)}.stzh-socialmediastream-item{}.stzh-socialmediastream-item__content-footer{display:flex;align-items:center;gap:var(--stzh-space-small)}.stzh-socialmediastream-item__action{text-decoration:none;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);color:var(--stzh-link-color);display:flex;align-items:center;gap:var(--stzh-space-xxsmall);line-height:1}.stzh-socialmediastream-item__action:hover{color:var(--stzh-link-hover-color)}.stzh-socialmediastream-item__action stzh-icon{--size:1rem}`;
@@ -126,6 +126,6 @@ function defineCustomElement() {
 }
 export { StzhSocialmediastreamItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-o34Djtsg.js.map
+//# sourceMappingURL=p-CXhl6EKC.js.map
-//# sourceMappingURL=p-o34Djtsg.js.map
+//# sourceMappingURL=p-CXhl6EKC.js.map

package/dist/components/{p-o34Djtsg.js.map → p-CXhl6EKC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-o34Djtsg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.scss?tag=stzh-socialmediastream-item","src/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-socialmediastream-item {\n display: block;\n background-color: var(--stzh-color-grey10);\n text-decoration: none;\n color: var(--stzh-color-grey80);\n\n &:visited {\n color: var(--stzh-color-grey80);\n }\n\n &:hover {\n background-color: var(--stzh-color-secondary10);\n color: var(--stzh-color-black);\n }\n\n &__image {\n position: relative;\n }\n\n &__ratio {\n --background-color: var(--image-background-color);\n }\n\n &__image-inner-wrapper {\n background-color: var(--image-background-color);\n position: absolute;\n inset: 0;\n height: 100%;\n }\n\n &__image img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n /* Content /\n\n &__content {\n padding: var(--stzh-space-xsmall) var(--stzh-space-medium)\n var(--stzh-space-small);\n display: flex;\n flex-direction: column;\n gap: var(--stzh-space-small);\n }\n\n / Content head /\n\n &__content-head {\n display: flex;\n align-items: center;\n }\n\n &__content-head stzh-icon {\n --color: var(--stzh-color-primary);\n }\n\n &__content-title {\n width: 100%;\n --color: var(--stzh-color-grey80);\n }\n\n &:hover &__content-title {\n --color: var(--stzh-color-black);\n }\n\n / Content Body /\n\n &__content-body {\n @include font(medium);\n @include fontSize(micro);\n --color: var(--stzh-color-grey80);\n }\n\n &__content-body a {\n word-wrap: break-word;\n color: var(--stzh-link-color);\n\n &:hover {\n color: var(--stzh-link-hover-color);\n }\n }\n\n &__content-body a + a {\n margin-left: space(xxsmall);\n }\n\n / Content Footer and Actions /\n\n &__content-footer {\n display: flex;\n align-items: center;\n gap: var(--stzh-space-small);\n }\n\n &__action {\n text-decoration: none;\n @include fontSize(pico);\n color: var(--stzh-link-color);\n display: flex;\n align-items: center;\n gap: var(--stzh-space-xxsmall);\n line-height: 1;\n\n &:hover {\n color: var(--stzh-link-hover-color);\n }\n }\n\n &__action stzh-icon {\n --size: 16px;\n }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport {\n StzhLocaleAdapter,\n StzhLocaleComponent,\n StzhSocialmediastreamItemActionVariant,\n StzhSocialmediastreamItemData,\n} from \"../../../index\";\n\n@Component({\n tag: \"stzh-socialmediastream-item\",\n styleUrl: \"stzh-socialmediastream-item.scss\",\n})\nexport class StzhSocialmediastreamItem {\n @Element() element: HTMLStzhSocialmediastreamItemElement;\n\n /* Socialmediastream item /\n @Prop() item: StzhSocialmediastreamItemData \| string = \"\";\n private _item: StzhSocialmediastreamItemData \| undefined;\n\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\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 @Watch(\"item\")\n itemWatcher(newValue: StzhSocialmediastreamItemData \| string) {\n if (!newValue) {\n this._item = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._item = JSON.parse(newValue);\n } catch (e) {\n this._item = undefined;\n }\n } else {\n this._item = newValue;\n }\n }\n\n private init = () => {\n this.itemWatcher(this.item);\n };\n\n private getIconName(item: StzhSocialmediastreamItemData) {\n switch (item.channel) {\n case \"facebook\":\n return \"facebook\";\n case \"twitter\":\n case \"x\":\n return \"twitter\";\n case \"instagram\":\n return \"instagram\";\n case \"youtube\":\n return \"youtube\";\n default:\n return \"warning\";\n }\n }\n\n private getActionIconName(variant: StzhSocialmediastreamItemActionVariant) {\n switch (variant) {\n case StzhSocialmediastreamItemActionVariant.comments:\n return \"facebook-comment\";\n case StzhSocialmediastreamItemActionVariant.likes:\n return \"like-hand\";\n case StzhSocialmediastreamItemActionVariant.shares:\n return \"share\";\n }\n }\n\n private getParsedDate(dateStr: string): Date \| null {\n const parsedDate = new Date(dateStr);\n if (isNaN(parsedDate.getTime())) {\n return null;\n }\n return parsedDate;\n }\n\n connectedCallback() {\n this.init();\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"socialmediastream-item\");\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 classes = {\n \"stzh-socialmediastream-item\": true,\n };\n\n return (\n <Host>\n <a class={classes} href={this._item.link} target=\"_blank\">\n {this._item.image && (\n <div class=\"stzh-socialmediastream-item__image\">\n <stzh-ratio ratio=\"1:1\"></stzh-ratio>\n <div class=\"stzh-socialmediastream-item__image-inner-wrapper\">\n <img src={this._item.image} alt={this._item.account.title} />\n </div>\n </div>\n )}\n <div class=\"stzh-socialmediastream-item__content\">\n <div class=\"stzh-socialmediastream-item__content-head\">\n <stzh-text size=\"nano\" class=\"stzh-socialmediastream-item__content-title\">\n <strong>{this._item.account.title}</strong>\n <br />\n {this.dateAdapter.format(this.getParsedDate(this._item.date), \"dateInput\")}\n </stzh-text>\n <stzh-icon name={this.getIconName(this._item)}></stzh-icon>\n </div>\n <div class=\"stzh-socialmediastream-item__content-body\" innerHTML={this._item.text}></div>\n <div class=\"stzh-socialmediastream-item__content-footer 1q23\">\n {this._item.actions &&\n this._item.actions.map(action => (\n <a href={action.url} title={action.title} class=\"stzh-socialmediastream-item__action\" target=\"_blank\">\n <stzh-icon name={this.getActionIconName(action.variant)}></stzh-icon>\n {action.count}\n </a>\n ))}\n </div>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CXhl6EKC.js","mappings":";;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,4wGAA4wG,CAAC;;MCY5yG,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;AAJtC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAA2C,EAAE;AA4BjD,QAAA,IAAI,CAAA,IAAA,GAAG,MAAK;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7B,SAAC;AA6FF;AA7GC,IAAA,WAAW,CAAC,QAAgD,EAAA;QAC1D,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,IAAI,CAAC,KAAK,GAAG,SAAS;;AACjB,aAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AACvC,YAAA,IAAI;gBACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;;YACjC,OAAO,CAAC,EAAE;AACV,gBAAA,IAAI,CAAC,KAAK,GAAG,SAAS;;;aAEnB;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;;;AAQjB,IAAA,WAAW,CAAC,IAAmC,EAAA;AACrD,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,SAAS;AACd,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,WAAW;AACpB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,SAAS;;;AAId,IAAA,iBAAiB,CAAC,OAA+C,EAAA;QACvE,QAAQ,OAAO;YACb,KAAK,sCAAsC,CAAC,QAAQ;AAClD,gBAAA,OAAO,kBAAkB;YAC3B,KAAK,sCAAsC,CAAC,KAAK;AAC/C,gBAAA,OAAO,WAAW;YACpB,KAAK,sCAAsC,CAAC,MAAM;AAChD,gBAAA,OAAO,OAAO;;;AAIZ,IAAA,aAAa,CAAC,OAAe,EAAA;AACnC,QAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC;QACpC,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE;AAC/B,YAAA,OAAO,IAAI;;AAEb,QAAA,OAAO,UAAU;;IAGnB,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,EAAE;;AAGb,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,wBAAwB,CAAC;;AAEjH,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,wBAAwB,CACrE,IAAI,CAAC,YAAY,CAAC,QAAQ,EAC1B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B;;;IAIL,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,6BAA6B,EAAE,IAAI;SACpC;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAA,EACtD,IAAI,CAAC,KAAK,CAAC,KAAK,KACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAc,CAAA,EACrC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kDAAkD,EAAA,EAC3D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAI,CAAA,CACzD,CACF,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAC/C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2CAA2C,EAAA,EACpD,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAW,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4CAA4C,EAAA,EACvE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAU,EAC3C,CAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACL,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,CAChE,EACZ,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,CAAc,CACvD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2CAA2C,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAQ,CAAA,EACzF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kDAAkD,EAAA,EAC1D,IAAI,CAAC,KAAK,CAAC,OAAO;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KAC3B,SAAG,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAC,qCAAqC,EAAC,MAAM,EAAC,QAAQ,EAAA,EACnG,CAAW,CAAA,WAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAc,CAAA,EACpE,MAAM,CAAC,KAAK,CACX,CACL,CAAC,CACA,CACF,CACJ,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.scss?tag=stzh-socialmediastream-item","src/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-socialmediastream-item {\n display: block;\n background-color: var(--stzh-color-grey10);\n text-decoration: none;\n color: var(--stzh-color-grey80);\n\n &:visited {\n color: var(--stzh-color-grey80);\n }\n\n &:hover {\n background-color: var(--stzh-color-secondary10);\n color: var(--stzh-color-black);\n }\n\n &__image {\n position: relative;\n }\n\n &__ratio {\n --background-color: var(--image-background-color);\n }\n\n &__image-inner-wrapper {\n background-color: var(--image-background-color);\n position: absolute;\n inset: 0;\n height: 100%;\n }\n\n &__image img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n /* Content /\n\n &__content {\n padding: var(--stzh-space-xsmall) var(--stzh-space-medium)\n var(--stzh-space-small);\n display: flex;\n flex-direction: column;\n gap: var(--stzh-space-small);\n }\n\n / Content head /\n\n &__content-head {\n display: flex;\n align-items: center;\n }\n\n &__content-head stzh-icon {\n --color: var(--stzh-color-primary);\n }\n\n &__content-title {\n width: 100%;\n --color: var(--stzh-color-grey80);\n }\n\n &:hover &__content-title {\n --color: var(--stzh-color-black);\n }\n\n / Content Body /\n\n &__content-body {\n @include font(medium);\n @include fontSize(micro);\n --color: var(--stzh-color-grey80);\n }\n\n &__content-body a {\n word-wrap: break-word;\n color: var(--stzh-link-color);\n\n &:hover {\n color: var(--stzh-link-hover-color);\n }\n }\n\n &__content-body a + a {\n margin-left: space(xxsmall);\n }\n\n / Content Footer and Actions /\n\n &__content-footer {\n display: flex;\n align-items: center;\n gap: var(--stzh-space-small);\n }\n\n &__action {\n text-decoration: none;\n @include fontSize(pico);\n color: var(--stzh-link-color);\n display: flex;\n align-items: center;\n gap: var(--stzh-space-xxsmall);\n line-height: 1;\n\n &:hover {\n color: var(--stzh-link-hover-color);\n }\n }\n\n &__action stzh-icon {\n --size: 16px;\n }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport {\n StzhLocaleAdapter,\n StzhLocaleComponent,\n StzhSocialmediastreamItemActionVariant,\n StzhSocialmediastreamItemData,\n} from \"../../../index\";\n\n@Component({\n tag: \"stzh-socialmediastream-item\",\n styleUrl: \"stzh-socialmediastream-item.scss\",\n})\nexport class StzhSocialmediastreamItem {\n @Element() element: HTMLStzhSocialmediastreamItemElement;\n\n /* Socialmediastream item /\n @Prop() item: StzhSocialmediastreamItemData \| string = \"\";\n private _item: StzhSocialmediastreamItemData \| undefined;\n\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\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 @Watch(\"item\")\n itemWatcher(newValue: StzhSocialmediastreamItemData \| string) {\n if (!newValue) {\n this._item = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._item = JSON.parse(newValue);\n } catch (e) {\n this._item = undefined;\n }\n } else {\n this._item = newValue;\n }\n }\n\n private init = () => {\n this.itemWatcher(this.item);\n };\n\n private getIconName(item: StzhSocialmediastreamItemData) {\n switch (item.channel) {\n case \"facebook\":\n return \"facebook\";\n case \"twitter\":\n case \"x\":\n return \"twitter\";\n case \"instagram\":\n return \"instagram\";\n case \"youtube\":\n return \"youtube\";\n default:\n return \"warning\";\n }\n }\n\n private getActionIconName(variant: StzhSocialmediastreamItemActionVariant) {\n switch (variant) {\n case StzhSocialmediastreamItemActionVariant.comments:\n return \"facebook-comment\";\n case StzhSocialmediastreamItemActionVariant.likes:\n return \"like-hand\";\n case StzhSocialmediastreamItemActionVariant.shares:\n return \"share\";\n }\n }\n\n private getParsedDate(dateStr: string): Date \| null {\n const parsedDate = new Date(dateStr);\n if (isNaN(parsedDate.getTime())) {\n return null;\n }\n return parsedDate;\n }\n\n connectedCallback() {\n this.init();\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"socialmediastream-item\");\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 classes = {\n \"stzh-socialmediastream-item\": true,\n };\n\n return (\n <Host>\n <a class={classes} href={this._item.link} target=\"_blank\">\n {this._item.image && (\n <div class=\"stzh-socialmediastream-item__image\">\n <stzh-ratio ratio=\"1:1\"></stzh-ratio>\n <div class=\"stzh-socialmediastream-item__image-inner-wrapper\">\n <img src={this._item.image} alt={this._item.account.title} />\n </div>\n </div>\n )}\n <div class=\"stzh-socialmediastream-item__content\">\n <div class=\"stzh-socialmediastream-item__content-head\">\n <stzh-text size=\"nano\" class=\"stzh-socialmediastream-item__content-title\">\n <strong>{this._item.account.title}</strong>\n <br />\n {this.dateAdapter.format(this.getParsedDate(this._item.date), \"dateInput\")}\n </stzh-text>\n <stzh-icon name={this.getIconName(this._item)}></stzh-icon>\n </div>\n <div class=\"stzh-socialmediastream-item__content-body\" innerHTML={this._item.text}></div>\n <div class=\"stzh-socialmediastream-item__content-footer 1q23\">\n {this._item.actions &&\n this._item.actions.map(action => (\n <a href={action.url} title={action.title} class=\"stzh-socialmediastream-item__action\" target=\"_blank\">\n <stzh-icon name={this.getActionIconName(action.variant)}></stzh-icon>\n {action.count}\n </a>\n ))}\n </div>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DONIQb7T.js → p-ChcKhy4e.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-DajXzNIS.js';
-import { d as defineCustomElement$1 } from './p-C7Wum7Zf.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-BBg6OWDc.js';
+import { d as defineCustomElement$1 } from './p-CRo_30JG.js';
 const stzhStepperItemCss = () => `.sc-stzh-stepper-item-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-stepper-item-h,[stzh-hidden].sc-stzh-stepper-item-h{display:none}.sc-stzh-stepper-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-item-h *.sc-stzh-stepper-item,.sc-stzh-stepper-item-h *.sc-stzh-stepper-item::before,.sc-stzh-stepper-item-h *.sc-stzh-stepper-item::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-stepper-item-h .has-focus.sc-stzh-stepper-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-item-h .stzh-fylingfocus-focused.sc-stzh-stepper-item{outline-style:none !important}.sc-stzh-stepper-item-h .stzh-fylingfocus-focused.sc-stzh-stepper-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-stepper-item-h{display:none}.stzh-stepper-item.sc-stzh-stepper-item{text-align:center}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__unclickable.sc-stzh-stepper-item{appearance:none;font-family:inherit;background-color:transparent;border:none}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{cursor:pointer}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__unclickable.sc-stzh-stepper-item{cursor:default;pointer-events:none}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{position:relative;display:inline-flex;justify-content:center;align-items:center;width:2.1875rem;height:2.1875rem;border:0.0625rem solid transparent;text-align:center;box-sizing:border-box;transition-property:color, border-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{transition:none}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{top:1.25rem;right:2.5625rem}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item::after{transition:none}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{display:block;font-size:0.875rem;line-height:1.28;padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{transition:none}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{z-index:1;position:relative;color:currentColor}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{forced-color-adjust:preserve-parent-color}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item,.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:currentColor}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__user-icon.sc-stzh-stepper-item{--size:var(--stzh-icon-size-small)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{z-index:1;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-grey20);border:0.0625rem solid transparent;cursor:pointer;transition-property:color, border-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{transition:none;color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}}.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus){border-color:var(--stzh-color-grey20);cursor:default}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus){color:HighlightText;border-color:Highlight;background-color:Highlight}}.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus)::after{background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus)::after{background-color:Highlight}}.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:HighlightText}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item{cursor:default}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item{color:CanvasText;border-color:CanvasText;background-color:Canvas}}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:CanvasText}}.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus){border-color:var(--stzh-base-border-color);cursor:default}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus){color:CanvasText;border-color:CanvasText;background-color:Canvas}}.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus)::after{background-color:inherit}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus)::after{background-color:Canvas}}.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item .stzh-stepper-item__dotted.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled.sc-stzh-stepper-item:where(:hover,.sc-stzh-stepper-item:focus) .stzh-stepper-item__dotted-icon.sc-stzh-stepper-item{color:CanvasText}}@media screen and (min-width: 600px){.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-stepper-item.sc-stzh-stepper-item{--base-line-color:var(--stzh-base-border-color);--base-item-text-color:var(--stzh-color-primary);--base-item-border-color:var(--stzh-color-secondary20);--base-item-background-color:var(--stzh-color-secondary20);--base-label-text-color:var(--stzh-color-grey80);--inert-item-text-color:var(--stzh-color-primary);--inert-item-border-color:var(--stzh-color-grey20);--inert-item-background-color:var(--stzh-color-grey20);--inert-label-text-color:var(--stzh-color-grey80);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--stzh-color-secondary40);--hover-item-background-color:var(--stzh-color-secondary40);--hover-label-text-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item.sc-stzh-stepper-item{--base-line-color:CanvasText;--base-item-text-color:ButtonText;--base-item-border-color:ButtonBorder;--base-item-background-color:ButtonFace;--base-label-text-color:ButtonText;--inert-item-text-color:CanvasText;--inert-item-border-color:CanvasText;--inert-item-background-color:Canvas;--inert-label-text-color:CanvasText;--hover-item-text-color:HighlightText;--hover-item-border-color:Highlight;--hover-item-background-color:Highlight;--hover-label-text-color:Highlight}}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__unclickable.sc-stzh-stepper-item{--line-color:var(--base-line-color);--item-text-color:var(--inert-item-text-color);--item-border-color:var(--inert-item-border-color);--item-background-color:var(--inert-item-background-color);--label-text-color:var(--inert-label-text-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{--line-color:var(--base-line-color);--item-text-color:var(--base-item-text-color);--item-border-color:var(--base-item-border-color);--item-background-color:var(--base-item-background-color);--label-text-color:var(--base-label-text-color)}.stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item:is(:hover,.sc-stzh-stepper-item:focus){--item-text-color:var(--hover-item-text-color);--item-border-color:var(--hover-item-border-color);--item-background-color:var(--hover-item-background-color);--label-text-color:var(--hover-label-text-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{color:var(--label-text-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{color:var(--item-text-color);border-color:var(--item-border-color);background-color:var(--item-background-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{background-color:var(--line-color)}.stzh-stepper-item.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after{background-color:var(--item-background-color)}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before,.stzh-stepper-item.stzh-stepper-item--last.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{display:block}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item{position:relative}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{left:50%;transform:translateX(-50%)}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{z-index:1}.stzh-stepper-item.stzh-stepper-item--last.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{right:calc(100% / var(--steps) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-stepper-item.stzh-stepper-item--last.sc-stzh-stepper-item .stzh-stepper-item__dotted.sc-stzh-stepper-item{right:calc(100% / var(--steps) - (0.96875rem))}}.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item{--base-line-color:var(--base-item-background-color);--base-item-text-color:var(--stzh-color-white);--base-item-border-color:var(--stzh-color-secondary60);--base-item-background-color:var(--stzh-color-secondary60);--base-label-text-color:var(--stzh-color-primary);--inert-item-text-color:var(--base-item-text-color);--inert-item-border-color:var(--base-item-border-color);--inert-item-background-color:var(--base-item-background-color);--inert-label-text-color:var(--base-item-background-color);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--stzh-color-secondary70);--hover-item-background-color:var(--stzh-color-secondary70);--hover-label-text-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item{--base-item-text-color:SelectedItemText;--base-item-border-color:SelectedItem;--base-item-background-color:SelectedItem;--base-label-text-color:SelectedItem;--hover-item-text-color:HighlightText;--hover-item-border-color:Highlight;--hover-item-background-color:Highlight;--hover-label-text-color:Highlight}}.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-stepper-item.stzh-stepper-item--passed.sc-stzh-stepper-item:not(.stzh-stepper-item--passed-incomplete) .stzh-stepper-item__number.sc-stzh-stepper-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item{--base-line-color:var(--base-item-background-color);--base-item-text-color:var(--stzh-color-white);--base-item-border-color:var(--stzh-color-primary);--base-item-background-color:var(--stzh-color-primary);--base-label-text-color:var(--base-item-background-color);--inert-item-text-color:var(--base-item-text-color);--inert-item-border-color:var(--base-item-border-color);--inert-item-background-color:var(--base-item-background-color);--inert-label-text-color:var(--base-item-background-color);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--stzh-color-primary-hover);--hover-item-background-color:var(--stzh-color-primary-hover);--hover-label-text-color:var(--hover-item-background-color)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item{--base-item-text-color:SelectedItemText;--base-item-border-color:SelectedItem;--base-item-background-color:SelectedItem;--base-label-text-color:SelectedItem;--hover-item-text-color:HighlightText;--hover-item-border-color:Highlight;--hover-item-background-color:Highlight;--hover-label-text-color:Highlight}}.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-stepper-item.stzh-stepper-item--current.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{z-index:-1;display:block}.stzh-stepper-item.stzh-stepper-item--is-disabled.sc-stzh-stepper-item{--base-item-text-color:var(--stzh-color-white);--base-item-border-color:var(--stzh-color-grey60);--base-item-background-color:var(--stzh-color-grey60);--base-label-text-color:var(--stzh-color-grey80);--inert-item-text-color:var(--base-item-text-color);--inert-item-border-color:var(--base-item-border-color);--inert-item-background-color:var(--base-item-background-color);--inert-label-text-color:var(--base-label-text-color);--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--base-item-border-color);--hover-item-background-color:var(--base-item-background-color);--hover-label-text-color:var(--base-label-text-color)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--is-disabled.sc-stzh-stepper-item{--base-item-text-color:GrayText;--base-item-border-color:GrayText;--base-item-background-color:Canvas;--base-label-text-color:GrayText;--hover-item-text-color:var(--base-item-text-color);--hover-item-border-color:var(--base-item-border-color);--hover-item-background-color:var(--base-item-background-color);--hover-label-text-color:var(--base-label-text-color)}}.stzh-stepper-item.stzh-stepper-item--is-disabled.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{cursor:not-allowed}.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item{--base-line-color:var(--stzh-color-white)}@media (forced-colors: active){.stzh-stepper-item.stzh-stepper-item--first.sc-stzh-stepper-item{--base-line-color:Canvas}}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__label-block.sc-stzh-stepper-item{display:none}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;margin-bottom:0;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::before{top:0.8125rem;right:1.875rem}}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__number-block.sc-stzh-stepper-item::after{display:none}.stzh-stepper-item.stzh-stepper-item--first.stzh-stepper-item--dotted.sc-stzh-stepper-item .stzh-stepper-item__button.sc-stzh-stepper-item{padding-left:0;padding-right:0}`;
@@ -108,6 +108,6 @@ function defineCustomElement() {
 }
 export { StzhStepperItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-DONIQb7T.js.map
+//# sourceMappingURL=p-ChcKhy4e.js.map
-//# sourceMappingURL=p-DONIQb7T.js.map
+//# sourceMappingURL=p-ChcKhy4e.js.map

package/dist/components/{p-DONIQb7T.js.map → p-ChcKhy4e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DONIQb7T.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,+koBAA+koB,CAAC;;MCYrmoB,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAU2B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAGzB,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;;AAGtB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;;AAGrB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;;AAGvB,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;;AAG3B,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;;AAGxB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;;AAGrB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;;AAGvB,QAAA,IAAI,CAAA,IAAA,GAAW,CAAC;;AAGhB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;;AAGlC,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAoB9B,QAAA,IAAA,CAAA,OAAO,GAAG,CAAC,KAAiB,KAAI;AACtC,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,gBAAA,SAAS,EAAE,mBAAmB;AAC9B,gBAAA,aAAa,EAAE,KAAK;gBACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC;AACpF,aAAA,CAAC;AACJ,SAAC;AAEO,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAiB,KAAI;AAC5C,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,gBAAA,SAAS,EAAE,mBAAmB;AAC9B,gBAAA,aAAa,EAAE,KAAK;gBACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC;AACpF,aAAA,CAAC;AACJ,SAAC;AA8FF;IA5FC,kBAAkB,GAAA;QAChB,qBAAqB,CAAC,MAAK;;AACzB,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,0CAAE,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AACnF,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,mBAAmB,EAAE,IAAI;YACzB,0BAA0B,EAAE,IAAI,CAAC,KAAK;YACtC,yBAAyB,EAAE,IAAI,CAAC,IAAI;YACpC,4BAA4B,EAAE,IAAI,CAAC,OAAO;YAC1C,yBAAyB,EAAE,IAAI,CAAC,IAAI;YACpC,2BAA2B,EAAE,IAAI,CAAC,MAAM;AACxC,YAAA,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;YAC1C,gCAAgC,EAAE,IAAI,CAAC,QAAQ;YAC/C,2BAA2B,EAAE,IAAI,CAAC,MAAM;AACxC,YAAA,sCAAsC,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,UAAU;SACvE;AAED,QAAA,MAAM,MAAM,IACV,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,CAAC,IAAI,CAAC,aAAa,IAClB,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,2BAA2B,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAA,EACnE,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,iBAAiB,EAAA,CAAa,CAC9E,KAET,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,+DAA+D,EAAA,EACxE,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,iBAAiB,EAAA,CAAa,CACjF,CACP,CACI,CACR;AAED,QAAA,MAAM,OAAO,IACX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAC1C,EAAA,IAAI,CAAC,IAAI,IACR,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAc,KAE7E,CAAA,CAAA,MAAA,EAAA,IAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,IAAI,CAAQ,EACzD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,KAC9B,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,EAAa,CAAA,CACzE,CACI,CACR,CACI,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,IAAI,GAAG,EAAiB,CAAC,EAAE,KAAK,EAAC,gCAAgC,EACrF,EAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACnC,CACF,CACR;AAED,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EAChB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,EAClC,IAAI,CAAC,aAAa,IACjB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gCAAgC,kBAAe,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EACtF,EAAA,OAAO,CACJ,KAEN,CAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,EAClD,KAAK,EAAC,2BAA2B,EACnB,cAAA,EAAA,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAC7C,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,EACtD,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iCAAiC,EAAA,EAC1C,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAc,KAE7E,CAAA,CAAC,QAAQ,EAAA,IAAA,EACP,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,IAAI,CAAQ,EACzD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,KAC9B,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,EAAa,CAAA,CACzE,CACQ,CACZ,CACI,EACP,CAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,IAAI,GAAG,EAAiB,CAAC,EAAE,KAAK,EAAC,gCAAgC,EAAA,EACrF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACnC,CACA,CACV,EACA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,CAChC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-stepper-item/stzh-stepper-item.scss?tag=stzh-stepper-item&encapsulation=scoped","src/components/stzh-stepper-item/stzh-stepper-item.tsx"],"sourcesContent":[":host {\n}\n\n:host([hide]) {\n display: none;\n}\n\n.stzh-stepper-item {\n text-align: center;\n\n .stzh-stepper-item__button,\n .stzh-stepper-item__unclickable {\n appearance: none;\n font-family: inherit;\n background-color: transparent;\n border: none;\n }\n\n .stzh-stepper-item__button {\n cursor: pointer;\n }\n\n .stzh-stepper-item__unclickable {\n cursor: default;\n pointer-events: none;\n }\n\n /* what we do here is:\n add a gray line on the last element, which strikes through all previous ones,\n add a blue line on the current step which covers all previous elements relative to itself\n and add a white line on the first element, which gives you the illusion that it stopped. /\n\n .stzh-stepper-item__number-block {\n @include font(\"heavy\");\n @include fontCurve(\"p1\");\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: $stepperItemSize;\n height: $stepperItemSize;\n border: 1px solid transparent;\n text-align: center;\n box-sizing: border-box;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: $stepperItemSmallUp;\n height: $stepperItemSmallUp;\n margin-bottom: space(\"large\");\n }\n\n @media (forced-colors: active) {\n transition: none;\n }\n\n // set a line on every element, but hide it by default\n &::before {\n display: none;\n content: \"\";\n position: absolute;\n top: 16px;\n right: $stepperItemSize - 1px;\n width: 100vw;\n height: 1px;\n z-index: -2;\n overflow: hidden;\n\n @include mq($from: small) {\n top: 20px;\n right: $stepperItemSmallUp - 1px;\n }\n }\n }\n\n .stzh-stepper-item__number-block,\n .stzh-stepper-item__dotted {\n &::after {\n content: \"\";\n z-index: 0;\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n transition: background-color $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n transition: none;\n }\n }\n }\n\n .stzh-stepper-item__label-block {\n display: block;\n font-size: 14px;\n line-height: 1.28;\n padding: space(\"xxsmall\") space(\"small\");\n letter-spacing: 0.01em;\n transition: color $baseTransitionAnimationSpeed;\n\n @include mq($to: small) {\n @include visuallyhidden;\n }\n\n @media (forced-colors: active) {\n transition: none;\n }\n }\n\n .stzh-stepper-item__number,\n .stzh-stepper-item__icon,\n .stzh-stepper-item__user-icon,\n .stzh-stepper-item__dotted-icon {\n z-index: 1;\n position: relative;\n color: currentColor;\n\n @media (forced-colors: active) {\n forced-color-adjust: preserve-parent-color;\n }\n }\n\n .stzh-stepper-item__icon,\n .stzh-stepper-item__user-icon,\n .stzh-stepper-item__dotted-icon {\n --size: #{iconSize(\"xsmall\")};\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentColor;\n }\n\n .stzh-stepper-item__user-icon {\n --size: #{iconSize(\"small\")};\n }\n\n .stzh-stepper-item__dotted {\n z-index: 1;\n appearance: none;\n font-family: inherit;\n position: absolute;\n top: 3px;\n width: $stepperItemDottedSize;\n height: $stepperItemDottedSize;\n background-color: $colorGrey20;\n border: 1px solid transparent;\n cursor: pointer;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n transition: none;\n color: ButtonText;\n border-color: ButtonBorder;\n background-color: ButtonFace;\n }\n\n &:is(:hover, :focus) {\n border-color: $colorGrey20;\n cursor: default;\n\n @media (forced-colors: active) {\n color: HighlightText;\n border-color: Highlight;\n background-color: Highlight;\n }\n\n &::after {\n background-color: $colorGrey20;\n\n @media (forced-colors: active) {\n background-color: Highlight;\n }\n }\n\n .stzh-stepper-item__dotted-icon {\n color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n color: HighlightText;\n }\n }\n }\n\n &.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled {\n cursor: default;\n\n @media (forced-colors: active) {\n color: CanvasText;\n border-color: CanvasText;\n background-color: Canvas;\n }\n\n .stzh-stepper-item__dotted-icon {\n @media (forced-colors: active) {\n color: CanvasText;\n }\n }\n\n &:where(:hover, :focus) {\n border-color: var(--stzh-base-border-color);\n cursor: default;\n\n @media (forced-colors: active) {\n color: CanvasText;\n border-color: CanvasText;\n background-color: Canvas;\n }\n\n &::after {\n background-color: inherit;\n\n @media (forced-colors: active) {\n background-color: Canvas;\n }\n }\n\n .stzh-stepper-item__dotted-icon {\n color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n color: CanvasText;\n }\n }\n }\n }\n\n @include mq($from: small) {\n top: 5px;\n width: $stepperItemDottedSizeSmallUp;\n height: $stepperItemDottedSizeSmallUp;\n }\n }\n\n // Variant: ~default~\n & {\n --base-line-color: #{$baseBorderColor};\n\n --base-item-text-color: #{$colorPrimary};\n --base-item-border-color: #{$colorSecondary20};\n --base-item-background-color: #{$colorSecondary20};\n --base-label-text-color: #{$colorGrey80};\n\n --inert-item-text-color: #{$colorPrimary};\n --inert-item-border-color: #{$colorGrey20};\n --inert-item-background-color: #{$colorGrey20};\n --inert-label-text-color: #{$colorGrey80};\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: #{$colorSecondary40};\n --hover-item-background-color: #{$colorSecondary40};\n --hover-label-text-color: #{$colorPrimaryHover};\n\n @media (forced-colors: active) {\n --base-line-color: CanvasText;\n\n --base-item-text-color: ButtonText;\n --base-item-border-color: ButtonBorder;\n --base-item-background-color: ButtonFace;\n --base-label-text-color: ButtonText;\n\n --inert-item-text-color: CanvasText;\n --inert-item-border-color: CanvasText;\n --inert-item-background-color: Canvas;\n --inert-label-text-color: CanvasText;\n\n --hover-item-text-color: HighlightText;\n --hover-item-border-color: Highlight;\n --hover-item-background-color: Highlight;\n --hover-label-text-color: Highlight;\n }\n\n .stzh-stepper-item__unclickable {\n --line-color: var(--base-line-color);\n\n --item-text-color: var(--inert-item-text-color);\n --item-border-color: var(--inert-item-border-color);\n --item-background-color: var(--inert-item-background-color);\n --label-text-color: var(--inert-label-text-color);\n }\n\n .stzh-stepper-item__button {\n --line-color: var(--base-line-color);\n\n --item-text-color: var(--base-item-text-color);\n --item-border-color: var(--base-item-border-color);\n --item-background-color: var(--base-item-background-color);\n --label-text-color: var(--base-label-text-color);\n\n // Add specifity with `:is` instead of `:where`\n &:is(:hover, :focus) {\n --item-text-color: var(--hover-item-text-color);\n --item-border-color: var(--hover-item-border-color);\n --item-background-color: var(--hover-item-background-color);\n --label-text-color: var(--hover-label-text-color);\n }\n }\n\n .stzh-stepper-item__label-block {\n color: var(--label-text-color);\n }\n\n .stzh-stepper-item__number-block {\n color: var(--item-text-color);\n border-color: var(--item-border-color);\n background-color: var(--item-background-color);\n\n // Line\n &::before {\n background-color: var(--line-color);\n }\n\n // Background\n &::after {\n background-color: var(--item-background-color);\n }\n }\n }\n\n // Variant: \"first\" or \"last\"\n &.stzh-stepper-item--first,\n &.stzh-stepper-item--last {\n .stzh-stepper-item__number-block {\n &::before {\n display: block;\n }\n }\n }\n\n // Variant: \"first\"\n &.stzh-stepper-item--first {\n position: relative;\n\n .stzh-stepper-item__dotted {\n left: 50%;\n transform: translateX(-50%);\n }\n\n .stzh-stepper-item__number-block::before {\n z-index: 1;\n }\n }\n\n // Variant: \"last\"\n &.stzh-stepper-item--last {\n .stzh-stepper-item__dotted {\n // position the dots based on the width divided by the elements minus half of itself\n right: calc((100% / var(--steps)) - (#{$stepperItemDottedSize 0.5}));\n\n @include mq($from: small) {\n right: calc(\n (100% / var(--steps)) - (#{$stepperItemDottedSizeSmallUp * 0.5})\n );\n }\n }\n }\n\n // Variant: \"passed\"\n &.stzh-stepper-item--passed {\n --base-line-color: var(--base-item-background-color);\n\n --base-item-text-color: #{$colorWhite};\n --base-item-border-color: #{$colorSecondary60};\n --base-item-background-color: #{$colorSecondary60};\n --base-label-text-color: #{$colorPrimary};\n\n --inert-item-text-color: var(--base-item-text-color);\n --inert-item-border-color: var(--base-item-border-color);\n --inert-item-background-color: var(--base-item-background-color);\n --inert-label-text-color: var(--base-item-background-color);\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: #{$colorSecondary70};\n --hover-item-background-color: #{$colorSecondary70};\n --hover-label-text-color: #{$colorPrimaryHover};\n\n @media (forced-colors: active) {\n --base-item-text-color: SelectedItemText;\n --base-item-border-color: SelectedItem;\n --base-item-background-color: SelectedItem;\n --base-label-text-color: SelectedItem;\n\n --hover-item-text-color: HighlightText;\n --hover-item-border-color: Highlight;\n --hover-item-background-color: Highlight;\n --hover-label-text-color: Highlight;\n }\n\n .stzh-stepper-item__label-block {\n @include font(\"heavy\");\n }\n }\n\n // Variant: \"passed\" and not \"passed-incomplete\"\n &.stzh-stepper-item--passed:not(.stzh-stepper-item--passed-incomplete) {\n .stzh-stepper-item__number {\n @include visuallyhidden;\n }\n }\n\n // Variant: \"passed-incomplete\"\n &.stzh-stepper-item--passed-incomplete {\n //\n }\n\n // Variant: \"current\"\n &.stzh-stepper-item--current {\n --base-line-color: var(--base-item-background-color);\n\n --base-item-text-color: #{$colorWhite};\n --base-item-border-color: #{$colorPrimary};\n --base-item-background-color: #{$colorPrimary};\n --base-label-text-color: var(--base-item-background-color);\n\n --inert-item-text-color: var(--base-item-text-color);\n --inert-item-border-color: var(--base-item-border-color);\n --inert-item-background-color: var(--base-item-background-color);\n --inert-label-text-color: var(--base-item-background-color);\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: #{$colorPrimaryHover};\n --hover-item-background-color: #{$colorPrimaryHover};\n --hover-label-text-color: var(--hover-item-background-color);\n\n @media (forced-colors: active) {\n --base-item-text-color: SelectedItemText;\n --base-item-border-color: SelectedItem;\n --base-item-background-color: SelectedItem;\n --base-label-text-color: SelectedItem;\n\n --hover-item-text-color: HighlightText;\n --hover-item-border-color: Highlight;\n --hover-item-background-color: Highlight;\n --hover-label-text-color: Highlight;\n }\n\n .stzh-stepper-item__label-block {\n @include font(\"heavy\");\n }\n\n .stzh-stepper-item__number-block {\n // Line\n &::before {\n z-index: -1;\n display: block;\n }\n }\n }\n\n /* Disabled /\n &.stzh-stepper-item--is-disabled {\n --base-item-text-color: #{$colorWhite};\n --base-item-border-color: #{$colorGrey60};\n --base-item-background-color: #{$colorGrey60};\n --base-label-text-color: #{$colorGrey80};\n\n --inert-item-text-color: var(--base-item-text-color);\n --inert-item-border-color: var(--base-item-border-color);\n --inert-item-background-color: var(--base-item-background-color);\n --inert-label-text-color: var(--base-label-text-color);\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: var(--base-item-border-color);\n --hover-item-background-color: var(--base-item-background-color);\n --hover-label-text-color: var(--base-label-text-color);\n\n @media (forced-colors: active) {\n --base-item-text-color: GrayText;\n --base-item-border-color: GrayText;\n --base-item-background-color: Canvas;\n --base-label-text-color: GrayText;\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: var(--base-item-border-color);\n --hover-item-background-color: var(--base-item-background-color);\n --hover-label-text-color: var(--base-label-text-color);\n }\n\n .stzh-stepper-item__button {\n cursor: not-allowed;\n }\n }\n\n // Variant: \"first\" (line-color overwrite)\n &.stzh-stepper-item--first {\n --base-line-color: #{$colorWhite};\n\n @media (forced-colors: active) {\n --base-line-color: Canvas;\n }\n }\n\n // Variant: \"first\" and \"dotted\"\n &.stzh-stepper-item--first.stzh-stepper-item--dotted {\n .stzh-stepper-item__label-block {\n display: none;\n }\n\n // Hide number block behind dotted element\n .stzh-stepper-item__number-block {\n position: relative;\n z-index: 0;\n top: 5px;\n width: $stepperItemDottedSize;\n height: $stepperItemDottedSize;\n margin-bottom: 0;\n border: none;\n background-color: transparent;\n\n // Change dimensions to be still hidden\n @include mq($from: small) {\n top: 8px;\n width: $stepperItemDottedSizeSmallUp;\n height: $stepperItemDottedSizeSmallUp;\n }\n\n // Realign white line\n &::before {\n top: 12px;\n right: 26px;\n\n @include mq($from: small) {\n top: 13px;\n right: 30px;\n }\n }\n\n &::after {\n display: none;\n }\n }\n\n .stzh-stepper-item__button {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n","import { Component, Host, h, Prop, Element, Fragment, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent } from \"../../index\";\n\n/\n @slot - Slot for label (or use label prop)\n /\n@Component({\n tag: \"stzh-stepper-item\",\n styleUrl: \"stzh-stepper-item.scss\",\n scoped: true,\n})\nexport class StzhStepperItem {\n /* The label of the item. /\n @Prop({ reflect: true }) label: string;\n\n /* When true, it displays a not-allowed cursor on hover. Use this for steps that are not applicable. /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Whether it's the first item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) first: boolean = false;\n\n /* Whether it's the last item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) last: boolean = false;\n\n /* True when the item index is lower than the current index (used internally by stzh-stepper). /\n @Prop({ reflect: true }) passed: boolean = false;\n\n /* For passed items, this prevents displaying a checked icon when true (shows step number instead). /\n @Prop({ reflect: true }) incomplete: boolean = false;\n\n /* Whether it's the last item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) current: boolean = false;\n\n /* Whether it's a hidden item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) hide: boolean = false;\n\n /* Whether it's a dotted item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) dotted: boolean = false;\n\n /* The number of the step (used internally by stzh-stepper). /\n @Prop({ reflect: true }) step: number = 1;\n\n /* Displays a custom icon instead of the step number. /\n @Prop({ reflect: true }) icon: string = \"\";\n\n /* When true, it displays a default cursor on hover and no click event is emitted. /\n @Prop() clickDisabled: boolean = false;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `label` prop or default slot.\n /\n @Prop() analyticsId: string;\n\n /* Click event /\n @Event() stzhClick: EventEmitter<StzhStepperItemClickEvent>;\n\n /* Dotted click event */\n @Event() stzhDottedClick: EventEmitter<StzhStepperItemDottedClickEvent>;\n\n @Element() element: HTMLStzhStepperItemElement;\n\n private button: HTMLButtonElement;\n private text: HTMLElement;\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-stepper-item\",\n originalEvent: event,\n index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n });\n };\n\n private onDottedClick = (event: MouseEvent) => {\n this.stzhDottedClick.emit({\n component: \"stzh-stepper-item\",\n originalEvent: event,\n index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n });\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.button?.setAttribute(\"s-object-id\", this.analyticsId \|\| this.text.innerText);\n });\n }\n\n render() {\n const classes = {\n \"stzh-stepper-item\": true,\n \"stzh-stepper-item--first\": this.first,\n \"stzh-stepper-item--last\": this.last,\n \"stzh-stepper-item--current\": this.current,\n \"stzh-stepper-item--hide\": this.hide,\n \"stzh-stepper-item--dotted\": this.dotted,\n \"stzh-stepper-item--has-icon\": !!this.icon,\n \"stzh-stepper-item--is-disabled\": this.disabled,\n \"stzh-stepper-item--passed\": this.passed,\n \"stzh-stepper-item--passed-incomplete\": this.passed && this.incomplete,\n };\n\n const dotted = (\n <span>\n {!this.clickDisabled ? (\n <button class=\"stzh-stepper-item__dotted\" onClick={this.onDottedClick}>\n <stzh-icon class=\"stzh-stepper-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </button>\n ) : (\n <div class=\"stzh-stepper-item__dotted stzh-stepper-item__dotted--disabled\">\n <stzh-icon class=\"stzh-stepper-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </div>\n )}\n </span>\n );\n\n const content = (\n <span>\n <span class=\"stzh-stepper-item__number-block\">\n {this.icon ? (\n <stzh-icon class=\"stzh-stepper-item__user-icon\" name={this.icon}></stzh-icon>\n ) : (\n <span>\n <span class=\"stzh-stepper-item__number\">{this.step}</span>\n {this.passed && !this.incomplete && (\n <stzh-icon class=\"stzh-stepper-item__icon\" name=\"checkmark\"></stzh-icon>\n )}\n </span>\n )}\n </span>\n <span ref={el => (this.text = el as HTMLElement)} class=\"stzh-stepper-item__label-block\">\n {this.label ? this.label : <slot></slot>}\n </span>\n </span>\n );\n\n return (\n <Host role=\"listitem\">\n <div class={classes}>\n {this.last && this.dotted && dotted}\n {this.clickDisabled ? (\n <div class=\"stzh-stepper-item__unclickable\" aria-pressed={this.current ? \"true\" : \"false\"}>\n {content}\n </div>\n ) : (\n <button\n ref={el => (this.button = el as HTMLButtonElement)}\n class=\"stzh-stepper-item__button\"\n aria-pressed={this.current ? \"true\" : \"false\"}\n disabled={(this.dotted && this.first) \|\| this.disabled}\n onClick={this.onClick}\n >\n <span class=\"stzh-stepper-item__number-block\">\n {this.icon ? (\n <stzh-icon class=\"stzh-stepper-item__user-icon\" name={this.icon}></stzh-icon>\n ) : (\n <Fragment>\n <span class=\"stzh-stepper-item__number\">{this.step}</span>\n {this.passed && !this.incomplete && (\n <stzh-icon class=\"stzh-stepper-item__icon\" name=\"checkmark\"></stzh-icon>\n )}\n </Fragment>\n )}\n </span>\n <span ref={el => (this.text = el as HTMLElement)} class=\"stzh-stepper-item__label-block\">\n {this.label ? this.label : <slot></slot>}\n </span>\n </button>\n )}\n {this.first && this.dotted && dotted}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-ChcKhy4e.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-stepper-item/stzh-stepper-item.scss?tag=stzh-stepper-item&encapsulation=scoped","src/components/stzh-stepper-item/stzh-stepper-item.tsx"],"sourcesContent":[":host {\n}\n\n:host([hide]) {\n display: none;\n}\n\n.stzh-stepper-item {\n text-align: center;\n\n .stzh-stepper-item__button,\n .stzh-stepper-item__unclickable {\n appearance: none;\n font-family: inherit;\n background-color: transparent;\n border: none;\n }\n\n .stzh-stepper-item__button {\n cursor: pointer;\n }\n\n .stzh-stepper-item__unclickable {\n cursor: default;\n pointer-events: none;\n }\n\n /* what we do here is:\n add a gray line on the last element, which strikes through all previous ones,\n add a blue line on the current step which covers all previous elements relative to itself\n and add a white line on the first element, which gives you the illusion that it stopped. /\n\n .stzh-stepper-item__number-block {\n @include font(\"heavy\");\n @include fontCurve(\"p1\");\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: $stepperItemSize;\n height: $stepperItemSize;\n border: 1px solid transparent;\n text-align: center;\n box-sizing: border-box;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: $stepperItemSmallUp;\n height: $stepperItemSmallUp;\n margin-bottom: space(\"large\");\n }\n\n @media (forced-colors: active) {\n transition: none;\n }\n\n // set a line on every element, but hide it by default\n &::before {\n display: none;\n content: \"\";\n position: absolute;\n top: 16px;\n right: $stepperItemSize - 1px;\n width: 100vw;\n height: 1px;\n z-index: -2;\n overflow: hidden;\n\n @include mq($from: small) {\n top: 20px;\n right: $stepperItemSmallUp - 1px;\n }\n }\n }\n\n .stzh-stepper-item__number-block,\n .stzh-stepper-item__dotted {\n &::after {\n content: \"\";\n z-index: 0;\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n transition: background-color $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n transition: none;\n }\n }\n }\n\n .stzh-stepper-item__label-block {\n display: block;\n font-size: 14px;\n line-height: 1.28;\n padding: space(\"xxsmall\") space(\"small\");\n letter-spacing: 0.01em;\n transition: color $baseTransitionAnimationSpeed;\n\n @include mq($to: small) {\n @include visuallyhidden;\n }\n\n @media (forced-colors: active) {\n transition: none;\n }\n }\n\n .stzh-stepper-item__number,\n .stzh-stepper-item__icon,\n .stzh-stepper-item__user-icon,\n .stzh-stepper-item__dotted-icon {\n z-index: 1;\n position: relative;\n color: currentColor;\n\n @media (forced-colors: active) {\n forced-color-adjust: preserve-parent-color;\n }\n }\n\n .stzh-stepper-item__icon,\n .stzh-stepper-item__user-icon,\n .stzh-stepper-item__dotted-icon {\n --size: #{iconSize(\"xsmall\")};\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: currentColor;\n }\n\n .stzh-stepper-item__user-icon {\n --size: #{iconSize(\"small\")};\n }\n\n .stzh-stepper-item__dotted {\n z-index: 1;\n appearance: none;\n font-family: inherit;\n position: absolute;\n top: 3px;\n width: $stepperItemDottedSize;\n height: $stepperItemDottedSize;\n background-color: $colorGrey20;\n border: 1px solid transparent;\n cursor: pointer;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n transition: none;\n color: ButtonText;\n border-color: ButtonBorder;\n background-color: ButtonFace;\n }\n\n &:is(:hover, :focus) {\n border-color: $colorGrey20;\n cursor: default;\n\n @media (forced-colors: active) {\n color: HighlightText;\n border-color: Highlight;\n background-color: Highlight;\n }\n\n &::after {\n background-color: $colorGrey20;\n\n @media (forced-colors: active) {\n background-color: Highlight;\n }\n }\n\n .stzh-stepper-item__dotted-icon {\n color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n color: HighlightText;\n }\n }\n }\n\n &.stzh-stepper-item__dotted.stzh-stepper-item__dotted--disabled {\n cursor: default;\n\n @media (forced-colors: active) {\n color: CanvasText;\n border-color: CanvasText;\n background-color: Canvas;\n }\n\n .stzh-stepper-item__dotted-icon {\n @media (forced-colors: active) {\n color: CanvasText;\n }\n }\n\n &:where(:hover, :focus) {\n border-color: var(--stzh-base-border-color);\n cursor: default;\n\n @media (forced-colors: active) {\n color: CanvasText;\n border-color: CanvasText;\n background-color: Canvas;\n }\n\n &::after {\n background-color: inherit;\n\n @media (forced-colors: active) {\n background-color: Canvas;\n }\n }\n\n .stzh-stepper-item__dotted-icon {\n color: $colorPrimaryHover;\n\n @media (forced-colors: active) {\n color: CanvasText;\n }\n }\n }\n }\n\n @include mq($from: small) {\n top: 5px;\n width: $stepperItemDottedSizeSmallUp;\n height: $stepperItemDottedSizeSmallUp;\n }\n }\n\n // Variant: ~default~\n & {\n --base-line-color: #{$baseBorderColor};\n\n --base-item-text-color: #{$colorPrimary};\n --base-item-border-color: #{$colorSecondary20};\n --base-item-background-color: #{$colorSecondary20};\n --base-label-text-color: #{$colorGrey80};\n\n --inert-item-text-color: #{$colorPrimary};\n --inert-item-border-color: #{$colorGrey20};\n --inert-item-background-color: #{$colorGrey20};\n --inert-label-text-color: #{$colorGrey80};\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: #{$colorSecondary40};\n --hover-item-background-color: #{$colorSecondary40};\n --hover-label-text-color: #{$colorPrimaryHover};\n\n @media (forced-colors: active) {\n --base-line-color: CanvasText;\n\n --base-item-text-color: ButtonText;\n --base-item-border-color: ButtonBorder;\n --base-item-background-color: ButtonFace;\n --base-label-text-color: ButtonText;\n\n --inert-item-text-color: CanvasText;\n --inert-item-border-color: CanvasText;\n --inert-item-background-color: Canvas;\n --inert-label-text-color: CanvasText;\n\n --hover-item-text-color: HighlightText;\n --hover-item-border-color: Highlight;\n --hover-item-background-color: Highlight;\n --hover-label-text-color: Highlight;\n }\n\n .stzh-stepper-item__unclickable {\n --line-color: var(--base-line-color);\n\n --item-text-color: var(--inert-item-text-color);\n --item-border-color: var(--inert-item-border-color);\n --item-background-color: var(--inert-item-background-color);\n --label-text-color: var(--inert-label-text-color);\n }\n\n .stzh-stepper-item__button {\n --line-color: var(--base-line-color);\n\n --item-text-color: var(--base-item-text-color);\n --item-border-color: var(--base-item-border-color);\n --item-background-color: var(--base-item-background-color);\n --label-text-color: var(--base-label-text-color);\n\n // Add specifity with `:is` instead of `:where`\n &:is(:hover, :focus) {\n --item-text-color: var(--hover-item-text-color);\n --item-border-color: var(--hover-item-border-color);\n --item-background-color: var(--hover-item-background-color);\n --label-text-color: var(--hover-label-text-color);\n }\n }\n\n .stzh-stepper-item__label-block {\n color: var(--label-text-color);\n }\n\n .stzh-stepper-item__number-block {\n color: var(--item-text-color);\n border-color: var(--item-border-color);\n background-color: var(--item-background-color);\n\n // Line\n &::before {\n background-color: var(--line-color);\n }\n\n // Background\n &::after {\n background-color: var(--item-background-color);\n }\n }\n }\n\n // Variant: \"first\" or \"last\"\n &.stzh-stepper-item--first,\n &.stzh-stepper-item--last {\n .stzh-stepper-item__number-block {\n &::before {\n display: block;\n }\n }\n }\n\n // Variant: \"first\"\n &.stzh-stepper-item--first {\n position: relative;\n\n .stzh-stepper-item__dotted {\n left: 50%;\n transform: translateX(-50%);\n }\n\n .stzh-stepper-item__number-block::before {\n z-index: 1;\n }\n }\n\n // Variant: \"last\"\n &.stzh-stepper-item--last {\n .stzh-stepper-item__dotted {\n // position the dots based on the width divided by the elements minus half of itself\n right: calc((100% / var(--steps)) - (#{$stepperItemDottedSize 0.5}));\n\n @include mq($from: small) {\n right: calc(\n (100% / var(--steps)) - (#{$stepperItemDottedSizeSmallUp * 0.5})\n );\n }\n }\n }\n\n // Variant: \"passed\"\n &.stzh-stepper-item--passed {\n --base-line-color: var(--base-item-background-color);\n\n --base-item-text-color: #{$colorWhite};\n --base-item-border-color: #{$colorSecondary60};\n --base-item-background-color: #{$colorSecondary60};\n --base-label-text-color: #{$colorPrimary};\n\n --inert-item-text-color: var(--base-item-text-color);\n --inert-item-border-color: var(--base-item-border-color);\n --inert-item-background-color: var(--base-item-background-color);\n --inert-label-text-color: var(--base-item-background-color);\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: #{$colorSecondary70};\n --hover-item-background-color: #{$colorSecondary70};\n --hover-label-text-color: #{$colorPrimaryHover};\n\n @media (forced-colors: active) {\n --base-item-text-color: SelectedItemText;\n --base-item-border-color: SelectedItem;\n --base-item-background-color: SelectedItem;\n --base-label-text-color: SelectedItem;\n\n --hover-item-text-color: HighlightText;\n --hover-item-border-color: Highlight;\n --hover-item-background-color: Highlight;\n --hover-label-text-color: Highlight;\n }\n\n .stzh-stepper-item__label-block {\n @include font(\"heavy\");\n }\n }\n\n // Variant: \"passed\" and not \"passed-incomplete\"\n &.stzh-stepper-item--passed:not(.stzh-stepper-item--passed-incomplete) {\n .stzh-stepper-item__number {\n @include visuallyhidden;\n }\n }\n\n // Variant: \"passed-incomplete\"\n &.stzh-stepper-item--passed-incomplete {\n //\n }\n\n // Variant: \"current\"\n &.stzh-stepper-item--current {\n --base-line-color: var(--base-item-background-color);\n\n --base-item-text-color: #{$colorWhite};\n --base-item-border-color: #{$colorPrimary};\n --base-item-background-color: #{$colorPrimary};\n --base-label-text-color: var(--base-item-background-color);\n\n --inert-item-text-color: var(--base-item-text-color);\n --inert-item-border-color: var(--base-item-border-color);\n --inert-item-background-color: var(--base-item-background-color);\n --inert-label-text-color: var(--base-item-background-color);\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: #{$colorPrimaryHover};\n --hover-item-background-color: #{$colorPrimaryHover};\n --hover-label-text-color: var(--hover-item-background-color);\n\n @media (forced-colors: active) {\n --base-item-text-color: SelectedItemText;\n --base-item-border-color: SelectedItem;\n --base-item-background-color: SelectedItem;\n --base-label-text-color: SelectedItem;\n\n --hover-item-text-color: HighlightText;\n --hover-item-border-color: Highlight;\n --hover-item-background-color: Highlight;\n --hover-label-text-color: Highlight;\n }\n\n .stzh-stepper-item__label-block {\n @include font(\"heavy\");\n }\n\n .stzh-stepper-item__number-block {\n // Line\n &::before {\n z-index: -1;\n display: block;\n }\n }\n }\n\n /* Disabled /\n &.stzh-stepper-item--is-disabled {\n --base-item-text-color: #{$colorWhite};\n --base-item-border-color: #{$colorGrey60};\n --base-item-background-color: #{$colorGrey60};\n --base-label-text-color: #{$colorGrey80};\n\n --inert-item-text-color: var(--base-item-text-color);\n --inert-item-border-color: var(--base-item-border-color);\n --inert-item-background-color: var(--base-item-background-color);\n --inert-label-text-color: var(--base-label-text-color);\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: var(--base-item-border-color);\n --hover-item-background-color: var(--base-item-background-color);\n --hover-label-text-color: var(--base-label-text-color);\n\n @media (forced-colors: active) {\n --base-item-text-color: GrayText;\n --base-item-border-color: GrayText;\n --base-item-background-color: Canvas;\n --base-label-text-color: GrayText;\n\n --hover-item-text-color: var(--base-item-text-color);\n --hover-item-border-color: var(--base-item-border-color);\n --hover-item-background-color: var(--base-item-background-color);\n --hover-label-text-color: var(--base-label-text-color);\n }\n\n .stzh-stepper-item__button {\n cursor: not-allowed;\n }\n }\n\n // Variant: \"first\" (line-color overwrite)\n &.stzh-stepper-item--first {\n --base-line-color: #{$colorWhite};\n\n @media (forced-colors: active) {\n --base-line-color: Canvas;\n }\n }\n\n // Variant: \"first\" and \"dotted\"\n &.stzh-stepper-item--first.stzh-stepper-item--dotted {\n .stzh-stepper-item__label-block {\n display: none;\n }\n\n // Hide number block behind dotted element\n .stzh-stepper-item__number-block {\n position: relative;\n z-index: 0;\n top: 5px;\n width: $stepperItemDottedSize;\n height: $stepperItemDottedSize;\n margin-bottom: 0;\n border: none;\n background-color: transparent;\n\n // Change dimensions to be still hidden\n @include mq($from: small) {\n top: 8px;\n width: $stepperItemDottedSizeSmallUp;\n height: $stepperItemDottedSizeSmallUp;\n }\n\n // Realign white line\n &::before {\n top: 12px;\n right: 26px;\n\n @include mq($from: small) {\n top: 13px;\n right: 30px;\n }\n }\n\n &::after {\n display: none;\n }\n }\n\n .stzh-stepper-item__button {\n padding-left: 0;\n padding-right: 0;\n }\n }\n}\n","import { Component, Host, h, Prop, Element, Fragment, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent } from \"../../index\";\n\n/\n @slot - Slot for label (or use label prop)\n /\n@Component({\n tag: \"stzh-stepper-item\",\n styleUrl: \"stzh-stepper-item.scss\",\n scoped: true,\n})\nexport class StzhStepperItem {\n /* The label of the item. /\n @Prop({ reflect: true }) label: string;\n\n /* When true, it displays a not-allowed cursor on hover. Use this for steps that are not applicable. /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Whether it's the first item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) first: boolean = false;\n\n /* Whether it's the last item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) last: boolean = false;\n\n /* True when the item index is lower than the current index (used internally by stzh-stepper). /\n @Prop({ reflect: true }) passed: boolean = false;\n\n /* For passed items, this prevents displaying a checked icon when true (shows step number instead). /\n @Prop({ reflect: true }) incomplete: boolean = false;\n\n /* Whether it's the last item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) current: boolean = false;\n\n /* Whether it's a hidden item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) hide: boolean = false;\n\n /* Whether it's a dotted item (used internally by stzh-stepper). /\n @Prop({ reflect: true }) dotted: boolean = false;\n\n /* The number of the step (used internally by stzh-stepper). /\n @Prop({ reflect: true }) step: number = 1;\n\n /* Displays a custom icon instead of the step number. /\n @Prop({ reflect: true }) icon: string = \"\";\n\n /* When true, it displays a default cursor on hover and no click event is emitted. /\n @Prop() clickDisabled: boolean = false;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `label` prop or default slot.\n /\n @Prop() analyticsId: string;\n\n /* Click event /\n @Event() stzhClick: EventEmitter<StzhStepperItemClickEvent>;\n\n /* Dotted click event */\n @Event() stzhDottedClick: EventEmitter<StzhStepperItemDottedClickEvent>;\n\n @Element() element: HTMLStzhStepperItemElement;\n\n private button: HTMLButtonElement;\n private text: HTMLElement;\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-stepper-item\",\n originalEvent: event,\n index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n });\n };\n\n private onDottedClick = (event: MouseEvent) => {\n this.stzhDottedClick.emit({\n component: \"stzh-stepper-item\",\n originalEvent: event,\n index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n });\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.button?.setAttribute(\"s-object-id\", this.analyticsId \|\| this.text.innerText);\n });\n }\n\n render() {\n const classes = {\n \"stzh-stepper-item\": true,\n \"stzh-stepper-item--first\": this.first,\n \"stzh-stepper-item--last\": this.last,\n \"stzh-stepper-item--current\": this.current,\n \"stzh-stepper-item--hide\": this.hide,\n \"stzh-stepper-item--dotted\": this.dotted,\n \"stzh-stepper-item--has-icon\": !!this.icon,\n \"stzh-stepper-item--is-disabled\": this.disabled,\n \"stzh-stepper-item--passed\": this.passed,\n \"stzh-stepper-item--passed-incomplete\": this.passed && this.incomplete,\n };\n\n const dotted = (\n <span>\n {!this.clickDisabled ? (\n <button class=\"stzh-stepper-item__dotted\" onClick={this.onDottedClick}>\n <stzh-icon class=\"stzh-stepper-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </button>\n ) : (\n <div class=\"stzh-stepper-item__dotted stzh-stepper-item__dotted--disabled\">\n <stzh-icon class=\"stzh-stepper-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </div>\n )}\n </span>\n );\n\n const content = (\n <span>\n <span class=\"stzh-stepper-item__number-block\">\n {this.icon ? (\n <stzh-icon class=\"stzh-stepper-item__user-icon\" name={this.icon}></stzh-icon>\n ) : (\n <span>\n <span class=\"stzh-stepper-item__number\">{this.step}</span>\n {this.passed && !this.incomplete && (\n <stzh-icon class=\"stzh-stepper-item__icon\" name=\"checkmark\"></stzh-icon>\n )}\n </span>\n )}\n </span>\n <span ref={el => (this.text = el as HTMLElement)} class=\"stzh-stepper-item__label-block\">\n {this.label ? this.label : <slot></slot>}\n </span>\n </span>\n );\n\n return (\n <Host role=\"listitem\">\n <div class={classes}>\n {this.last && this.dotted && dotted}\n {this.clickDisabled ? (\n <div class=\"stzh-stepper-item__unclickable\" aria-pressed={this.current ? \"true\" : \"false\"}>\n {content}\n </div>\n ) : (\n <button\n ref={el => (this.button = el as HTMLButtonElement)}\n class=\"stzh-stepper-item__button\"\n aria-pressed={this.current ? \"true\" : \"false\"}\n disabled={(this.dotted && this.first) \|\| this.disabled}\n onClick={this.onClick}\n >\n <span class=\"stzh-stepper-item__number-block\">\n {this.icon ? (\n <stzh-icon class=\"stzh-stepper-item__user-icon\" name={this.icon}></stzh-icon>\n ) : (\n <Fragment>\n <span class=\"stzh-stepper-item__number\">{this.step}</span>\n {this.passed && !this.incomplete && (\n <stzh-icon class=\"stzh-stepper-item__icon\" name=\"checkmark\"></stzh-icon>\n )}\n </Fragment>\n )}\n </span>\n <span ref={el => (this.text = el as HTMLElement)} class=\"stzh-stepper-item__label-block\">\n {this.label ? this.label : <slot></slot>}\n </span>\n </button>\n )}\n {this.first && this.dotted && dotted}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-SyDKOxzb.js → p-CriJMdWt.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 const stzhMenuCss = () => `.sc-stzh-menu-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-menu-h,[stzh-hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h.sc-stzh-menu-s>stzh-hr,.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:flex;flex-direction:column}`;
@@ -29,6 +29,6 @@ function defineCustomElement() {
 }
 export { StzhMenu as S, defineCustomElement as d };
-//# sourceMappingURL=p-SyDKOxzb.js.map
+//# sourceMappingURL=p-CriJMdWt.js.map
-//# sourceMappingURL=p-SyDKOxzb.js.map
+//# sourceMappingURL=p-CriJMdWt.js.map

package/dist/components/{p-SyDKOxzb.js.map → p-CriJMdWt.js.map} RENAMED Viewed

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

package/dist/components/{p-CK7gMyRU.js → p-CuR6yL1b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-BBg6OWDc.js';
 const stzhLoaderCss = () => `.sc-stzh-loader-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-loader-h,[stzh-hidden].sc-stzh-loader-h{display:none}.sc-stzh-loader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::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-loader-h .has-focus.sc-stzh-loader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader{outline-style:none !important}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader::-moz-focus-inner{border:0 !important}@keyframes stzh-loader{0%{transform:scale(0);left:0px;opacity:1}12.5%{transform:scale(1)}25%{left:0px}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;transform:scale(1)}87.5%{left:8.75rem;transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:flex;flex-direction:column;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;transform:scale(0.2);transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem;forced-color-adjust:none;background-color:var(--stzh-color-primary70)}@media (forced-colors: active){.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{background-color:CanvasText}}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
@@ -45,6 +45,6 @@ function defineCustomElement() {
 }
 export { StzhLoader as S, defineCustomElement as d };
-//# sourceMappingURL=p-CK7gMyRU.js.map
+//# sourceMappingURL=p-CuR6yL1b.js.map
-//# sourceMappingURL=p-CK7gMyRU.js.map
+//# sourceMappingURL=p-CuR6yL1b.js.map