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

@oiz/stzh-components 4.12.1 → 4.13.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1081) hide show

package/dist/components/{p-BROnohFy.js.map → p-B3JVg6wh.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BROnohFy.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-B3JVg6wh.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}

package/dist/components/{p-BJXTTK_V.js → p-B3JgyjD6.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { b as isVisible, o as offset } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as isVisible, o as offset } from './p-DBHUqFOB.js';
 import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
 import { r as requireDebounce, a as requireIsObject } from './p-CIOHhwVv.js';
@@ -378,7 +378,7 @@ const StzhSticky = /*@__PURE__*/ proxyCustomElement(class StzhSticky extends H {
             [`stzh-sticky--position-${this.position}`]: !!this.position,
             [`stzh-sticky--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '1706241fae8bcd61076470b735cd8b8dade1204e', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '3b1dc65f2134c6221b7b88be6cc08c0c11a0a618', class: classes }, h("div", { key: '0f0a556b2fe73aad45141b3faf903d7230834e94', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: 'b11924b9f78bbd641808c06162d5a115382fe3d5', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: '706b1c82ba90f21e209ebd07cd90a9d5dcdf2b99', class: "stzh-sticky__content" }, h("div", { key: '7eef943b440728245c91dfb18c15012206e1a49f', class: "stzh-sticky__content-inner" }, h("slot", { key: '9b2fe9e7c7d0413d6f456e8cb1656aefdb7596fd' })))))));
+        return (h(Host, { key: '9b572867025fe7948b142c6e1c4745b13e3d5642', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '782cba0a8bf9e4a1814d01ce03128637a4eff121', class: classes }, h("div", { key: 'ce0a8578095be4ab7e8b162dd572eaf90bcfc00c', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: 'd47acc6ac964498c2e9e3db0dbc7d307f1b09c08', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: '3178edfff30f6f072131ad0178aa4ebedc189b3a', class: "stzh-sticky__content" }, h("div", { key: '364359c8ade36314bf4c7d450c8002c0c3fe9f15', class: "stzh-sticky__content-inner" }, h("slot", { key: 'a5e2f2288c0db2e8f87e1ea0af0701c1bc4efbab' })))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -429,6 +429,6 @@ function defineCustomElement() {
 }
 export { StzhSticky as S, defineCustomElement as d, throttle as t };
-//# sourceMappingURL=p-BJXTTK_V.js.map
+//# sourceMappingURL=p-B3JgyjD6.js.map
-//# sourceMappingURL=p-BJXTTK_V.js.map
+//# sourceMappingURL=p-B3JgyjD6.js.map

package/dist/components/{p-BJXTTK_V.js.map → p-B3JgyjD6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BJXTTK_V.js","mappings":"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","names":["require$$0","require$$1","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/lodash/throttle.js","src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=shadow","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["var debounce = require('./debounce'),\n isObject = require('./isObject');\n\n/** Error message constants. /\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/\n Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n \n Note: If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n \n If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n \n See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n \n @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n \n // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n \n // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n \n // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n /\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;\n","/\n @prop --padding-top: Padding top of sticky element\n * @prop --padding-bottom: Padding bottom of sticky element\n * @prop --padding-left: Padding left of sticky element\n * @prop --padding-right: Padding right of sticky element\n * @prop --background-color: Background color of sticky element\n * @prop --stuck-padding-top: Padding top of stuck sticky element\n * @prop --stuck-padding-bottom: Padding bottom of stuck sticky element\n * @prop --stuck-padding-left: Padding left of stuck sticky element\n * @prop --stuck-padding-right: Padding right of stuck sticky element\n * @prop --stuck-background-color: Background color of stuck sticky element\n \n @prop --stzh-sticky-{NAME}-is-stuck: Global: Whether sticky is currently stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck: Global: Whether sticky is currently not stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-top: Global: Whether sticky is currently stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-top: Global: Whether sticky is currently not stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-bottom: Global: Whether sticky is currently stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-bottom: Global: Whether sticky is currently not stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-top-height: Global: Stuck top sticky element height (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-bottom-height: Global: Stuck bottom sticky element height (readonly variable on `<html>`)\n /\n\n:host {\n --padding-top: #{space(\"large\")};\n --padding-bottom: #{space(\"large\")};\n --padding-left: 0;\n --padding-right: 0;\n --background-color: transparent;\n\n --stuck-padding-top: var(--padding-top);\n --stuck-padding-bottom: var(--padding-bottom);\n --stuck-padding-left: var(--padding-left);\n --stuck-padding-right: var(--padding-right);\n --stuck-background-color: #{$colorGrey10};\n\n display: contents;\n\n @media print {\n display: none;\n }\n}\n\n:host([variant=\"transparent\"]) {\n --background-color: transparent;\n --stuck-background-color: transparent;\n\n pointer-events: none;\n}\n\n:host([position=\"fixed\"]) {\n display: block;\n}\n\n.stzh-sticky {\n display: contents;\n\n &__sticky {\n position: sticky;\n top: -1px;\n bottom: -1px;\n z-index: $zIndexSticky;\n width: var(--stzh-sticky-unstuck-width, auto);\n transition-property: width, transform, opacity;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__content,\n &__content::before {\n background-color: var(--background-color);\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n background-color: transparent;\n }\n }\n\n &__content {\n --stzh-button-pointer-events: all;\n --stzh-link-pointer-events: all;\n\n position: relative;\n transition-property: background-color, transform;\n\n @media (forced-colors: active) {\n outline: 2px solid CanvasText;\n outline-offset: -2px;\n }\n }\n\n &__content-inner {\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n transition-property: padding;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__spacer {\n display: none;\n }\n\n / Disabled variants /\n\n &--is-disabled-sticky-top &__sticky {\n top: auto;\n }\n\n &--is-disabled-sticky-bottom &__sticky {\n bottom: auto;\n }\n\n / Bleeding variant /\n\n &--is-bleeding &__content {\n &::before {\n z-index: -1;\n content: \"\";\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n transition-property: width, background-color, transform;\n }\n }\n\n / Is stuck variant /\n\n &--is-stuck &__content,\n &--is-stuck &__content::before {\n background-color: var(--stuck-background-color);\n }\n\n &--is-stuck &__content::before {\n width: calc(100vw - var(--stzh-scrollbar-width));\n transform: translateX(calc(var(--stzh-sticky-offset-left) / -1));\n }\n\n &--is-stuck &__content-inner {\n padding-top: var(--stuck-padding-top);\n padding-bottom: var(--stuck-padding-bottom);\n padding-left: var(--stuck-padding-left);\n padding-right: var(--stuck-padding-right);\n }\n\n // Variant: \"transparent\"\n &--transparent {\n .stzh-sticky__content {\n @media (forced-colors: active) {\n outline: none;\n }\n }\n }\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded#{&}--is-stuck &__sticky {\n transform: translateY(100%);\n opacity: 0;\n }\n\n &--is-not-loaded &__sticky,\n &--is-not-loaded &__content,\n &--is-not-loaded &__content::before,\n &--is-not-loaded &__content-inner {\n transition-duration: 0ms;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStickyStuckTopEvent, StzhStickyStuckBottomEvent } from \"../../index\";\n\nimport { isVisible, offset } from \"../../utils/utils\";\nimport throttle from \"lodash/throttle\";\n\nconst ATTR_STICKY_CONTAINER = \"data-stzh-sticky-container\";\nconst ATTR_STICKY_WIDTH_CONTAINER = \"data-stzh-sticky-width-container\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-sticky\",\n styleUrl: \"stzh-sticky.scss\",\n shadow: true,\n})\nexport class StzhSticky {\n /* Variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"transparent\" = \"default\";\n\n /* Whether to disable sticking to top /\n @Prop({ reflect: true }) disableStickyTop: boolean = true;\n\n /* Whether to disable sticking to bottom /\n @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n /* Whether background breaks out container to full viewport width /\n @Prop({ reflect: true }) bleeding: boolean = false;\n\n /* Name of sticky element (used for setting css properties) /\n @Prop() name: string;\n\n /\n Position type used.\n \n - sticky: used only css position sticky\n * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)\n /\n @Prop({ reflect: true }) position: \"sticky\" \| \"fixed\" = \"sticky\";\n\n @Watch(\"disableStickyTop\")\n @Watch(\"disableStickyBottom\")\n disableStickyWatcher() {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n } else {\n this.updateStuck();\n }\n });\n });\n }\n\n @Watch(\"isStuckTop\")\n @Watch(\"isStuckBottom\")\n @Watch(\"hasReachedTopLimit\")\n @Watch(\"hasReachedBottomLimit\")\n stuckHeightWatcher() {\n let isStuck = false;\n\n if (this.isStuckTop && !this.hasReachedBottomLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"0\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n `${this.stickyElement.offsetHeight}px`,\n );\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"1\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n \"0px\",\n );\n }\n\n if (this.isStuckBottom && !this.hasReachedTopLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"1\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n \"0\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n `${this.stickyElement.offsetHeight}px`,\n );\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"0\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n \"1\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n \"0px\",\n );\n }\n\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-stuck`,\n isStuck ? \"1\" : \"0\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck`,\n isStuck ? \"0\" : \"1\",\n );\n\n if (isStuck) {\n this.stickyResizeObserver.observe(this.stickyElement);\n } else {\n this.stickyResizeObserver.unobserve(this.stickyElement);\n }\n }\n\n @Watch(\"isStuckTop\")\n isStuckTopWatcher(newValue: boolean) {\n this.stzhStuckTop.emit({\n component: \"stzh-sticky\",\n sticky: newValue,\n });\n }\n\n @Watch(\"isStuckBottom\")\n isStuckBottomWatcher(newValue: boolean) {\n this.stzhStuckBottom.emit({\n component: \"stzh-sticky\",\n sticky: newValue,\n });\n }\n\n @Watch(\"position\")\n @Watch(\"bleeding\")\n positionWatcher() {\n if (this.position === \"fixed\") {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n window.addEventListener(\"resize\", this.handleResize);\n\n this.updateFixedByResize();\n } else {\n if (this.bleeding) {\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n this.updateByScroll();\n } else {\n window.removeEventListener(\"scroll\", this.handleScroll);\n }\n\n window.removeEventListener(\"resize\", this.handleResize);\n this.setUnfixed();\n\n this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n this.observer.observe(this.stickyElement);\n\n this.updateStuck();\n }\n }\n\n /* Sticky stuck top event /\n @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n /* Sticky stuck bottom event */\n @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n @Element() element: HTMLStzhStickyElement;\n\n @State() isStuckTop: boolean;\n @State() isStuckBottom: boolean;\n\n @State() hasReachedTopLimit: boolean;\n @State() hasReachedBottomLimit: boolean;\n\n @State() loaded: boolean = false;\n\n private observer: IntersectionObserver;\n private stickyResizeObserver: ResizeObserver;\n private debounceScroll: number;\n private debounceResize: number;\n private stickyElement: HTMLElement;\n private spacerElement: HTMLElement;\n\n private windowHeight: number;\n private scrollX: number;\n private scrollY: number;\n private fixedTop: number;\n private fixedLeft: number;\n private fixedHeight: number = 0;\n private fixedWidth: number = 0;\n private fixedLimit: { top: number; bottom: number } \| null = null;\n\n private updateStuck() {\n const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);\n const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);\n const rect = this.stickyElement.getBoundingClientRect();\n\n if (topCss) {\n this.isStuckTop = rect.top < 0;\n } else {\n this.isStuckTop = false;\n }\n\n if (bottomCss) {\n this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;\n } else {\n this.isStuckBottom = false;\n }\n }\n\n private getFixedLimit(): { top: number; bottom: number } \| null {\n const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);\n\n if (!stickyContainer) {\n return null;\n }\n\n const off = offset(stickyContainer);\n\n return {\n top: off.top,\n bottom: off.top + stickyContainer.scrollHeight,\n };\n }\n\n private setUnfixed() {\n Object.assign(this.stickyElement.style, {\n position: null,\n top: null,\n bottom: null,\n left: null,\n width: null,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"none\",\n });\n }\n\n private setFixed() {\n const position = this.hasReachedTopLimit \|\| this.hasReachedBottomLimit ? \"absolute\" : \"fixed\";\n\n Object.assign(this.stickyElement.style, {\n position,\n top:\n position === \"absolute\"\n ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`\n : this.isStuckTop\n ? \"0px\"\n : \"auto\",\n bottom: this.isStuckTop \|\| position === \"absolute\" ? \"auto\" : \"0px\",\n left: `${this.fixedLeft + (position === \"fixed\" ? this.scrollX : 0)}px`,\n width: `${this.fixedWidth}px`,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"block\",\n });\n }\n\n private handleScroll = () => {\n if (this.debounceScroll) {\n window.cancelAnimationFrame(this.debounceScroll);\n }\n\n this.debounceScroll = requestAnimationFrame(this.updateByScroll);\n };\n\n private handleResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateFixedByResize);\n };\n\n private handleStickyResize = throttle(() => {\n this.stuckHeightWatcher();\n this.updateByScroll();\n }, 100);\n\n private updateByScroll = () => {\n if (!isVisible(this.stickyElement) \|\| !this.element.isConnected) {\n return;\n }\n\n const stickyFixedWidthContainer =\n (this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) as HTMLElement) \|\| this.element.parentElement;\n\n const off = offset(\n (this.isStuckTop \|\| this.isStuckBottom) && this.position === \"fixed\" ? this.spacerElement : this.stickyElement,\n );\n\n this.fixedTop = off.top;\n this.fixedLeft = off.left;\n\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-top\", `${this.fixedTop}px`);\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-left\", `${this.fixedLeft}px`);\n\n if (this.position === \"sticky\") {\n // for position sticky we only need the offsets variables to be updated in bleeding variant\n return;\n }\n\n this.fixedHeight = this.stickyElement.offsetHeight;\n this.spacerElement.style.height = `${this.fixedHeight}px`;\n\n this.scrollX = window.scrollX;\n this.scrollY = window.scrollY;\n this.fixedLimit = this.getFixedLimit();\n\n this.fixedWidth = stickyFixedWidthContainer.getBoundingClientRect().width;\n\n const unstuckWidth = this.element.getBoundingClientRect().width;\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-unstuck-width\", `${unstuckWidth}px`);\n\n // console.log(unstuckWidth);\n\n // console.log(\n // this.scrollX,\n // this.scrollY,\n // this.windowHeight,\n // this.fixedTop,\n // this.fixedLeft,\n // this.fixedHeight,\n // this.fixedLimit,\n // );\n\n this.isStuckBottom =\n !this.disableStickyBottom && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;\n this.isStuckTop = !this.disableStickyTop && this.scrollY >= this.fixedTop;\n\n this.hasReachedTopLimit =\n this.fixedLimit && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;\n this.hasReachedBottomLimit = this.fixedLimit && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;\n\n // console.log(\n // this.isStuckBottom,\n // this.isStuckTop,\n // this.hasReachedBottomLimit,\n // this.hasReachedTopLimit,\n // );\n\n if (this.isStuckTop \|\| this.isStuckBottom) {\n this.setFixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`);\n } else {\n this.setUnfixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);\n }\n };\n\n private updateFixedByResize = () => {\n if (!this.stickyElement \|\| !this.element.isConnected) {\n return;\n }\n\n // reset sticky so we can read current offsets\n this.setUnfixed();\n this.stickyElement.style.position = \"static\";\n this.stickyElement.style.width = \"auto\";\n this.isStuckTop = false;\n this.isStuckBottom = false;\n\n if (isVisible(this.stickyElement)) {\n this.windowHeight = window.innerHeight;\n this.updateByScroll();\n }\n };\n\n private observe = () => {\n this.updateStuck();\n };\n\n componentDidLoad() {\n this.stickyResizeObserver = new ResizeObserver(this.handleStickyResize);\n this.positionWatcher();\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n window.setTimeout(() => {\n this.loaded = true;\n\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n }\n }, 250);\n });\n });\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.stickyResizeObserver?.disconnect();\n\n window.removeEventListener(\"scroll\", this.handleScroll);\n window.removeEventListener(\"resize\", this.handleResize);\n }\n\n render() {\n const isStuck = this.isStuckTop \|\| this.isStuckBottom;\n\n const classes = {\n \"stzh-sticky\": true,\n \"stzh-sticky--is-not-loaded\": !this.loaded,\n \"stzh-sticky--is-stuck\": isStuck,\n \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n \"stzh-sticky--is-disabled-sticky-top\": this.disableStickyTop,\n \"stzh-sticky--is-disabled-sticky-bottom\": this.disableStickyBottom,\n \"stzh-sticky--is-bleeding\": this.bleeding,\n [`stzh-sticky--position-${this.position}`]: !!this.position,\n [`stzh-sticky--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host\n is-stuck={this.isStuckTop \|\| this.isStuckBottom}\n is-stuck-top={this.isStuckTop}\n is-stuck-bottom={this.isStuckBottom}\n >\n <div class={classes}>\n <div ref={el => (this.spacerElement = el as HTMLDivElement)} class=\"stzh-sticky__spacer\"></div>\n <div ref={el => (this.stickyElement = el as HTMLDivElement)} class=\"stzh-sticky__sticky\">\n <div class=\"stzh-sticky__content\">\n <div class=\"stzh-sticky__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-B3JgyjD6.js","mappings":"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","names":["require$$0","require$$1","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/lodash/throttle.js","src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=shadow","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["var debounce = require('./debounce'),\n isObject = require('./isObject');\n\n/** Error message constants. /\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/\n Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n \n Note: If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n \n If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n \n See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n \n @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n \n // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n \n // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n \n // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n /\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;\n","/\n @prop --padding-top: Padding top of sticky element\n * @prop --padding-bottom: Padding bottom of sticky element\n * @prop --padding-left: Padding left of sticky element\n * @prop --padding-right: Padding right of sticky element\n * @prop --background-color: Background color of sticky element\n * @prop --stuck-padding-top: Padding top of stuck sticky element\n * @prop --stuck-padding-bottom: Padding bottom of stuck sticky element\n * @prop --stuck-padding-left: Padding left of stuck sticky element\n * @prop --stuck-padding-right: Padding right of stuck sticky element\n * @prop --stuck-background-color: Background color of stuck sticky element\n \n @prop --stzh-sticky-{NAME}-is-stuck: Global: Whether sticky is currently stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck: Global: Whether sticky is currently not stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-top: Global: Whether sticky is currently stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-top: Global: Whether sticky is currently not stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-bottom: Global: Whether sticky is currently stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-bottom: Global: Whether sticky is currently not stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-top-height: Global: Stuck top sticky element height (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-bottom-height: Global: Stuck bottom sticky element height (readonly variable on `<html>`)\n /\n\n:host {\n --padding-top: #{space(\"large\")};\n --padding-bottom: #{space(\"large\")};\n --padding-left: 0;\n --padding-right: 0;\n --background-color: transparent;\n\n --stuck-padding-top: var(--padding-top);\n --stuck-padding-bottom: var(--padding-bottom);\n --stuck-padding-left: var(--padding-left);\n --stuck-padding-right: var(--padding-right);\n --stuck-background-color: #{$colorGrey10};\n\n display: contents;\n\n @media print {\n display: none;\n }\n}\n\n:host([variant=\"transparent\"]) {\n --background-color: transparent;\n --stuck-background-color: transparent;\n\n pointer-events: none;\n}\n\n:host([position=\"fixed\"]) {\n display: block;\n}\n\n.stzh-sticky {\n display: contents;\n\n &__sticky {\n position: sticky;\n top: -1px;\n bottom: -1px;\n z-index: $zIndexSticky;\n width: var(--stzh-sticky-unstuck-width, auto);\n transition-property: width, transform, opacity;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__content,\n &__content::before {\n background-color: var(--background-color);\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n background-color: transparent;\n }\n }\n\n &__content {\n --stzh-button-pointer-events: all;\n --stzh-link-pointer-events: all;\n\n position: relative;\n transition-property: background-color, transform;\n\n @media (forced-colors: active) {\n outline: 2px solid CanvasText;\n outline-offset: -2px;\n }\n }\n\n &__content-inner {\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n transition-property: padding;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__spacer {\n display: none;\n }\n\n / Disabled variants /\n\n &--is-disabled-sticky-top &__sticky {\n top: auto;\n }\n\n &--is-disabled-sticky-bottom &__sticky {\n bottom: auto;\n }\n\n / Bleeding variant /\n\n &--is-bleeding &__content {\n &::before {\n z-index: -1;\n content: \"\";\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n transition-property: width, background-color, transform;\n }\n }\n\n / Is stuck variant /\n\n &--is-stuck &__content,\n &--is-stuck &__content::before {\n background-color: var(--stuck-background-color);\n }\n\n &--is-stuck &__content::before {\n width: calc(100vw - var(--stzh-scrollbar-width));\n transform: translateX(calc(var(--stzh-sticky-offset-left) / -1));\n }\n\n &--is-stuck &__content-inner {\n padding-top: var(--stuck-padding-top);\n padding-bottom: var(--stuck-padding-bottom);\n padding-left: var(--stuck-padding-left);\n padding-right: var(--stuck-padding-right);\n }\n\n // Variant: \"transparent\"\n &--transparent {\n .stzh-sticky__content {\n @media (forced-colors: active) {\n outline: none;\n }\n }\n }\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded#{&}--is-stuck &__sticky {\n transform: translateY(100%);\n opacity: 0;\n }\n\n &--is-not-loaded &__sticky,\n &--is-not-loaded &__content,\n &--is-not-loaded &__content::before,\n &--is-not-loaded &__content-inner {\n transition-duration: 0ms;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Watch, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhStickyStuckTopEvent, StzhStickyStuckBottomEvent } from \"../../index\";\n\nimport { isVisible, offset } from \"../../utils/utils\";\nimport throttle from \"lodash/throttle\";\n\nconst ATTR_STICKY_CONTAINER = \"data-stzh-sticky-container\";\nconst ATTR_STICKY_WIDTH_CONTAINER = \"data-stzh-sticky-width-container\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-sticky\",\n styleUrl: \"stzh-sticky.scss\",\n shadow: true,\n})\nexport class StzhSticky {\n /* Variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"transparent\" = \"default\";\n\n /* Whether to disable sticking to top /\n @Prop({ reflect: true }) disableStickyTop: boolean = true;\n\n /* Whether to disable sticking to bottom /\n @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n /* Whether background breaks out container to full viewport width /\n @Prop({ reflect: true }) bleeding: boolean = false;\n\n /* Name of sticky element (used for setting css properties) /\n @Prop() name: string;\n\n /\n Position type used.\n \n - sticky: used only css position sticky\n * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)\n /\n @Prop({ reflect: true }) position: \"sticky\" \| \"fixed\" = \"sticky\";\n\n @Watch(\"disableStickyTop\")\n @Watch(\"disableStickyBottom\")\n disableStickyWatcher() {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n } else {\n this.updateStuck();\n }\n });\n });\n }\n\n @Watch(\"isStuckTop\")\n @Watch(\"isStuckBottom\")\n @Watch(\"hasReachedTopLimit\")\n @Watch(\"hasReachedBottomLimit\")\n stuckHeightWatcher() {\n let isStuck = false;\n\n if (this.isStuckTop && !this.hasReachedBottomLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"0\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n `${this.stickyElement.offsetHeight}px`,\n );\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-top`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-top`, \"1\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-top-height`,\n \"0px\",\n );\n }\n\n if (this.isStuckBottom && !this.hasReachedTopLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"1\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n \"0\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n `${this.stickyElement.offsetHeight}px`,\n );\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + \"-\"}is-stuck-bottom`, \"0\");\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck-bottom`,\n \"1\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}stuck-bottom-height`,\n \"0px\",\n );\n }\n\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-stuck`,\n isStuck ? \"1\" : \"0\",\n );\n document.documentElement.style.setProperty(\n `--stzh-sticky-${this.name && this.name + \"-\"}is-not-stuck`,\n isStuck ? \"0\" : \"1\",\n );\n\n if (isStuck) {\n this.stickyResizeObserver.observe(this.stickyElement);\n } else {\n this.stickyResizeObserver.unobserve(this.stickyElement);\n }\n }\n\n @Watch(\"isStuckTop\")\n isStuckTopWatcher(newValue: boolean) {\n this.stzhStuckTop.emit({\n component: \"stzh-sticky\",\n sticky: newValue,\n });\n }\n\n @Watch(\"isStuckBottom\")\n isStuckBottomWatcher(newValue: boolean) {\n this.stzhStuckBottom.emit({\n component: \"stzh-sticky\",\n sticky: newValue,\n });\n }\n\n @Watch(\"position\")\n @Watch(\"bleeding\")\n positionWatcher() {\n if (this.position === \"fixed\") {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n window.addEventListener(\"resize\", this.handleResize);\n\n this.updateFixedByResize();\n } else {\n if (this.bleeding) {\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n this.updateByScroll();\n } else {\n window.removeEventListener(\"scroll\", this.handleScroll);\n }\n\n window.removeEventListener(\"resize\", this.handleResize);\n this.setUnfixed();\n\n this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n this.observer.observe(this.stickyElement);\n\n this.updateStuck();\n }\n }\n\n /* Sticky stuck top event /\n @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n /* Sticky stuck bottom event */\n @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n @Element() element: HTMLStzhStickyElement;\n\n @State() isStuckTop: boolean;\n @State() isStuckBottom: boolean;\n\n @State() hasReachedTopLimit: boolean;\n @State() hasReachedBottomLimit: boolean;\n\n @State() loaded: boolean = false;\n\n private observer: IntersectionObserver;\n private stickyResizeObserver: ResizeObserver;\n private debounceScroll: number;\n private debounceResize: number;\n private stickyElement: HTMLElement;\n private spacerElement: HTMLElement;\n\n private windowHeight: number;\n private scrollX: number;\n private scrollY: number;\n private fixedTop: number;\n private fixedLeft: number;\n private fixedHeight: number = 0;\n private fixedWidth: number = 0;\n private fixedLimit: { top: number; bottom: number } \| null = null;\n\n private updateStuck() {\n const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);\n const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);\n const rect = this.stickyElement.getBoundingClientRect();\n\n if (topCss) {\n this.isStuckTop = rect.top < 0;\n } else {\n this.isStuckTop = false;\n }\n\n if (bottomCss) {\n this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;\n } else {\n this.isStuckBottom = false;\n }\n }\n\n private getFixedLimit(): { top: number; bottom: number } \| null {\n const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);\n\n if (!stickyContainer) {\n return null;\n }\n\n const off = offset(stickyContainer);\n\n return {\n top: off.top,\n bottom: off.top + stickyContainer.scrollHeight,\n };\n }\n\n private setUnfixed() {\n Object.assign(this.stickyElement.style, {\n position: null,\n top: null,\n bottom: null,\n left: null,\n width: null,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"none\",\n });\n }\n\n private setFixed() {\n const position = this.hasReachedTopLimit \|\| this.hasReachedBottomLimit ? \"absolute\" : \"fixed\";\n\n Object.assign(this.stickyElement.style, {\n position,\n top:\n position === \"absolute\"\n ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`\n : this.isStuckTop\n ? \"0px\"\n : \"auto\",\n bottom: this.isStuckTop \|\| position === \"absolute\" ? \"auto\" : \"0px\",\n left: `${this.fixedLeft + (position === \"fixed\" ? this.scrollX : 0)}px`,\n width: `${this.fixedWidth}px`,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"block\",\n });\n }\n\n private handleScroll = () => {\n if (this.debounceScroll) {\n window.cancelAnimationFrame(this.debounceScroll);\n }\n\n this.debounceScroll = requestAnimationFrame(this.updateByScroll);\n };\n\n private handleResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateFixedByResize);\n };\n\n private handleStickyResize = throttle(() => {\n this.stuckHeightWatcher();\n this.updateByScroll();\n }, 100);\n\n private updateByScroll = () => {\n if (!isVisible(this.stickyElement) \|\| !this.element.isConnected) {\n return;\n }\n\n const stickyFixedWidthContainer =\n (this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) as HTMLElement) \|\| this.element.parentElement;\n\n const off = offset(\n (this.isStuckTop \|\| this.isStuckBottom) && this.position === \"fixed\" ? this.spacerElement : this.stickyElement,\n );\n\n this.fixedTop = off.top;\n this.fixedLeft = off.left;\n\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-top\", `${this.fixedTop}px`);\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-offset-left\", `${this.fixedLeft}px`);\n\n if (this.position === \"sticky\") {\n // for position sticky we only need the offsets variables to be updated in bleeding variant\n return;\n }\n\n this.fixedHeight = this.stickyElement.offsetHeight;\n this.spacerElement.style.height = `${this.fixedHeight}px`;\n\n this.scrollX = window.scrollX;\n this.scrollY = window.scrollY;\n this.fixedLimit = this.getFixedLimit();\n\n this.fixedWidth = stickyFixedWidthContainer.getBoundingClientRect().width;\n\n const unstuckWidth = this.element.getBoundingClientRect().width;\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);\n stickyFixedWidthContainer.style.setProperty(\"--stzh-sticky-unstuck-width\", `${unstuckWidth}px`);\n\n // console.log(unstuckWidth);\n\n // console.log(\n // this.scrollX,\n // this.scrollY,\n // this.windowHeight,\n // this.fixedTop,\n // this.fixedLeft,\n // this.fixedHeight,\n // this.fixedLimit,\n // );\n\n this.isStuckBottom =\n !this.disableStickyBottom && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;\n this.isStuckTop = !this.disableStickyTop && this.scrollY >= this.fixedTop;\n\n this.hasReachedTopLimit =\n this.fixedLimit && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;\n this.hasReachedBottomLimit = this.fixedLimit && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;\n\n // console.log(\n // this.isStuckBottom,\n // this.isStuckTop,\n // this.hasReachedBottomLimit,\n // this.hasReachedTopLimit,\n // );\n\n if (this.isStuckTop \|\| this.isStuckBottom) {\n this.setFixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`);\n } else {\n this.setUnfixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);\n }\n };\n\n private updateFixedByResize = () => {\n if (!this.stickyElement \|\| !this.element.isConnected) {\n return;\n }\n\n // reset sticky so we can read current offsets\n this.setUnfixed();\n this.stickyElement.style.position = \"static\";\n this.stickyElement.style.width = \"auto\";\n this.isStuckTop = false;\n this.isStuckBottom = false;\n\n if (isVisible(this.stickyElement)) {\n this.windowHeight = window.innerHeight;\n this.updateByScroll();\n }\n };\n\n private observe = () => {\n this.updateStuck();\n };\n\n componentDidLoad() {\n this.stickyResizeObserver = new ResizeObserver(this.handleStickyResize);\n this.positionWatcher();\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n window.setTimeout(() => {\n this.loaded = true;\n\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n }\n }, 250);\n });\n });\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.stickyResizeObserver?.disconnect();\n\n window.removeEventListener(\"scroll\", this.handleScroll);\n window.removeEventListener(\"resize\", this.handleResize);\n }\n\n render() {\n const isStuck = this.isStuckTop \|\| this.isStuckBottom;\n\n const classes = {\n \"stzh-sticky\": true,\n \"stzh-sticky--is-not-loaded\": !this.loaded,\n \"stzh-sticky--is-stuck\": isStuck,\n \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n \"stzh-sticky--is-disabled-sticky-top\": this.disableStickyTop,\n \"stzh-sticky--is-disabled-sticky-bottom\": this.disableStickyBottom,\n \"stzh-sticky--is-bleeding\": this.bleeding,\n [`stzh-sticky--position-${this.position}`]: !!this.position,\n [`stzh-sticky--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host\n is-stuck={this.isStuckTop \|\| this.isStuckBottom}\n is-stuck-top={this.isStuckTop}\n is-stuck-bottom={this.isStuckBottom}\n >\n <div class={classes}>\n <div ref={el => (this.spacerElement = el as HTMLDivElement)} class=\"stzh-sticky__spacer\"></div>\n <div ref={el => (this.stickyElement = el as HTMLDivElement)} class=\"stzh-sticky__sticky\">\n <div class=\"stzh-sticky__content\">\n <div class=\"stzh-sticky__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BKIlDLNH.js → p-B446UYGz.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 const stzhChipgroupCss = () => `.sc-stzh-chipgroup-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-chipgroup-h,[stzh-hidden].sc-stzh-chipgroup-h{display:none}.sc-stzh-chipgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipgroup-h *.sc-stzh-chipgroup,.sc-stzh-chipgroup-h *.sc-stzh-chipgroup::before,.sc-stzh-chipgroup-h *.sc-stzh-chipgroup::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-chipgroup-h .has-focus.sc-stzh-chipgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipgroup-h .stzh-fylingfocus-focused.sc-stzh-chipgroup{outline-style:none !important}.sc-stzh-chipgroup-h .stzh-fylingfocus-focused.sc-stzh-chipgroup::-moz-focus-inner{border:0 !important}.stzh-chipgroup.sc-stzh-chipgroup{display:flex;gap:var(--stzh-space-medium)}`;
@@ -13,7 +13,7 @@ const StzhChipgroup = /*@__PURE__*/ proxyCustomElement(class StzhChipgroup exten
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (h(Host, { key: 'e4ce274f5c60a037e687c1b1322f59541ddd9177' }, h("div", { key: '037adda0d54be28ecb1e173a12523414104ad1ea', class: classes }, h("slot", { key: '9d3a9fef07bdd1f580e74f4340b3bb137a3c52a3' }))));
+        return (h(Host, { key: '01a9b227482fa146d4ed9c1d5bd984ffcaad9733' }, h("div", { key: 'c3e49714cef6f0edcfbdd903161e485ae5451ba8', class: classes }, h("slot", { key: 'd1c4f5b93ccaf72e6dabeaec0ccd4b2226ff5e94' }))));
     }
     get element() { return this; }
     static get style() { return stzhChipgroupCss(); }
@@ -33,6 +33,6 @@ function defineCustomElement() {
 }
 export { StzhChipgroup as S, defineCustomElement as d };
-//# sourceMappingURL=p-BKIlDLNH.js.map
+//# sourceMappingURL=p-B446UYGz.js.map
-//# sourceMappingURL=p-BKIlDLNH.js.map
+//# sourceMappingURL=p-B446UYGz.js.map

package/dist/components/{p-BKIlDLNH.js.map → p-B446UYGz.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BKIlDLNH~~.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,4tCAA4tC,CAAC;;MCUhvC,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;IAGxB,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;SACvB;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-chipgroup/stzh-chipgroup.scss?tag=stzh-chipgroup&encapsulation=scoped","src/components/stzh-chipgroup/stzh-chipgroup.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-chipgroup {\n display: flex;\n gap: space(\"medium\");\n}\n","import { Component, Host, h, Element } from \"@stencil/core\";\n\n/*\n @slot - Slot for chips\n */\n@Component({\n tag: \"stzh-chipgroup\",\n styleUrl: \"stzh-chipgroup.scss\",\n scoped: true,\n})\nexport class StzhChipgroup {\n @Element() element: HTMLStzhChipgroupElement;\n\n render() {\n const classes = {\n \"stzh-chipgroup\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-B446UYGz.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,4tCAA4tC,CAAC;;MCUhvC,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;;IAGxB,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;SACvB;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-chipgroup/stzh-chipgroup.scss?tag=stzh-chipgroup&encapsulation=scoped","src/components/stzh-chipgroup/stzh-chipgroup.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-chipgroup {\n display: flex;\n gap: space(\"medium\");\n}\n","import { Component, Host, h, Element } from \"@stencil/core\";\n\n/*\n @slot - Slot for chips\n */\n@Component({\n tag: \"stzh-chipgroup\",\n styleUrl: \"stzh-chipgroup.scss\",\n scoped: true,\n})\nexport class StzhChipgroup {\n @Element() element: HTMLStzhChipgroupElement;\n\n render() {\n const classes = {\n \"stzh-chipgroup\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Cqgkebne.js → p-BAcc6I3E.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 const stzhStatusCss = () => `.sc-stzh-status-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-status-h,[stzh-hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::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-status-h .has-focus.sc-stzh-status{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status{outline-style:none !important}.sc-stzh-status-h .stzh-fylingfocus-focused.sc-stzh-status::-moz-focus-inner{border:0 !important}.sc-stzh-status-h{--bar-height:0.25rem;--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-success70)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning90)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error70)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-midnightblue70)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}@media (forced-colors: active){.stzh-status__dot.sc-stzh-status{forced-color-adjust:preserve-parent-color}}.stzh-status__bar.sc-stzh-status{display:block;height:var(--bar-height);border-radius:0.75rem;background-color:var(--stzh-color-old-grey13);margin-top:var(--stzh-space-xxsmall)}@media (forced-colors: active){.stzh-status__bar.sc-stzh-status{--bar-height:0.375rem;border-radius:0;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-status__bar-inner.sc-stzh-status{position:relative;display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}@media (forced-colors: active){.stzh-status__bar-inner.sc-stzh-status{border-radius:0;outline:0.125rem solid SelectedItem;outline-offset:-0.125rem;background-color:SelectedItem}}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center}`;
@@ -22,7 +22,7 @@ const StzhStatus = /*@__PURE__*/ proxyCustomElement(class StzhStatus extends H {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'f9e69c232eb0714c5d8e9503f0de9c00267a81cb' }, h("div", { key: 'dae9d9a0109461c08a650b71583ab1c5198691b2', class: classes }, h("div", { key: 'e4cba8469865473a6dfd305db3ac05184da3658f', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '51e7665025279382fb372c7f1c9e8d2aa54b56d0', class: "stzh-status__dot" }), this.label && h("div", { key: '549f43abef15944d6f7439ee034dbe8ee2b4818a', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '3501d6e8aca4c281b3ec88559a5cd5a7c768261a', class: "stzh-status__bar" }, h("div", { key: '7defbd37167c186f52a36b36130a0217cc585b8c', class: "stzh-status__bar-inner", style: {
+        return (h(Host, { key: '799a39017cfec61a07e36347b0a36cc57a5f6260' }, h("div", { key: '5ebb6c1bbdbe1a05a90b02036062d56ab8e2e2f6', class: classes }, h("div", { key: 'c69bed678675f12c4e12db51d81e2287fc9289ff', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '1ae15cb68b2f4e1f0e44f6e15b255826a8ffe71c', class: "stzh-status__dot" }), this.label && h("div", { key: '0011fd4ccf566f6eaf0416d4e82c1414d13786b3', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '3db966f076e94e642193e27591330c05122336c5', class: "stzh-status__bar" }, h("div", { key: '62c736e56b6028fa8e4ecfbf2713e4e9df880a38', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }
@@ -49,6 +49,6 @@ function defineCustomElement() {
 }
 export { StzhStatus as S, defineCustomElement as d };
-//# sourceMappingURL=p-Cqgkebne.js.map
+//# sourceMappingURL=p-BAcc6I3E.js.map
-//# sourceMappingURL=p-Cqgkebne.js.map
+//# sourceMappingURL=p-BAcc6I3E.js.map

package/dist/components/{p-Cqgkebne.js.map → p-BAcc6I3E.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Cqgkebne~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,gpFAAgpF,CAAC;;MCWjqF,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAW,CAAC;;AAGF,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;;AAGhD,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGD,QAAA,IAAI,CAAA,IAAA,GAAmB,SAAS;AA+B1D;IA3BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;YACnB,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC3B,CAAC,IAAI,CAAC,cAAc,IAAI,4DAAK,KAAK,EAAC,kBAAkB,EAAO,CAAA,EAC5D,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAO,CAC7D,EACL,IAAI,CAAC,cAAc,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAG,CAAA,CAAA;AAC1B,aAAA,EAAA,CACI,CACH,CACP,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":["/*\n @prop --color: Status color text\n /\n\n:host {\n --bar-height: 4px;\n --color: #{$baseColor};\n --min-width: none;\n\n &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n --min-width: 160px;\n }\n\n &[type=\"success\"] {\n --color: #{$colorSuccess70};\n }\n\n &[type=\"warning\"] {\n --color: #{$colorWarning90};\n }\n\n &[type=\"error\"] {\n --color: #{$colorError70};\n }\n\n &[type=\"info\"] {\n --color: #{$colorMidnightblue70};\n }\n}\n\n.stzh-status {\n min-width: var(--min-width);\n color: var(--color);\n\n &__dot {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n margin-right: space(\"xxsmall\");\n\n @media (forced-colors: active) {\n forced-color-adjust: preserve-parent-color;\n }\n }\n\n &__bar {\n display: block;\n height: var(--bar-height);\n border-radius: 12px;\n background-color: $colorOldGrey13;\n margin-top: space(\"xxsmall\");\n\n @media (forced-colors: active) {\n --bar-height: 6px;\n border-radius: 0;\n outline: 2px solid CanvasText;\n outline-offset: -2px;\n }\n }\n\n &__bar-inner {\n position: relative;\n display: block;\n height: 100%;\n width: 0;\n border-radius: 12px;\n background: currentColor;\n\n @media (forced-colors: active) {\n border-radius: 0;\n outline: 2px solid SelectedItem;\n outline-offset: -2px;\n background-color: SelectedItem;\n }\n }\n\n &__text {\n @include fontSize(\"micro\");\n display: flex;\n align-items: center;\n }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { StzhStatusType } from \"../../index\";\n\n/\n /\n@Component({\n tag: \"stzh-status\",\n styleUrl: \"stzh-status.scss\",\n scoped: true,\n})\nexport class StzhStatus {\n /** Percent /\n @Prop() percent: number = 0;\n\n /* Whether to hide/show loadingbar /\n @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Type */\n @Prop({ reflect: true }) type: StzhStatusType = \"default\";\n\n @Element() element: HTMLStzhStatusElement;\n\n render() {\n const classes = {\n \"stzh-status\": true,\n [`stzh-status--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-status__text\">\n {!this.withLoadingbar && <div class=\"stzh-status__dot\"></div>}\n {this.label && <div class=\"stzh-status__label\">{this.label}</div>}\n </div>\n {this.withLoadingbar && (\n <div class=\"stzh-status__bar\">\n <div\n class=\"stzh-status__bar-inner\"\n style={{\n width: `${this.percent}%`,\n }}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BAcc6I3E.js","mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,gpFAAgpF,CAAC;;MCWjqF,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAW,CAAC;;AAGF,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;;AAGhD,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGD,QAAA,IAAI,CAAA,IAAA,GAAmB,SAAS;AA+B1D;IA3BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;YACnB,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC3B,CAAC,IAAI,CAAC,cAAc,IAAI,4DAAK,KAAK,EAAC,kBAAkB,EAAO,CAAA,EAC5D,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAO,CAC7D,EACL,IAAI,CAAC,cAAc,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAG,CAAA,CAAA;AAC1B,aAAA,EAAA,CACI,CACH,CACP,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","src/components/stzh-status/stzh-status.tsx"],"sourcesContent":["/*\n @prop --color: Status color text\n /\n\n:host {\n --bar-height: 4px;\n --color: #{$baseColor};\n --min-width: none;\n\n &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n --min-width: 160px;\n }\n\n &[type=\"success\"] {\n --color: #{$colorSuccess70};\n }\n\n &[type=\"warning\"] {\n --color: #{$colorWarning90};\n }\n\n &[type=\"error\"] {\n --color: #{$colorError70};\n }\n\n &[type=\"info\"] {\n --color: #{$colorMidnightblue70};\n }\n}\n\n.stzh-status {\n min-width: var(--min-width);\n color: var(--color);\n\n &__dot {\n border-radius: 50%;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n margin-right: space(\"xxsmall\");\n\n @media (forced-colors: active) {\n forced-color-adjust: preserve-parent-color;\n }\n }\n\n &__bar {\n display: block;\n height: var(--bar-height);\n border-radius: 12px;\n background-color: $colorOldGrey13;\n margin-top: space(\"xxsmall\");\n\n @media (forced-colors: active) {\n --bar-height: 6px;\n border-radius: 0;\n outline: 2px solid CanvasText;\n outline-offset: -2px;\n }\n }\n\n &__bar-inner {\n position: relative;\n display: block;\n height: 100%;\n width: 0;\n border-radius: 12px;\n background: currentColor;\n\n @media (forced-colors: active) {\n border-radius: 0;\n outline: 2px solid SelectedItem;\n outline-offset: -2px;\n background-color: SelectedItem;\n }\n }\n\n &__text {\n @include fontSize(\"micro\");\n display: flex;\n align-items: center;\n }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { StzhStatusType } from \"../../index\";\n\n/\n /\n@Component({\n tag: \"stzh-status\",\n styleUrl: \"stzh-status.scss\",\n scoped: true,\n})\nexport class StzhStatus {\n /** Percent /\n @Prop() percent: number = 0;\n\n /* Whether to hide/show loadingbar /\n @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Type */\n @Prop({ reflect: true }) type: StzhStatusType = \"default\";\n\n @Element() element: HTMLStzhStatusElement;\n\n render() {\n const classes = {\n \"stzh-status\": true,\n [`stzh-status--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-status__text\">\n {!this.withLoadingbar && <div class=\"stzh-status__dot\"></div>}\n {this.label && <div class=\"stzh-status__label\">{this.label}</div>}\n </div>\n {this.withLoadingbar && (\n <div class=\"stzh-status__bar\">\n <div\n class=\"stzh-status__bar-inner\"\n style={{\n width: `${this.percent}%`,\n }}\n ></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-C_jR89kU.js → p-BAn4Ipj9.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$4 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$3 } from './p-ts8WMMWF.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$1 } from './p-D1qHu5Qi.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-DvCfh0K2.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$1 } from './p-CxqE2nhG.js';
 const stzhChipCss = () => `.sc-stzh-chip-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-chip-h,[stzh-hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::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-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip{outline-style:none !important}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip::-moz-focus-inner{border:0 !important}.sc-stzh-chip-h{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--remove-color:var(--color);--remove-border-radius:1.5rem;--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--icon-size:var(--stzh-icon-size-xsmall);--icon-color:var(--color);--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(
     --stzh-chip-hover-background-color,
@@ -128,7 +128,7 @@ const StzhChip = /*@__PURE__*/ proxyCustomElement(class StzhChip extends H {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: 'c2d6807463fe7613b47d6bd461456e3562895599', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'fc21b4bf6596cbf5af87cbef37c56a8ca368b515', class: classes }, this.removable && (h("button", { key: '9b749e905aa5e1327ed4189d26fb34e62f9fbf17', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: '71156186f893429de5414f2d425fa7067ce0907d', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
+        return (h(Host, { key: 'd6c5c3b59b8ecd7029f2437f932111b60fbbaee5', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c085e6b54bcbc6bfe7f1db37ddda87f0c2a963c9', class: classes }, this.removable && (h("button", { key: 'c583264824d269d128ef57a953466463b28296d9', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: '9f2b6bc03d112825ee1811a60d15c54c27fec837', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
                 "stzh-chip__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,
@@ -200,6 +200,6 @@ function defineCustomElement() {
 }
 export { StzhChip as S, defineCustomElement as d };
-//# sourceMappingURL=p-C_jR89kU.js.map
+//# sourceMappingURL=p-BAn4Ipj9.js.map
-//# sourceMappingURL=p-C_jR89kU.js.map
+//# sourceMappingURL=p-BAn4Ipj9.js.map

package/dist/components/{p-C_jR89kU.js.map → p-BAn4Ipj9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C_jR89kU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","src/components/stzh-chip/stzh-chip.tsx"],"sourcesContent":["@mixin chip--size-default() {\n --font-size: var(--stzh-font-micro-font-size);\n --line-height: var(--stzh-font-micro-text-line-height);\n --letter-spacing: normal;\n\n --height: 32px;\n --outer-height: 40px;\n --padding-top: 0;\n --padding-bottom: 0;\n --padding-left: #{space(\"small\")};\n --padding-right: #{space(\"small\")};\n --border-radius: 16px;\n\n @include mq($from: medium) {\n --outer-height: auto;\n }\n}\n\n@mixin chip--size-large() {\n --height: 40px;\n --border-radius: 20px;\n --padding-left: #{space(\"medium\")};\n --padding-right: #{space(\"medium\")};\n}\n\n@mixin chip--size-small() {\n --font-size: var(--stzh-font-nano-font-size);\n --line-height: var(--stzh-font-nano-text-line-height);\n --letter-spacing: normal;\n\n --height: 24px;\n --border-radius: 12px;\n --padding-left: #{space(\"xsmall\")};\n --padding-right: #{space(\"xsmall\")};\n}\n\n:host {\n @include chip--size-default;\n --color: var(--stzh-chip-color, #{$colorPrimary70});\n --remove-color: var(--color);\n --remove-border-radius: 24px;\n --background-color: var(--stzh-chip-background-color, #{$colorSecondary30});\n --icon-size: #{iconSize(\"xsmall\")};\n --icon-color: var(--color);\n --icon-gap: #{space(\"xsmall\")};\n --counter-color: var(--color);\n --counter-gap: #{space(\"xsmall\")};\n\n --hover-color: var(--stzh-chip-hover-color, #{$colorPrimary70});\n --hover-background-color: var(\n --stzh-chip-hover-background-color,\n #{$colorSecondary40}\n );\n --hover-remove-color: var(--hover-color);\n --hover-remove-background-color: #{$colorPrimary30};\n --hover-icon-color: var(--hover-color);\n --hover-counter-color: var(--hover-color);\n\n display: inline-flex;\n\n @media (forced-colors: active) {\n --hover-color: Highlight;\n --hover-background-color: Canvas;\n --hover-remove-background-color: Canvas;\n }\n\n &[variant=\"input\"] {\n --background-color: #{$colorPrimary10};\n\n --hover-color: #{$colorPrimary90};\n --hover-background-color: #{$colorPrimary20};\n }\n\n &[variant=\"tag\"] {\n --color: #{$colorGrey90};\n --background-color: #{$colorGrey20};\n\n --hover-color: #{$colorGrey90};\n --hover-background-color: #{$colorGrey20};\n }\n\n &[variant=\"input\"]:where([size=\"small\"]) {\n --icon-gap: #{space(\"xxsmall\")};\n }\n\n &[variant=\"tag\"]:where([size=\"small\"]) {\n --padding-left: #{space(\"xsmall\")};\n --padding-right: #{space(\"xsmall\")};\n --icon-gap: #{space(\"xxsmall\")};\n }\n\n &[variant=\"tag\"]:where([type=\"warning\"]) {\n --color: #{$colorWarning90};\n\n --hover-color: #{$colorWarning90};\n }\n\n &[variant=\"tag\"]:where([type=\"error\"]) {\n --color: #{$colorError70};\n\n --hover-color: #{$colorError70};\n }\n\n &[variant=\"tag\"]:where([type=\"success\"]) {\n --color: #{$colorSuccess70};\n\n --hover-color: #{$colorSuccess70};\n }\n\n &[variant=\"tag\"]:where([inverted]:not([inverted=\"false\"])) {\n --color: #{$colorWhite};\n --background-color: #{$colorGrey90};\n\n --hover-color: #{$colorWhite};\n --hover-background-color: #{$colorGrey90};\n }\n\n &[variant=\"tag\"]:where([type=\"warning\"][inverted]:not([inverted=\"false\"])) {\n --color: #{$colorBlack};\n --background-color: #{$colorWarning60};\n\n --hover-color: #{$colorBlack};\n --hover-background-color: #{$colorWarning60};\n }\n\n &[variant=\"tag\"]:where([type=\"error\"][inverted]:not([inverted=\"false\"])) {\n --background-color: #{$colorError70};\n\n --hover-background-color: #{$colorError70};\n }\n\n &[variant=\"tag\"]:where([type=\"success\"][inverted]:not([inverted=\"false\"])) {\n --background-color: #{$colorSuccess70};\n\n --hover-background-color: #{$colorSuccess70};\n }\n\n &[active]:not([active=\"false\"]) {\n --color: var(--stzh-chip-active-color, #{$colorWhite});\n --background-color: var(\n --stzh-chip-active-background-color,\n #{$colorPrimary70}\n );\n\n --hover-color: var(--stzh-chip-active-hover-color, #{$colorWhite});\n --hover-background-color: var(\n --stzh-chip-active-hover-background-color,\n #{$colorPrimary90}\n );\n --hover-remove-background-color: #{$colorPrimary90};\n\n @media (forced-colors: active) {\n --color: Highlight;\n --background-color: Canvas;\n\n --hover-color: Highlight;\n --hover-background-color: Canvas;\n --hover-remove-background-color: Canvas;\n }\n }\n\n &[non-interactive]:not([non-interactive=\"false\"]) {\n --hover-color: var(--color);\n --hover-background-color: var(--background-color);\n --hover-remove-color: var(--remove-color);\n --hover-remove-background-color: transparent;\n --hover-icon-color: var(--icon-color);\n --hover-counter-color: var(--counter-color);\n }\n\n &[disabled]:not([disabled=\"false\"]) {\n --color: var(--stzh-chip-disabled-color, #{$colorGrey80});\n --background-color: var(\n --stzh-chip-disabled-background-color,\n #{$colorGrey20}\n );\n --remove-color: var(--color);\n --icon-color: var(--color);\n --counter-color: var(--color);\n\n --hover-color: var(--color);\n --hover-background-color: var(--background-color);\n --hover-remove-color: var(--remove-color);\n --hover-remove-background-color: transparent;\n --hover-icon-color: var(--icon-color);\n --hover-counter-color: var(--counter-color);\n }\n\n &[variant=\"input\"][disabled]:not([disabled=\"false\"]) {\n --background-color: #{$colorGrey10};\n }\n}\n\n:host(:where([size=\"small\"])) {\n @include chip--size-small;\n}\n\n:host(:where([size=\"large\"])) {\n @include chip--size-large;\n}\n\n@each $breakpoint, $size in $breakpoints {\n @include mq($from: $breakpoint) {\n :host(:where([size-#{$breakpoint}=\"default\"])) {\n @include chip--size-default;\n }\n\n :host(:where([size-#{$breakpoint}=\"small\"])) {\n @include chip--size-small;\n }\n\n :host(:where([size-#{$breakpoint}=\"large\"])) {\n @include chip--size-large;\n }\n }\n}\n\n.stzh-chip {\n position: relative;\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__button {\n font-size: var(--font-size);\n line-height: var(--line-height);\n letter-spacing: var(--letter-spacing);\n min-height: var(--outer-height);\n font-family: inherit;\n appearance: none;\n padding: 0px;\n border: none;\n background-color: transparent;\n\n &.is-button,\n &.is-link {\n cursor: pointer;\n }\n }\n\n &__button-inner {\n height: var(--height);\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: var(--border-radius);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n color: var(--color);\n background-color: var(--background-color);\n transition-duration: $baseTransitionAnimationSpeed;\n transition-property: color, background-color;\n text-decoration-line: none;\n }\n\n &__label {\n text-align: left;\n }\n\n &__icon-wrapper {\n --stzh-icon-size: var(--icon-size);\n\n display: flex;\n color: var(--icon-color);\n transition: color $baseTransitionAnimationSpeed;\n flex-shrink: 0;\n\n &:not(:empty) {\n margin-right: var(--icon-gap);\n }\n }\n\n &__counter {\n display: flex;\n font-variant-numeric: tabular-nums;\n margin-left: var(--counter-gap);\n color: var(--counter-color);\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &__remove {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 0;\n appearance: none;\n font-family: inherit;\n border: none;\n background: none;\n padding: 0;\n width: var(--height);\n height: var(--height);\n border-radius: var(--remove-border-radius);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: space(\"xxsmall\");\n color: var(--remove-color);\n transition-duration: $baseTransitionAnimationSpeed;\n transition-property: color, background-color, border-color;\n cursor: pointer;\n\n &:hover {\n color: var(--hover-remove-color);\n background-color: var(--hover-remove-background-color);\n }\n }\n\n &__remove-icon {\n --size: #{iconSize(\"xxsmall\")};\n }\n\n &__button:hover &__button-inner,\n &__remove:hover + &__button &__button-inner {\n color: var(--hover-color);\n background-color: var(--hover-background-color);\n }\n\n &__button:hover &__counter,\n &__remove:hover + &__button &__counter {\n color: var(--hover-counter-color);\n }\n\n &__button:hover &__icon-wrapper,\n &__remove:hover + &__button &__icon-wrapper {\n color: var(--hover-icon-color);\n }\n\n /* Removeable /\n\n &--is-removable &__button-inner {\n padding-right: calc(var(--height) + #{space(\"xxsmall\")});\n }\n\n / Disabled /\n\n &--is-disabled &__button,\n &--is-disabled &__remove {\n cursor: not-allowed;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport {\n StzhChipBlurEvent,\n StzhChipClickEvent,\n StzhChipFocusEvent,\n StzhChipRemoveEvent,\n StzhChipSize,\n StzhChipType,\n StzhChipVariant,\n} from \"../../index\";\n\n/\n @slot - Slot for label\n * @slot icon - Slot for icon\n /\n@Component({\n tag: \"stzh-chip\",\n styleUrl: \"stzh-chip.scss\",\n scoped: true,\n})\nexport class StzhChip {\n /* Label /\n @Prop() label: string = \"\";\n\n /* Icon (use instead of icon slot) /\n @Prop() icon: string;\n\n /* `href` if the chip should be used as link /\n @Prop() href: string = \"\";\n\n /* Target if the button is used as link (if `href` used) /\n @Prop() target: string = \"\";\n\n /* Whether chip is not interactive /\n @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n /* Whether remove button should be shown /\n @Prop({ reflect: true }) removable: boolean = false;\n\n /* Whether inverted style is shown (only available for `tag` variant) /\n @Prop({ reflect: true }) inverted: boolean = false;\n\n /* Variant /\n @Prop({ reflect: true }) variant: StzhChipVariant = \"tag\";\n\n /* Size /\n @Prop({ reflect: true }) size: StzhChipSize = \"default\";\n\n /* Size variant (above small breakpoint) /\n @Prop({ reflect: true }) sizeSmall: StzhChipSize;\n\n /* Size variant (above medium breakpoint) /\n @Prop({ reflect: true }) sizeMedium: StzhChipSize;\n\n /* Size variant (above large breakpoint) /\n @Prop({ reflect: true }) sizeLarge: StzhChipSize;\n\n /* Size variant (above ultra breakpoint) /\n @Prop({ reflect: true }) sizeUltra: StzhChipSize;\n\n /* Type /\n @Prop({ reflect: true }) type: StzhChipType = \"default\";\n\n /* Counter /\n @Prop() counter: string = \"\";\n\n /* Label of remove button for screenreaders /\n @Prop() removeLabel: string = \"\";\n\n /* Active /\n @Prop({ reflect: true }) active: boolean = false;\n\n /* Disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Tabindex of link/button /\n @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n /* Accessible label for screen readers to replace visible text /\n @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n /* Id for element which describes the link/button /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link/button element.\n * Default value will be taken from `label` prop or default slot.\n /\n @Prop() analyticsId: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the remove button element.\n * Default value will be taken from `removeLabel` prop.\n /\n @Prop() removeAnalyticsId: string;\n\n @Element() element: HTMLStzhChipElement;\n\n /* Chip click event /\n @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n /* Chip remove event /\n @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n private chip: HTMLButtonElement \| HTMLAnchorElement;\n private text: HTMLElement;\n private focusedByInput: boolean = false;\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.chip?.setAttribute(\"s-object-id\", this.analyticsId \|\| this.text.innerText);\n });\n }\n\n private renderInner(): DocumentFragment {\n return (\n <div class=\"stzh-chip__button-inner\">\n <div class=\"stzh-chip__icon-wrapper\">\n {this.icon \|\| (typeof this.icon === \"undefined\" && this.variant === \"tag\" && this.type !== \"default\") ? (\n <stzh-icon\n class=\"stzh-chip__icon\"\n name={\n this.icon \|\|\n (this.type === \"info\" && \"info-help\") \|\|\n (this.type === \"warning\" && \"important-warning\") \|\|\n (this.type === \"error\" && \"warning\") \|\|\n (this.type === \"success\" && \"checkmark-circle\")\n }\n ></stzh-icon>\n ) : (\n <slot name=\"icon\"></slot>\n )}\n </div>\n\n <stzh-clamp lines={1} class=\"stzh-chip__label\" ref={el => (this.text = el as HTMLElement)}>\n {this.label ? this.label : <slot></slot>}\n {this.counter && this.counter !== \"undefined\" && this.counter !== undefined && (\n <span class=\"stzh-chip__vhidden\"> ({this.counter})</span>\n )}\n </stzh-clamp>\n\n {this.counter && this.counter !== \"undefined\" && this.counter !== undefined && (\n <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n {this.counter}\n </div>\n )}\n </div>\n );\n }\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.chip.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n });\n };\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n href: this.href,\n });\n };\n\n private onRemoveClick = (event: MouseEvent) => {\n this.stzhRemove.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n });\n };\n\n render() {\n const classes = {\n \"stzh-chip\": true,\n \"stzh-chip--is-active\": this.active,\n \"stzh-chip--is-disabled\": this.disabled,\n \"stzh-chip--is-removable\": this.removable,\n \"stzh-chip--is-inverted\": this.inverted,\n \"stzh-chip--has-counter\": !!this.counter,\n [`stzh-chip--type-${this.type}`]: !!this.type,\n [`stzh-chip--size-${this.size}`]: !!this.size,\n [`stzh-chip--${this.variant}`]: !!this.variant,\n };\n\n const Chip = this.nonInteractive ? \"div\" : this.href ? \"a\" : \"button\";\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n {this.removable && (\n <button\n class=\"stzh-chip__remove\"\n onClick={this.onRemoveClick}\n disabled={this.disabled}\n aria-label={this.removeLabel}\n type=\"button\"\n s-object-id={this.removeAnalyticsId \|\| this.removeLabel}\n >\n <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close-big\"></stzh-icon>\n </button>\n )}\n\n {this.href ? (\n <Chip\n ref={el => (this.chip = el as HTMLAnchorElement)}\n class={{\n \"stzh-chip__button\": true,\n \"is-button\": !this.nonInteractive && !this.href,\n \"is-link\": !this.nonInteractive && !!this.href,\n }}\n href={this.disabled ? null : this.href}\n target={this.target}\n tabindex={this.a11yTabindex}\n aria-label={this.a11yLabel \|\| null}\n aria-describedby={this.a11yDescribedby \|\| null}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n {this.renderInner()}\n </Chip>\n ) : (\n <Chip\n ref={el => (this.chip = el as HTMLButtonElement)}\n class={{\n \"stzh-chip__button\": true,\n \"is-button\": !this.nonInteractive && !this.href,\n \"is-link\": !this.nonInteractive && !!this.href,\n }}\n disabled={this.disabled}\n type=\"button\"\n tabindex={this.a11yTabindex}\n aria-label={this.a11yLabel \|\| null}\n aria-describedby={this.a11yDescribedby \|\| null}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n {this.renderInner()}\n </Chip>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BAn4Ipj9.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","src/components/stzh-chip/stzh-chip.tsx"],"sourcesContent":["@mixin chip--size-default() {\n --font-size: var(--stzh-font-micro-font-size);\n --line-height: var(--stzh-font-micro-text-line-height);\n --letter-spacing: normal;\n\n --height: 32px;\n --outer-height: 40px;\n --padding-top: 0;\n --padding-bottom: 0;\n --padding-left: #{space(\"small\")};\n --padding-right: #{space(\"small\")};\n --border-radius: 16px;\n\n @include mq($from: medium) {\n --outer-height: auto;\n }\n}\n\n@mixin chip--size-large() {\n --height: 40px;\n --border-radius: 20px;\n --padding-left: #{space(\"medium\")};\n --padding-right: #{space(\"medium\")};\n}\n\n@mixin chip--size-small() {\n --font-size: var(--stzh-font-nano-font-size);\n --line-height: var(--stzh-font-nano-text-line-height);\n --letter-spacing: normal;\n\n --height: 24px;\n --border-radius: 12px;\n --padding-left: #{space(\"xsmall\")};\n --padding-right: #{space(\"xsmall\")};\n}\n\n:host {\n @include chip--size-default;\n --color: var(--stzh-chip-color, #{$colorPrimary70});\n --remove-color: var(--color);\n --remove-border-radius: 24px;\n --background-color: var(--stzh-chip-background-color, #{$colorSecondary30});\n --icon-size: #{iconSize(\"xsmall\")};\n --icon-color: var(--color);\n --icon-gap: #{space(\"xsmall\")};\n --counter-color: var(--color);\n --counter-gap: #{space(\"xsmall\")};\n\n --hover-color: var(--stzh-chip-hover-color, #{$colorPrimary70});\n --hover-background-color: var(\n --stzh-chip-hover-background-color,\n #{$colorSecondary40}\n );\n --hover-remove-color: var(--hover-color);\n --hover-remove-background-color: #{$colorPrimary30};\n --hover-icon-color: var(--hover-color);\n --hover-counter-color: var(--hover-color);\n\n display: inline-flex;\n\n @media (forced-colors: active) {\n --hover-color: Highlight;\n --hover-background-color: Canvas;\n --hover-remove-background-color: Canvas;\n }\n\n &[variant=\"input\"] {\n --background-color: #{$colorPrimary10};\n\n --hover-color: #{$colorPrimary90};\n --hover-background-color: #{$colorPrimary20};\n }\n\n &[variant=\"tag\"] {\n --color: #{$colorGrey90};\n --background-color: #{$colorGrey20};\n\n --hover-color: #{$colorGrey90};\n --hover-background-color: #{$colorGrey20};\n }\n\n &[variant=\"input\"]:where([size=\"small\"]) {\n --icon-gap: #{space(\"xxsmall\")};\n }\n\n &[variant=\"tag\"]:where([size=\"small\"]) {\n --padding-left: #{space(\"xsmall\")};\n --padding-right: #{space(\"xsmall\")};\n --icon-gap: #{space(\"xxsmall\")};\n }\n\n &[variant=\"tag\"]:where([type=\"warning\"]) {\n --color: #{$colorWarning90};\n\n --hover-color: #{$colorWarning90};\n }\n\n &[variant=\"tag\"]:where([type=\"error\"]) {\n --color: #{$colorError70};\n\n --hover-color: #{$colorError70};\n }\n\n &[variant=\"tag\"]:where([type=\"success\"]) {\n --color: #{$colorSuccess70};\n\n --hover-color: #{$colorSuccess70};\n }\n\n &[variant=\"tag\"]:where([inverted]:not([inverted=\"false\"])) {\n --color: #{$colorWhite};\n --background-color: #{$colorGrey90};\n\n --hover-color: #{$colorWhite};\n --hover-background-color: #{$colorGrey90};\n }\n\n &[variant=\"tag\"]:where([type=\"warning\"][inverted]:not([inverted=\"false\"])) {\n --color: #{$colorBlack};\n --background-color: #{$colorWarning60};\n\n --hover-color: #{$colorBlack};\n --hover-background-color: #{$colorWarning60};\n }\n\n &[variant=\"tag\"]:where([type=\"error\"][inverted]:not([inverted=\"false\"])) {\n --background-color: #{$colorError70};\n\n --hover-background-color: #{$colorError70};\n }\n\n &[variant=\"tag\"]:where([type=\"success\"][inverted]:not([inverted=\"false\"])) {\n --background-color: #{$colorSuccess70};\n\n --hover-background-color: #{$colorSuccess70};\n }\n\n &[active]:not([active=\"false\"]) {\n --color: var(--stzh-chip-active-color, #{$colorWhite});\n --background-color: var(\n --stzh-chip-active-background-color,\n #{$colorPrimary70}\n );\n\n --hover-color: var(--stzh-chip-active-hover-color, #{$colorWhite});\n --hover-background-color: var(\n --stzh-chip-active-hover-background-color,\n #{$colorPrimary90}\n );\n --hover-remove-background-color: #{$colorPrimary90};\n\n @media (forced-colors: active) {\n --color: Highlight;\n --background-color: Canvas;\n\n --hover-color: Highlight;\n --hover-background-color: Canvas;\n --hover-remove-background-color: Canvas;\n }\n }\n\n &[non-interactive]:not([non-interactive=\"false\"]) {\n --hover-color: var(--color);\n --hover-background-color: var(--background-color);\n --hover-remove-color: var(--remove-color);\n --hover-remove-background-color: transparent;\n --hover-icon-color: var(--icon-color);\n --hover-counter-color: var(--counter-color);\n }\n\n &[disabled]:not([disabled=\"false\"]) {\n --color: var(--stzh-chip-disabled-color, #{$colorGrey80});\n --background-color: var(\n --stzh-chip-disabled-background-color,\n #{$colorGrey20}\n );\n --remove-color: var(--color);\n --icon-color: var(--color);\n --counter-color: var(--color);\n\n --hover-color: var(--color);\n --hover-background-color: var(--background-color);\n --hover-remove-color: var(--remove-color);\n --hover-remove-background-color: transparent;\n --hover-icon-color: var(--icon-color);\n --hover-counter-color: var(--counter-color);\n }\n\n &[variant=\"input\"][disabled]:not([disabled=\"false\"]) {\n --background-color: #{$colorGrey10};\n }\n}\n\n:host(:where([size=\"small\"])) {\n @include chip--size-small;\n}\n\n:host(:where([size=\"large\"])) {\n @include chip--size-large;\n}\n\n@each $breakpoint, $size in $breakpoints {\n @include mq($from: $breakpoint) {\n :host(:where([size-#{$breakpoint}=\"default\"])) {\n @include chip--size-default;\n }\n\n :host(:where([size-#{$breakpoint}=\"small\"])) {\n @include chip--size-small;\n }\n\n :host(:where([size-#{$breakpoint}=\"large\"])) {\n @include chip--size-large;\n }\n }\n}\n\n.stzh-chip {\n position: relative;\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__button {\n font-size: var(--font-size);\n line-height: var(--line-height);\n letter-spacing: var(--letter-spacing);\n min-height: var(--outer-height);\n font-family: inherit;\n appearance: none;\n padding: 0px;\n border: none;\n background-color: transparent;\n\n &.is-button,\n &.is-link {\n cursor: pointer;\n }\n }\n\n &__button-inner {\n height: var(--height);\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: var(--border-radius);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n color: var(--color);\n background-color: var(--background-color);\n transition-duration: $baseTransitionAnimationSpeed;\n transition-property: color, background-color;\n text-decoration-line: none;\n }\n\n &__label {\n text-align: left;\n }\n\n &__icon-wrapper {\n --stzh-icon-size: var(--icon-size);\n\n display: flex;\n color: var(--icon-color);\n transition: color $baseTransitionAnimationSpeed;\n flex-shrink: 0;\n\n &:not(:empty) {\n margin-right: var(--icon-gap);\n }\n }\n\n &__counter {\n display: flex;\n font-variant-numeric: tabular-nums;\n margin-left: var(--counter-gap);\n color: var(--counter-color);\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &__remove {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 0;\n appearance: none;\n font-family: inherit;\n border: none;\n background: none;\n padding: 0;\n width: var(--height);\n height: var(--height);\n border-radius: var(--remove-border-radius);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: space(\"xxsmall\");\n color: var(--remove-color);\n transition-duration: $baseTransitionAnimationSpeed;\n transition-property: color, background-color, border-color;\n cursor: pointer;\n\n &:hover {\n color: var(--hover-remove-color);\n background-color: var(--hover-remove-background-color);\n }\n }\n\n &__remove-icon {\n --size: #{iconSize(\"xxsmall\")};\n }\n\n &__button:hover &__button-inner,\n &__remove:hover + &__button &__button-inner {\n color: var(--hover-color);\n background-color: var(--hover-background-color);\n }\n\n &__button:hover &__counter,\n &__remove:hover + &__button &__counter {\n color: var(--hover-counter-color);\n }\n\n &__button:hover &__icon-wrapper,\n &__remove:hover + &__button &__icon-wrapper {\n color: var(--hover-icon-color);\n }\n\n /* Removeable /\n\n &--is-removable &__button-inner {\n padding-right: calc(var(--height) + #{space(\"xxsmall\")});\n }\n\n / Disabled /\n\n &--is-disabled &__button,\n &--is-disabled &__remove {\n cursor: not-allowed;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport {\n StzhChipBlurEvent,\n StzhChipClickEvent,\n StzhChipFocusEvent,\n StzhChipRemoveEvent,\n StzhChipSize,\n StzhChipType,\n StzhChipVariant,\n} from \"../../index\";\n\n/\n @slot - Slot for label\n * @slot icon - Slot for icon\n /\n@Component({\n tag: \"stzh-chip\",\n styleUrl: \"stzh-chip.scss\",\n scoped: true,\n})\nexport class StzhChip {\n /* Label /\n @Prop() label: string = \"\";\n\n /* Icon (use instead of icon slot) /\n @Prop() icon: string;\n\n /* `href` if the chip should be used as link /\n @Prop() href: string = \"\";\n\n /* Target if the button is used as link (if `href` used) /\n @Prop() target: string = \"\";\n\n /* Whether chip is not interactive /\n @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n /* Whether remove button should be shown /\n @Prop({ reflect: true }) removable: boolean = false;\n\n /* Whether inverted style is shown (only available for `tag` variant) /\n @Prop({ reflect: true }) inverted: boolean = false;\n\n /* Variant /\n @Prop({ reflect: true }) variant: StzhChipVariant = \"tag\";\n\n /* Size /\n @Prop({ reflect: true }) size: StzhChipSize = \"default\";\n\n /* Size variant (above small breakpoint) /\n @Prop({ reflect: true }) sizeSmall: StzhChipSize;\n\n /* Size variant (above medium breakpoint) /\n @Prop({ reflect: true }) sizeMedium: StzhChipSize;\n\n /* Size variant (above large breakpoint) /\n @Prop({ reflect: true }) sizeLarge: StzhChipSize;\n\n /* Size variant (above ultra breakpoint) /\n @Prop({ reflect: true }) sizeUltra: StzhChipSize;\n\n /* Type /\n @Prop({ reflect: true }) type: StzhChipType = \"default\";\n\n /* Counter /\n @Prop() counter: string = \"\";\n\n /* Label of remove button for screenreaders /\n @Prop() removeLabel: string = \"\";\n\n /* Active /\n @Prop({ reflect: true }) active: boolean = false;\n\n /* Disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Tabindex of link/button /\n @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n /* Accessible label for screen readers to replace visible text /\n @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n /* Id for element which describes the link/button /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link/button element.\n * Default value will be taken from `label` prop or default slot.\n /\n @Prop() analyticsId: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the remove button element.\n * Default value will be taken from `removeLabel` prop.\n /\n @Prop() removeAnalyticsId: string;\n\n @Element() element: HTMLStzhChipElement;\n\n /* Chip click event /\n @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n /* Chip remove event /\n @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n private chip: HTMLButtonElement \| HTMLAnchorElement;\n private text: HTMLElement;\n private focusedByInput: boolean = false;\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.chip?.setAttribute(\"s-object-id\", this.analyticsId \|\| this.text.innerText);\n });\n }\n\n private renderInner(): DocumentFragment {\n return (\n <div class=\"stzh-chip__button-inner\">\n <div class=\"stzh-chip__icon-wrapper\">\n {this.icon \|\| (typeof this.icon === \"undefined\" && this.variant === \"tag\" && this.type !== \"default\") ? (\n <stzh-icon\n class=\"stzh-chip__icon\"\n name={\n this.icon \|\|\n (this.type === \"info\" && \"info-help\") \|\|\n (this.type === \"warning\" && \"important-warning\") \|\|\n (this.type === \"error\" && \"warning\") \|\|\n (this.type === \"success\" && \"checkmark-circle\")\n }\n ></stzh-icon>\n ) : (\n <slot name=\"icon\"></slot>\n )}\n </div>\n\n <stzh-clamp lines={1} class=\"stzh-chip__label\" ref={el => (this.text = el as HTMLElement)}>\n {this.label ? this.label : <slot></slot>}\n {this.counter && this.counter !== \"undefined\" && this.counter !== undefined && (\n <span class=\"stzh-chip__vhidden\"> ({this.counter})</span>\n )}\n </stzh-clamp>\n\n {this.counter && this.counter !== \"undefined\" && this.counter !== undefined && (\n <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n {this.counter}\n </div>\n )}\n </div>\n );\n }\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.chip.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n });\n };\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n href: this.href,\n });\n };\n\n private onRemoveClick = (event: MouseEvent) => {\n this.stzhRemove.emit({\n component: \"stzh-chip\",\n originalEvent: event,\n });\n };\n\n render() {\n const classes = {\n \"stzh-chip\": true,\n \"stzh-chip--is-active\": this.active,\n \"stzh-chip--is-disabled\": this.disabled,\n \"stzh-chip--is-removable\": this.removable,\n \"stzh-chip--is-inverted\": this.inverted,\n \"stzh-chip--has-counter\": !!this.counter,\n [`stzh-chip--type-${this.type}`]: !!this.type,\n [`stzh-chip--size-${this.size}`]: !!this.size,\n [`stzh-chip--${this.variant}`]: !!this.variant,\n };\n\n const Chip = this.nonInteractive ? \"div\" : this.href ? \"a\" : \"button\";\n\n return (\n <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n {this.removable && (\n <button\n class=\"stzh-chip__remove\"\n onClick={this.onRemoveClick}\n disabled={this.disabled}\n aria-label={this.removeLabel}\n type=\"button\"\n s-object-id={this.removeAnalyticsId \|\| this.removeLabel}\n >\n <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close-big\"></stzh-icon>\n </button>\n )}\n\n {this.href ? (\n <Chip\n ref={el => (this.chip = el as HTMLAnchorElement)}\n class={{\n \"stzh-chip__button\": true,\n \"is-button\": !this.nonInteractive && !this.href,\n \"is-link\": !this.nonInteractive && !!this.href,\n }}\n href={this.disabled ? null : this.href}\n target={this.target}\n tabindex={this.a11yTabindex}\n aria-label={this.a11yLabel \|\| null}\n aria-describedby={this.a11yDescribedby \|\| null}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n {this.renderInner()}\n </Chip>\n ) : (\n <Chip\n ref={el => (this.chip = el as HTMLButtonElement)}\n class={{\n \"stzh-chip__button\": true,\n \"is-button\": !this.nonInteractive && !this.href,\n \"is-link\": !this.nonInteractive && !!this.href,\n }}\n disabled={this.disabled}\n type=\"button\"\n tabindex={this.a11yTabindex}\n aria-label={this.a11yLabel \|\| null}\n aria-describedby={this.a11yDescribedby \|\| null}\n onClick={this.onClick}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n {this.renderInner()}\n </Chip>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DF6aCFVH.js → p-BDTQkRkl.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 const stzhPiTeaserLayoutItemCss = () => `@charset "UTF-8";
@@ -489,7 +489,7 @@ const StzhPiTeaserLayoutItem = /*@__PURE__*/ proxyCustomElement(class StzhPiTeas
             "stzh-pi-teaser-layout-item--has-lead": hasLead,
             "stzh-pi-teaser-layout-item--has-image": hasImage,
         };
-        return (h(Host, { key: 'aadd9d30259533a6613854be971113fd45ed3c74', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: 'db650763d9f4ad952908631eb03b173327ba774e', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '40c929dc9c5e0a46480721574336c5ed70208f5a', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '0a2a51a0363eef1c48ba2b658b51eec846810c5c', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '3f7a6190d344c6858aa4d38b2e6ccfb77dfd1e1c', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: 'ea1e11365abacd509f38fb0b302dd0c6d4780211', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: '6c80179e503c030b4021426379abfeb9fafee703', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '1553256b7d58824b81f1503e099a35e4a5d3b3ab', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("div", { key: 'bc9129024d081f9446c2f34eba375b5435008215', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("div", { key: '7b317274a7a40ce25150056446e345de91f8b0ce', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
+        return (h(Host, { key: '13d79df994febfd547cd05d35d469420ddf1144b', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: '5d6c133f2d7621222e3057ab332f5cacdcbc35e3', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '819c1daa852719eb3352e04e5bd8cb17d5f432cf', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '504ab79d53e695b08ba27bd127f3be56ccd96d44', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '35db932bfdb0ea36d9b778a1d2ae87839d47bb14', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: 'eb31441a0cd66287fd402ed45ffd1f85845cd74c', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: 'dd14010525e94b66447e2a79b34d400a0b4ccd67', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '2fca42129ae56228fb788e62c865bd978b51b55c', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("p", { key: 'ff44e7c14e79461adea244f9c46884fdb9cc2ff8', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("p", { key: 'e7d37f3a99f83a5bac78ea94ebd443196addac0a', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
     }
     get element() { return this; }
     static get style() { return stzhPiTeaserLayoutItemCss(); }
@@ -521,6 +521,6 @@ function defineCustomElement() {
 }
 export { StzhPiTeaserLayoutItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-DF6aCFVH.js.map
+//# sourceMappingURL=p-BDTQkRkl.js.map
-//# sourceMappingURL=p-DF6aCFVH.js.map
+//# sourceMappingURL=p-BDTQkRkl.js.map