xv-webcomponents 0.1.16 → 0.1.18

package/dist/esm/xv-accordion_10.entry.js

@@ -1,250 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-60f5a964.js';
-import { u as uidGenerator } from './utils-9bb6333b.js';
-
-const xvAccordionCss = ":host{display:block}";
-const XvAccordionStyle0 = xvAccordionCss;
-
-const XvAccordion = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.accordionChange = createEvent(this, "accordionChange", 7);
-        this.multiple = false;
-        this.xvId = uidGenerator();
-        this.opened = new Set();
-    }
-    async toggleItem(value) {
-        if (this.opened.has(value)) {
-            this.opened.delete(value);
-        }
-        else {
-            if (!this.multiple)
-                this.opened.clear();
-            this.value = value;
-            this.opened.add(this.value);
-        }
-        this.accordionChange.emit({ opened: this.opened, id: this.xvId });
-        return { opened: this.opened, id: this.xvId };
-    }
-    componentWillLoad() {
-        if (this.value) {
-            return this.toggleItem(this.value);
-        }
-    }
-    render() {
-        return (h(Host, { key: 'a46169f8e281ddf85ac7bd535dfba7006f3ea879', class: "xv-accordion", "data-id": this.xvId }, h("slot", { key: 'f09576542905cb8d28e911553ab81dfe97823a25' })));
-    }
-};
-XvAccordion.style = XvAccordionStyle0;
-
-const xvAccordionItemCss = ":host{border-top:1px solid var(--border-subtle-01);display:flex;flex-direction:column;font-family:var(--ff-body, inherit)}:host(.disabled) .label{color:var(--text-disabled)}:host(.disabled) .label:hover{cursor:initial;background-color:transparent}.label{padding:14px 16px;display:inline-flex;align-items:center;column-gap:20px;justify-content:space-between;text-align:left;color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0.16px;background-color:transparent;transition:background-color 200ms ease-in-out}.label>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.label:hover{cursor:pointer;background-color:var(--layer-hover-01)}.label:after{content:\"\";border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:4.66px;transition:transform 100ms ease-in-out;transform:rotate(45deg)}.label.opened:after{transform:rotate(-135deg)}.content{padding:0 16px;text-align:left;color:var(--text-primary);font-size:14px;overflow:hidden;max-height:0;transition:max-height 300ms ease-in-out, padding 250ms ease 50ms}.content.opened{padding:14px 16px;max-height:500px}";
-const XvAccordionItemStyle0 = xvAccordionItemCss;
-
-const XvAccordionItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.itemToggle = createEvent(this, "itemToggle", 7);
-        this.disabled = false;
-        this.isOpen = false;
-    }
-    handleAccordionChange(event) {
-        var _a;
-        const parentAccordionId = (_a = this.el.closest('[data-id]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id');
-        if (event.detail.id !== parentAccordionId)
-            return;
-        this.isOpen = event.detail.opened.has(this.value);
-    }
-    toggle() {
-        var _a, _b;
-        if (this.disabled)
-            return;
-        this.isOpen = !this.isOpen;
-        (_b = (_a = this.el.closest('xv-accordion')) === null || _a === void 0 ? void 0 : _a.toggleItem) === null || _b === void 0 ? void 0 : _b.call(_a, this.value);
-    }
-    render() {
-        return (h(Host, { key: '8b245355a1f6782ca3fd1669b752499150da5f17', class: `${this.disabled ? 'disabled' : ''}` }, h("label", { key: '999fc39c0e58f6805b3d58f5f36e0f36a18ab888', class: `label ${this.isOpen ? 'opened' : 'closed'}`, onClick: this.toggle.bind(this) }, h("span", { key: '0f3f72f620001f6ea19de0532deab6991b67c93b' }, this.label)), h("div", { key: 'fc27c4239c8b51690627678983882b65c4d94f4a', class: `content ${this.isOpen ? 'opened' : 'closed'}` }, h("slot", { key: '6643838a58f16d568654f5dc366b812b446f9625' }))));
-    }
-    get el() { return getElement(this); }
-};
-XvAccordionItem.style = XvAccordionItemStyle0;
-
-const xvButtonV2Css = "@charset \"UTF-8\";:host{--focus-border-width:2px;--focus-border-style:solid;--button-ghost:tarnsparent;--text-disabled-opacity:0.25;--button-border-radius:3px;--button-border-width:1px;--button-border-style:solid;--button-border-color-accent:#97BF0D;--button-border-color-primary:#273435;--button-border-color-secondary:#D1D1D1;--button-border-color-ghost:tarnsparent;--button-ghost-hover:tarnsparent;--button-ghost-active:rgba(139, 139, 139, 0.5);--button-accent-disabled:#D1D1D1;--button-primary-disabled:#D1D1D1;--button-secondary-disabled:#D1D1D1;--button-tertiary-disabled:tarnsparent;--button-ghost-disabled:tarnsparent}:host button{font-family:inherit;font-size:16px;font-weight:700;padding:0 20px;height:40px;line-height:40px;cursor:pointer;box-sizing:border-box;transition:background-color 0.2s ease-in-out, filter 0.2s ease-in-out, transform 0.1s ease-in-out, border-color 0.2s ease-in-out, border-width 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button{}.xv-button.accent{background-color:var(--button-accent);color:var(--text-on-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);border-radius:var(--button-border-radius)}.xv-button.accent:hover{background-color:var(--button-accent-hover)}.xv-button.accent:active{background-color:var(--button-accent-active);color:var(--text-on-color)}.xv-button.accent:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.accent:disabled{background-color:var(--button-accent-disabled);color:var(--text-on-color-disabled);border:var(--button-border-width) var(--button-border-style) var(--button-accent-disabled)}.xv-button.primary{background-color:var(--button-primary);color:var(--text-on-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);border-radius:var(--button-border-radius)}.xv-button.primary:hover{background-color:var(--button-primary-hover)}.xv-button.primary:active{background-color:var(--button-primary-active)}.xv-button.primary:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.primary:disabled{background-color:var(--button-primary-disabled);color:var(--text-on-color-disabled);border:var(--button-border-width) var(--button-border-style) var(--button-primary-disabled)}.xv-button.secondary{background-color:var(--button-secondary);color:var(--text-primary);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);border-radius:var(--button-border-radius)}.xv-button.secondary:hover{background-color:var(--button-secondary-hover)}.xv-button.secondary:active{background-color:var(--button-secondary-active)}.xv-button.secondary:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.secondary:disabled{background-color:var(--button-secondary-disabled);color:var(--text-on-color-disabled)}.xv-button.tertiary{background-color:var(--button-ghost);color:var(--text-primary);border:var(--button-border-width) var(--button-border-style) var(--button-tertiary);border-radius:var(--button-border-radius)}.xv-button.tertiary:hover{background-color:var(--button-tertiary-hover)}.xv-button.tertiary:active{background-color:var(--button-tertiary-active)}.xv-button.tertiary:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out}.xv-button.tertiary:disabled{background-color:var(--button-tertiary-disabled);color:var(--text-disabled);opacity:var(--text-disabled-opacity)}.xv-button.ghost{background-color:var(--button-ghost);color:var(--text-primary);border:var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);border-radius:var(--button-border-radius)}.xv-button.ghost:hover{background-color:var(--button-ghost-hover)}.xv-button.ghost:active{background-color:var(--button-ghost-active)}.xv-button.ghost:focus{outline:none;border:var(--focus-border-width) var(--focus-border-style) var(--focus);transition:border-color 0.2s ease-in-out}.xv-button.ghost:disabled{background-color:var(--button-ghost-disabled);color:var(--text-disabled);opacity:var(--text-disabled-opacity)}";
-const XvButtonV2Style0 = xvButtonV2Css;
-
-const XvButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.buttonClick = createEvent(this, "buttonClick", 7);
-        /** Button label */
-        this.label = '';
-        /** Variant */
-        this.variant = 'primary';
-        /** Disabled state */
-        this.disabled = false;
-        /** Handle click only if not disabled */
-        this.handleClick = () => {
-            if (this.disabled) {
-                return;
-            }
-            this.buttonClick.emit();
-        };
-    }
-    render() {
-        return (h(Host, { key: '5f34d72138394e7b99fd2df0307baf92f7c9d1ca' }, h("button", { key: 'de80a89aa9daf5fcf4cca25efc2188062547a3d1', class: `xv-button ${this.variant}`, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: 'c9223d17a19e0c7289f7598256ed324f4c338d19', name: "icon-left" }), h("slot", { key: 'fb264cb3bef9c91b9b9a97ceab270ae056b1795b' }, this.label), h("slot", { key: 'b837dfb923f982af430921a134595ab63ab5bfee', name: "icon-right" }))));
-    }
-};
-XvButton.style = XvButtonV2Style0;
-
-const xvCardCss = ":host{display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--border-subtle-00);background:var(--layer-layer-02);box-shadow:0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.3);font-family:var(--ff-body, inherit);overflow:visible !important}:host(.xv-card_vertical){width:100% !important}:host(.xv-card_horizontal){flex-direction:row;display:flex;width:max-content}:host(.xv-card_horizontal) .xv-card_media__content,:host(.xv-card_horizontal) .xv-card_media ::slotted([slot=media]){min-height:100%;max-height:100%;max-width:160px;min-width:160px}.xv-card_content{padding:16px;display:flex;flex-direction:column;flex:1;text-align:left}.xv-card_media__content,.xv-card_media ::slotted([slot=media]){max-width:100%;min-width:100%;min-height:199px;max-height:199px;object-fit:cover;object-position:center}.xv-card_header__content,.xv-card_header ::slotted([slot=header]){margin:0 0 8px;color:var(--text-primary);font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-0.6px}.xv-card_body{flex:1}.xv-card_body__content,.xv-card_body ::slotted([slot=body]){margin:0 0 8px;color:var(--text-secondary);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.1px}";
-const XvCardV2Style0 = xvCardCss;
-
-const XvCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.variant = 'vertical';
-    }
-    render() {
-        return (h(Host, { key: '954936e5ea5014bb4c58fed8946ebba8598e6f3d', class: `xv-card xv-card_${this.variant}`, part: this.variant }, h("div", { key: '357b2524c23b8af0730892c90db84dda20990070', class: "xv-card_media" }, h("slot", { key: '02f2e73b4aed200833751e60bdfdc7151477576b', name: "media" }, this.media && h("img", { key: 'b27510aae0d35583fa7ccf75396289751611780a', class: "xv-card_media__content", src: this.media, alt: this.header }))), h("div", { key: '61c711fcf6e82d6da9761411c0ceef7d0407caca', class: "xv-card_content" }, h("div", { key: '7b476457734b9a03e525a409b839284846845189', class: "xv-card_header" }, h("slot", { key: 'c5c068a0b6d61ab1255276e4c2c72e039f5f9909', name: "header" }, this.header && h("p", { key: 'dde81bf7813870b4dd3514a027d02518d31acffe', class: "xv-card_header__content" }, this.header))), h("div", { key: '7fda70bb56b9313d868463bfee51a68bfb8e65c8', class: "xv-card_body" }, h("slot", { key: '3acbfa548e594f01cd9d514b0f7d7596b13900a6', name: "body" }, this.body && h("p", { key: '1a399d0a0351c4a0f1d166009f9467fed8a7e2dc', class: "xv-card_body__content" }, this.header))), h("div", { key: '7458f3c1612205f50ba2692b864089b4ef87e7f2', class: "xv-card_footer" }, h("slot", { key: '3e83fe4bfcda18cf9f46c304603f0a6ed0df4361', name: "footer" }, this.footer)))));
-    }
-};
-XvCard.style = XvCardV2Style0;
-
-const XvCheckbox = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    applyGlobalStyles() {
-        var _a;
-        const globalStyle = document.getElementById("brand-style");
-        if (globalStyle) {
-            const styleClone = document.createElement("style");
-            styleClone.innerHTML = `@import url('${globalStyle.href}');`;
-            (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(styleClone);
-        }
-    }
-    componentWillLoad() {
-        this.applyGlobalStyles();
-    }
-    render() {
-        return (h("label", { key: '76ab7573da75f52db73a267122eede98d03d30a0', class: "checkbox-container" }, h("input", { key: 'fe56dd9781f8ab06d32d1d986d0e04d53b7f56e5', type: "checkbox" }), h("span", { key: '2265baa2f2f06749de8dc9de91ae375178627a5b', class: "checkmark" }), h("slot", { key: '953369ee5f0f656bcc339ca3030256dbaadec4fb' })));
-    }
-    get el() { return getElement(this); }
-};
-
-const xvLinkCss = ":host{font-family:var(--ff-body, inherit)}:host(.xv-link_inline){display:inline-block}:host(.xv-link_inline) .xv-link{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}:host(.xv-link_standalone){display:block}:host(.xv-link_standalone) .xv-link{text-decoration-line:none}.xv-link{display:inline-flex;gap:8px;align-items:center;color:var(--link-primary);font-family:var(--ff-body);font-style:normal;font-weight:400;transition:color 200ms ease-in-out}.xv-link:active{color:var(--text-primary)}.xv-link:visited{color:var(--link-visted)}.xv-link:hover{color:var(--link-primary-hover);cursor:pointer}.xv-link:disabled,.xv-link_disabled,.xv-link::part(disabled){color:var(--text-disabled);pointer-events:none;cursor:initial}.xv-link.sm{font-size:var(--fz-sm);line-height:137.5%}.xv-link.md{font-size:var(--fz-md);line-height:128.571%}.xv-link.lg{font-size:var(--fz-lg);line-height:133.333%}";
-const XvLinkStyle0 = xvLinkCss;
-
-const XvLink = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.disabled = false;
-        this.size = 'md';
-        this.variant = 'inline';
-    }
-    preventLinkHandler(e) {
-        if (!this.disabled)
-            return;
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    render() {
-        return (h(Host, { key: 'f3434063788d5b6ffda532cb527661104df3ce38', class: `xv-link_${this.variant}` }, h("a", { key: '2482f18ac929497b2f27b3da16d12414b24e3046', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, h("slot", { key: '1ba29bc9189583d78808e9641588da27bdebc445', name: "icon-left" }), h("slot", { key: 'f4cfc7d01a286f74e1ed1536622a097367d47d49' }), h("slot", { key: 'a33ae557aaa112dc88c291273bce04d9425f937d', name: "icon-right" }))));
-    }
-};
-XvLink.style = XvLinkStyle0;
-
-const xvProgressIndicatorCss = ":host{display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--ff-body, inherit)}";
-const XvProgressIndicatorStyle0 = xvProgressIndicatorCss;
-
-const XvProgressIndicator = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.progress = 0;
-    }
-    // Update 'xv-progress-indicator-item' done status
-    updateChildItems() {
-        const items = this.el.children;
-        const itemsCount = this.el.childElementCount;
-        const progressPerItem = 100 / itemsCount;
-        if (!items.length || !itemsCount)
-            return;
-        Array.from(items).forEach((item, index) => {
-            const itemProgress = (index + 1) * progressPerItem;
-            const done = this.progress >= itemProgress;
-            item.setAttribute('done', done ? 'true' : 'false');
-        });
-    }
-    // Load initial done status
-    componentDidLoad() {
-        this.updateChildItems();
-    }
-    render() {
-        return (h(Host, { key: 'ce7e68173d7ec806832282ada99ade50ecc54f92', class: "xv-progress-indicator" }, h("slot", { key: '5ebad467a8d1463d4e4e3fe014135cffe5e59c8b' })));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "progress": ["updateChildItems"]
-    }; }
-};
-XvProgressIndicator.style = XvProgressIndicatorStyle0;
-
-const xvProgressIndicatorItemCss = ":host(.xv-progress-indicator-item){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:10px 16px}:host(.xv-progress-indicator-item):before{width:100%}:host(.xv-progress-indicator-item):before,:host(.xv-progress-indicator-item) .line{content:\"\";z-index:1;display:inline-block;position:absolute;top:0;left:0;right:0;height:2px;color:inherit;background-color:var(--border-subtle-01, grey)}:host(.xv-progress-indicator-item) .line{width:0;color:inherit;transition:width 250ms ease;background-color:var(--background-brand, currentColor)}:host(.xv-progress-indicator-item) .icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;max-width:22px;max-height:22px;border:2px dashed var(--border-subtle-01, currentColor);border-radius:50%}:host(.xv-progress-indicator-item) .icon svg{opacity:0;transition:opacity 500ms ease-in-out}:host(.xv-progress-indicator-item) .label{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px}:host(.done) .icon{border-color:var(--background-brand, currentColor);color:var(--background-brand, inherit);border-style:solid}:host(.done) .icon svg{opacity:1}:host(.done) .line{width:100% !important;background-color:var(--background-brand, currentColor)}";
-const XvProgressIndicatorItemStyle0 = xvProgressIndicatorItemCss;
-
-const XvProgressIndicatorItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.done = false;
-    }
-    render() {
-        return (h(Host, { key: 'c26fd7f411c7eb2111c74011ba1217289541919b', class: `xv-progress-indicator-item ${this.done ? 'done' : ''}` }, h("span", { key: 'dbc80d2176c9ce9ba8e685888f44c5081af9d92c', class: "line" }), h("span", { key: '57937d7d83193248ac110257b01e548e7da850da', class: "icon" }, h("svg", { key: '83691b60f9f5c1521e8ee2abeafe716c2713fefe', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: 14, height: 14 }, h("path", { key: '7e4f043bb9e81434f448efa6e95683870952760c', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), h("p", { key: '4b0daea5e910474dd1167c5ed70159169c317b63', class: "label" }, h("slot", { key: '2a2afe80a3070f53d6d6d9a71a6ea7c4869cd4cd' }))));
-    }
-    get el() { return getElement(this); }
-};
-XvProgressIndicatorItem.style = XvProgressIndicatorItemStyle0;
-
-const xvTagCss = "@charset \"UTF-8\";:host{display:inline-flex;align-items:center;justify-content:space-between;border-radius:1000px;background-color:var(--background);color:var(--text-primary);font-family:var(--ff-body, inherit)}:host .xv-tag_content{padding-left:8px;padding-right:8px;color:inherit;font-family:var(--ff-body);font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .xv-tag_close{box-sizing:border-box;text-decoration:none;border:none;background-color:inherit;outline:none;border-spacing:0;list-style:none outside none;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:62px;width:15px;height:15px;text-align:left;color:inherit;text-indent:0;transition:opacity 300ms ease-in-out, filter 300ms ease-in-out}:host .xv-tag_close:hover{cursor:pointer;filter:brightness(80%)}:host .xv-tag_close:active{opacity:0.7}:host .xv-tag_close:focus{outline:1px solid currentColor}:host .xv-tag_close:after{overflow:hidden;width:inherit;height:inherit;color:inherit;font-size:16px;display:inline-flex;align-items:center;justify-content:center;content:\"×\"}:host(.sm){font-size:var(--fz-sm)}:host(.md){font-size:var(--fz-md)}:host(.md) .xv-tag_content{line-height:24px}:host(.md) .xv-tag_close{height:24px;width:24px}:host(.lg){font-size:var(--fz-lg)}:host(.lg) .xv-tag_content{line-height:26px}:host(.lg) .xv-tag_close{height:26px;width:26px}:host(.disabled){pointer-events:none;background-color:var(--layer-01);color:var(--text-disabled)}";
-const XvTagStyle0 = xvTagCss;
-
-const XvTag = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.closeClick = createEvent(this, "closeClick", 7);
-        this.size = 'md';
-        this.color = '';
-        this.bg = '';
-        this.disabled = false;
-        this.closeable = false;
-    }
-    closeHandler(e) {
-        if (this.disabled)
-            return;
-        this.closeClick.emit(e);
-    }
-    render() {
-        return (h(Host, { key: 'a80efe5ce83faee34abb8f23956e0a5dad597734', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'def67b2d9a6638de4941b071e529c41daf8150b0', class: "xv-tag_content" }, h("slot", { key: '0489ac38e1eea6a1ba186b78b2e17637650c4c2d' })), this.closeable && (h("button", { key: 'be5108f430f4f4d11d76a4b88a69ca2997a2c939', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
-    }
-};
-XvTag.style = XvTagStyle0;
-
-const xvTooltipCss = ":host{position:relative;display:inline-block;cursor:pointer}:host::before,:host::after{position:absolute;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;z-index:10}:host::before{content:attr(tooltip);background:var(--background-inverse, #333);color:var(--icon-inverse, #fff);padding:var(--gap-sm, 5px) var(--gap-md, 16px);border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw;font-family:var(--fz-body, Tahoma);font-size:var(fz-md, 14px);font-weight:400;line-height:18px;letter-spacing:0.16px}:host::after{content:\"\";border:6px solid transparent}:host(:hover)::before,:host(:hover)::after,:host(:focus)::before,:host(:focus)::after{opacity:1;visibility:visible}:host(.xv-tooltip_top)::before{bottom:100%;left:50%;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_top)::after{bottom:100%;left:50%;border-top-color:var(--background-inverse, #333);transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_top-left)::before{bottom:100%;left:0;transform:translateY(-5px)}:host(.xv-tooltip_top-left)::after{bottom:100%;left:10px;border-top-color:black;transform:translateY(5px)}:host(.xv-tooltip_top-right)::before{bottom:100%;right:0;transform:translateY(-5px)}:host(.xv-tooltip_top-right)::after{bottom:100%;right:10px;border-top-color:var(--background-inverse, #333);transform:translateY(5px)}:host(.xv-tooltip_bottom)::before{top:100%;left:50%;transform:translateX(-50%) translateY(5px)}:host(.xv-tooltip_bottom)::after{top:100%;left:50%;border-bottom-color:black;transform:translateX(-50%) translateY(-5px)}:host(.xv-tooltip_bottom-left)::before{top:100%;left:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-left)::after{top:100%;left:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_bottom-right)::before{top:100%;right:0;transform:translateY(5px)}:host(.xv-tooltip_bottom-right)::after{top:100%;right:10px;border-bottom-color:var(--background-inverse, #333);transform:translateY(-5px)}:host(.xv-tooltip_left)::before{right:100%;top:50%;transform:translateY(-50%) translateX(-5px)}:host(.xv-tooltip_left)::after{right:100%;top:50%;border-left-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::before{left:100%;top:50%;transform:translateY(-50%) translateX(5px)}:host(.xv-tooltip_right)::after{left:100%;top:50%;border-right-color:var(--background-inverse, #333);transform:translateY(-50%) translateX(-5px)}";
-const XvTooltipStyle0 = xvTooltipCss;
-
-const XvTooltip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Tooltip and arrow position related to element
-         * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.
-         * By default, "top"
-         */
-        this.position = 'top';
-    }
-    render() {
-        return (h(Host, { key: 'd91cba6a2425ac5188d0c3908d670887849ddf9b', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: 'f8b284b78d72f5a1e53880173e9df9a286e4ab59' }, h("svg", { key: '2b3dc074585eff9515c3383dd1415f7655425c0e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'd2d1e7eb69b531ae9212ee6da186628f57482317', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
-    }
-};
-XvTooltip.style = XvTooltipStyle0;
-
-export { XvAccordion as xv_accordion, XvAccordionItem as xv_accordion_item, XvButton as xv_button_v2, XvCard as xv_card_v2, XvCheckbox as xv_checkbox_v2, XvLink as xv_link, XvProgressIndicator as xv_progress_indicator, XvProgressIndicatorItem as xv_progress_indicator_item, XvTag as xv_tag, XvTooltip as xv_tooltip };
-
-//# sourceMappingURL=xv-accordion_10.entry.js.map

package/dist/esm/xv-accordion_10.entry.js.map

@@ -1 +0,0 @@
-{"file":"xv-accordion.xv-accordion-item.xv-button-v2.xv-card-v2.xv-checkbox-v2.xv-link.xv-progress-indicator.xv-progress-indicator-item.xv-tag.xv-tooltip.entry.js","mappings":"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","names":[],"sources":["src/components/xv-accordion/xv-accordion.scss?tag=xv-accordion&encapsulation=shadow","src/components/xv-accordion/xv-accordion.tsx","src/components/xv-accordion-item/xv-accordion-item.scss?tag=xv-accordion-item&encapsulation=shadow","src/components/xv-accordion-item/xv-accordion-item.tsx","src/components/xv-button/xv-button-v2.scss?tag=xv-button-v2&encapsulation=shadow","src/components/xv-button/xv-button.tsx","src/components/xv-card/xv-card.scss?tag=xv-card-v2&encapsulation=shadow","src/components/xv-card/xv-card.tsx","src/components/xv-checkbox/xv-checkbox.tsx","src/components/xv-link/xv-link.scss?tag=xv-link&encapsulation=shadow","src/components/xv-link/xv-link.tsx","src/components/xv-progress-indicator/xv-progress-indicator.scss?tag=xv-progress-indicator&encapsulation=shadow","src/components/xv-progress-indicator/xv-progress-indicator.tsx","src/components/xv-progress-indicator-item/xv-progress-indicator-item.scss?tag=xv-progress-indicator-item&encapsulation=shadow","src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx","src/components/xv-tag/xv-tag.scss?tag=xv-tag&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx","src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, Host, h, Event, EventEmitter, Method, State, Prop } from '@stencil/core';\r\nimport { uidGenerator } from '../../utils/utils';\r\n\r\n@Component({\r\n  tag: 'xv-accordion',\r\n  styleUrl: 'xv-accordion.scss',\r\n  shadow: true,\r\n})\r\nexport class XvAccordion {\r\n  @Prop() multiple: boolean = false;\r\n  @Prop() xvId: string = uidGenerator();\r\n  @Prop({ mutable: true }) value: string;\r\n  @State() opened: Set<string> = new Set();\r\n  @Event() accordionChange: EventEmitter<{ opened: Set<string>, id: string }>;\r\n\r\n  @Method()\r\n  async toggleItem(value: string) {\r\n    if (this.opened.has(value)) {\r\n      this.opened.delete(value);\r\n    } else {\r\n      if (!this.multiple) this.opened.clear();\r\n      this.value = value;\r\n      this.opened.add(this.value);\r\n    }\r\n\r\n    this.accordionChange.emit({ opened: this.opened, id: this.xvId });\r\n\r\n    return { opened: this.opened, id: this.xvId };\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (this.value) {\r\n      return this.toggleItem(this.value);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class=\"xv-accordion\" data-id={this.xvId}>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  border-top: 1px solid var(--border-subtle-01);\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-family: var(--ff-body, inherit);\r\n}\r\n\r\n:host(.disabled) {\r\n  .label {\r\n    color: var(--text-disabled);\r\n    &:hover {\r\n      cursor: initial;\r\n      background-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.label {\r\n  padding: 14px 16px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  column-gap: 20px;\r\n  justify-content: space-between;\r\n  text-align: left;\r\n  color: var(--text-primary);\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 20px;\r\n  letter-spacing: 0.16px;\r\n  background-color: transparent;\r\n  transition: background-color 200ms ease-in-out;\r\n  &>span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background-color: var(--layer-hover-01);\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    border: solid black;\r\n    border-width: 0 2px 2px 0;\r\n    display: inline-block;\r\n    padding: 4.66px;\r\n    transition: transform 100ms ease-in-out;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  &.opened:after {\r\n    transform: rotate(-135deg);\r\n  }\r\n}\r\n\r\n.content {\r\n  padding: 0 16px;\r\n  text-align: left;\r\n  color: var(--text-primary);\r\n  font-size: 14px;\r\n  overflow: hidden;\r\n  max-height: 0;\r\n  transition: max-height 300ms ease-in-out, padding 250ms ease 50ms;\r\n  &.opened {\r\n    padding: 14px 16px;\r\n    max-height: 500px;\r\n  }\r\n}\r\n","import { Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-accordion-item',\r\n  styleUrl: 'xv-accordion-item.scss',\r\n  shadow: true,\r\n})\r\nexport class XvAccordionItem {\r\n  @Element() el: HTMLElement;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @State() isOpen: boolean = false;\r\n  @Event() itemToggle: EventEmitter;\r\n\r\n  @Listen('accordionChange', { target: 'body' })\r\n  handleAccordionChange(event: CustomEvent<{ opened: Set<string>, id: string }>) {\r\n    const parentAccordionId = this.el.closest('[data-id]')?.getAttribute('data-id');\r\n    if (event.detail.id !== parentAccordionId) return;\r\n    this.isOpen = event.detail.opened.has(this.value);\r\n  }\r\n\r\n  toggle() {\r\n    if (this.disabled) return;\r\n    this.isOpen = !this.isOpen;\r\n    this.el.closest('xv-accordion')?.toggleItem?.(this.value);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class={`${this.disabled ? 'disabled' : ''}`}>\r\n        <label class={`label ${this.isOpen ? 'opened' : 'closed'}`} onClick={this.toggle.bind(this)}>\r\n          <span>{this.label}</span>\r\n        </label>\r\n        <div class={`content ${this.isOpen ? 'opened' : 'closed'}`}>\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  --focus-border-width: 2px;\r\n  --focus-border-style: solid;\r\n  --button-ghost: tarnsparent;\r\n  --text-disabled-opacity: 0.25;\r\n  --button-border-radius: 3px;\r\n  --button-border-width: 1px;\r\n  --button-border-style: solid;\r\n  --button-border-color-accent: #97BF0D;\r\n  --button-border-color-primary: #273435;\r\n  --button-border-color-secondary: #D1D1D1;\r\n  --button-border-color-ghost: tarnsparent;\r\n  --button-ghost-hover: tarnsparent;\r\n  --button-ghost-active: rgba(139, 139, 139, 0.5);\r\n  --button-accent-disabled: #D1D1D1;\r\n  --button-primary-disabled: #D1D1D1;\r\n  --button-secondary-disabled: #D1D1D1;\r\n  --button-tertiary-disabled: tarnsparent;\r\n  --button-ghost-disabled: tarnsparent;\r\n\r\n  button {\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    padding: 0 20px;\r\n    height: 40px;\r\n    line-height: 40px;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n    transition:\r\n      background-color 0.2s ease-in-out,\r\n      filter 0.2s ease-in-out,\r\n      transform 0.1s ease-in-out,\r\n      border-color 0.2s ease-in-out,\r\n      border-width 0.2s ease-in-out,\r\n      box-shadow 0.2s ease-in-out;\r\n  }\r\n}\r\n\r\n.xv-button {\r\n  /* ✅ Accent Button */\r\n  &.accent {\r\n    background-color: var(--button-accent);\r\n    color: var(--text-on-color);\r\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);\r\n    border-radius: var(--button-border-radius);\r\n    &:hover {\r\n      background-color: var(--button-accent-hover);\r\n    }\r\n    &:active {\r\n      background-color: var(--button-accent-active);\r\n      color: var(--text-on-color);\r\n    }\r\n    &:focus {\r\n      outline: none;\r\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\r\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n    }\r\n    &:disabled {\r\n      background-color: var(--button-accent-disabled);\r\n      color: var(--text-on-color-disabled);\r\n      border: var(--button-border-width) var(--button-border-style) var(--button-accent-disabled);\r\n    }\r\n\r\n  }\r\n\r\n  /* ✅ Primary Button */\r\n  &.primary {\r\n    background-color: var(--button-primary);\r\n    color: var(--text-on-color);\r\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);\r\n    border-radius: var(--button-border-radius);\r\n    &:hover {\r\n      background-color: var(--button-primary-hover)\r\n    }\r\n    &:active {\r\n      background-color: var(--button-primary-active)\r\n    }\r\n    &:focus {\r\n      outline: none;\r\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\r\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n    }\r\n    &:disabled {\r\n      background-color: var(--button-primary-disabled);\r\n      color: var(--text-on-color-disabled);\r\n      border: var(--button-border-width) var(--button-border-style) var(--button-primary-disabled);\r\n    }\r\n  }\r\n\r\n  /* ✅ Secondary Button */\r\n  &.secondary {\r\n    background-color: var(--button-secondary);\r\n    color: var(--text-primary);\r\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);\r\n    border-radius: var(--button-border-radius);\r\n    &:hover {\r\n      background-color: var(--button-secondary-hover);\r\n    }\r\n    &:active {\r\n      background-color: var(--button-secondary-active);\r\n    }\r\n    &:focus {\r\n      outline: none;\r\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\r\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n    }\r\n    &:disabled {\r\n      background-color: var(--button-secondary-disabled);\r\n      color: var(--text-on-color-disabled);\r\n    }\r\n  }\r\n\r\n  /* ✅ Tertiary Button */\r\n  &.tertiary {\r\n    background-color: var(--button-ghost);\r\n    color: var(--text-primary);\r\n    border: var(--button-border-width) var(--button-border-style) var(--button-tertiary);\r\n    border-radius: var(--button-border-radius);\r\n    &:hover {\r\n      background-color: var(--button-tertiary-hover);\r\n    }\r\n    &:active {\r\n      background-color: var(--button-tertiary-active);\r\n    }\r\n    &:focus {\r\n      outline: none;\r\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\r\n      transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n    }\r\n    &:disabled {\r\n      background-color: var(--button-tertiary-disabled);\r\n      color: var(--text-disabled);\r\n      opacity: var(--text-disabled-opacity);\r\n    }\r\n  }\r\n\r\n  /* ✅ Ghost Button */\r\n  &.ghost {\r\n    background-color: var(--button-ghost);\r\n    color: var(--text-primary);\r\n    border: var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);\r\n    border-radius: var(--button-border-radius);\r\n    &:hover {\r\n      background-color: var(--button-ghost-hover);\r\n    }\r\n    &:active {\r\n      background-color: var(--button-ghost-active);\r\n    }\r\n    &:focus {\r\n      outline: none;\r\n      border: var(--focus-border-width) var(--focus-border-style) var(--focus);\r\n      transition: border-color 0.2s ease-in-out;\r\n    }\r\n    &:disabled {\r\n      background-color: var(--button-ghost-disabled);\r\n      color: var(--text-disabled);\r\n      opacity: var(--text-disabled-opacity);\r\n    }\r\n  }\r\n}\r\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n  tag: 'xv-button-v2',\r\n  styleUrl: 'xv-button-v2.scss',\r\n  shadow: true,\r\n})\r\nexport class XvButton {\r\n  /** Button label */\r\n  @Prop() label: string = '';\r\n\r\n  /** Variant */\r\n  @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n  /** Disabled state */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /** Emits when the button is clicked */\r\n  @Event() buttonClick!: EventEmitter<void>;\r\n\r\n  /** Handle click only if not disabled */\r\n  private handleClick = () => {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n    this.buttonClick.emit();\r\n  };\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <button\r\n          class={`xv-button ${this.variant}`}\r\n          disabled={this.disabled}\r\n          onClick={this.handleClick}\r\n        >\r\n          <slot name=\"icon-left\"></slot>\r\n\r\n          <slot>\r\n            {this.label}\r\n          </slot>\r\n\r\n          <slot name=\"icon-right\"></slot>\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-radius: 10px;\r\n  border: 1px solid var(--border-subtle-00);\r\n  background: var(--layer-layer-02);\r\n  box-shadow: 0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.30);\r\n  font-family: var(--ff-body, inherit);\r\n  overflow: visible !important;\r\n}\r\n\r\n:host(.xv-card_vertical) {\r\n  //max-width: 298px;\r\n  // TODO: wright down correct styling for card size\r\n  width: 100%!important;\r\n}\r\n\r\n:host(.xv-card_horizontal) {\r\n  flex-direction: row;\r\n  display: flex;\r\n  width: max-content;\r\n\r\n  .xv-card_media {\r\n    &__content, ::slotted([slot=\"media\"]) {\r\n      min-height: 100%;\r\n      max-height: 100%;\r\n      max-width: 160px;\r\n      min-width: 160px;\r\n    }\r\n  }\r\n}\r\n\r\n.xv-card {\r\n  &_content {\r\n    padding: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n    text-align: left;\r\n  }\r\n\r\n  &_media {\r\n    &__content, ::slotted([slot=\"media\"]) {\r\n      max-width: 100%;\r\n      min-width: 100%;\r\n      min-height: 199px;\r\n      max-height: 199px;\r\n      object-fit: cover;\r\n      object-position: center;\r\n    }\r\n  }\r\n\r\n  &_header {\r\n    &__content, ::slotted([slot=\"header\"]) {\r\n      margin: 0 0 8px;\r\n      color: var(--text-primary);\r\n      font-size: 16px;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      line-height: 24px;\r\n      letter-spacing: -0.6px;\r\n    }\r\n  }\r\n\r\n  &_body {\r\n    flex: 1;\r\n    &__content, ::slotted([slot=\"body\"]) {\r\n      margin: 0 0 8px;\r\n      color: var(--text-secondary);\r\n      font-size: 14px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      line-height: 20px;\r\n      letter-spacing: -0.1px;\r\n    }\r\n  }\r\n\r\n  &_footer {}\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-card-v2',\r\n  styleUrl: 'xv-card.scss',\r\n  shadow: true,\r\n})\r\nexport class XvCard {\r\n  @Prop() variant: 'horizontal' | 'vertical' = 'vertical';\r\n  @Prop() media: string;\r\n  @Prop() header: string;\r\n  @Prop() body: string;\r\n  @Prop() footer: string;\r\n  render() {\r\n    return (\r\n      <Host class={`xv-card xv-card_${this.variant}`} part={this.variant}>\r\n        <div class=\"xv-card_media\">\r\n          <slot name=\"media\">\r\n            {this.media && <img class=\"xv-card_media__content\" src={this.media} alt={this.header} />}\r\n          </slot>\r\n        </div>\r\n\r\n        <div class=\"xv-card_content\">\r\n          <div class=\"xv-card_header\">\r\n            <slot name=\"header\">\r\n              {this.header && <p class=\"xv-card_header__content\">{this.header}</p>}\r\n            </slot>\r\n          </div>\r\n          <div class=\"xv-card_body\">\r\n            <slot name=\"body\">\r\n              {this.body && <p class=\"xv-card_body__content\">{this.header}</p>}\r\n            </slot>\r\n          </div>\r\n          <div class=\"xv-card_footer\">\r\n            <slot name=\"footer\">{this.footer}</slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'xv-checkbox-v2',\n  shadow: true, // ✅ Shadow DOM aktiviert\n})\nexport class XvCheckbox {\n  @Element() el!: HTMLElement;\n\n  private applyGlobalStyles() {\n    const globalStyle = document.getElementById(\"brand-style\") as HTMLLinkElement;\n    if (globalStyle) {\n      const styleClone = document.createElement(\"style\");\n      styleClone.innerHTML = `@import url('${globalStyle.href}');`;\n      this.el.shadowRoot?.appendChild(styleClone);\n    }\n  }\n\n  componentWillLoad() {\n    this.applyGlobalStyles();\n  }\n\n  render() {\n    return (\n      <label class=\"checkbox-container\">\n        <input type=\"checkbox\" />\n        <span class=\"checkmark\"></span>\n        <slot></slot>\n      </label>\n    );\n  }\n}\n",":host {\r\n  font-family: var(--ff-body, inherit);\r\n}\r\n\r\n:host(.xv-link_inline) {\r\n  display: inline-block;\r\n  .xv-link {\r\n    text-decoration-line: underline;\r\n    text-decoration-style: solid;\r\n    text-decoration-skip-ink: none;\r\n    text-decoration-thickness: auto;\r\n    text-underline-offset: auto;\r\n    text-underline-position: from-font;\r\n  }\r\n}\r\n\r\n:host(.xv-link_standalone) {\r\n  display: block;\r\n  .xv-link {\r\n    text-decoration-line: none;\r\n  }\r\n}\r\n\r\n.xv-link {\r\n  display: inline-flex;\r\n  gap: 8px;\r\n  align-items: center;\r\n  color: var(--link-primary);\r\n  font-family: var(--ff-body);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  transition: color 200ms ease-in-out;\r\n\r\n  &:active {\r\n    color: var(--text-primary);\r\n  }\r\n\r\n  &:visited {\r\n    color: var(--link-visted);\r\n  }\r\n\r\n  &:hover {\r\n    color: var(--link-primary-hover);\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:disabled, &_disabled, &::part(disabled) {\r\n    color: var(--text-disabled);\r\n    pointer-events: none;\r\n    cursor: initial;\r\n  }\r\n\r\n  &.sm {\r\n    font-size: var(--fz-sm);\r\n    line-height: 137.5%;\r\n  }\r\n\r\n  &.md {\r\n    font-size: var(--fz-md);\r\n    line-height: 128.571%;\r\n  }\r\n\r\n  &.lg {\r\n    font-size: var(--fz-lg);\r\n    line-height: 133.333%;\r\n  }\r\n}\r\n","import { Component, h, Host, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-link',\r\n  styleUrl: 'xv-link.scss',\r\n  shadow: true,\r\n})\r\nexport class XvLink {\r\n  @Prop() href: string;\r\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\r\n  @Prop() variant: 'standalone' | 'inline' = 'inline';\r\n\r\n  preventLinkHandler(e: PointerEvent) {\r\n    if (!this.disabled) return;\r\n\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class={`xv-link_${this.variant}`}>\r\n        <a\r\n          href={this.href}\r\n          onClick={this.preventLinkHandler.bind(this)}\r\n          class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\r\n          target={this.target}\r\n        >\r\n          <slot name=\"icon-left\"></slot>\r\n\r\n          <slot></slot>\r\n\r\n          <slot name=\"icon-right\"></slot>\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  font-family: var(--ff-body, inherit);\r\n}\r\n","import { Component, Host, h, Prop, Watch, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-progress-indicator',\r\n  styleUrl: 'xv-progress-indicator.scss',\r\n  shadow: true,\r\n})\r\nexport class XvProgressIndicator {\r\n  @Element() el: HTMLElement;\r\n  @Prop() progress: number = 0;\r\n\r\n  // Update 'xv-progress-indicator-item' done status\r\n  @Watch('progress')\r\n  updateChildItems() {\r\n    const items = this.el.children;\r\n    const itemsCount = this.el.childElementCount;\r\n    const progressPerItem = 100 / itemsCount;\r\n\r\n    if (!items.length || !itemsCount) return;\r\n\r\n    Array.from(items).forEach((item, index) => {\r\n      const itemProgress = (index + 1) * progressPerItem;\r\n      const done = this.progress >= itemProgress;\r\n      (item as HTMLElement).setAttribute('done', done ? 'true' : 'false');\r\n    });\r\n  }\r\n\r\n  // Load initial done status\r\n  componentDidLoad() {\r\n    this.updateChildItems()\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class=\"xv-progress-indicator\">\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host(.xv-progress-indicator-item) {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  padding: 10px 16px;\r\n  &:before {\r\n    width: 100%;\r\n  }\r\n\r\n  &:before, .line {\r\n    content: '';\r\n    z-index: 1;\r\n    display: inline-block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    color: inherit;\r\n    background-color: var(--border-subtle-01, grey);\r\n  }\r\n\r\n  .line {\r\n    width: 0;\r\n    color: inherit;\r\n    transition: width 250ms ease;\r\n    background-color: var(--background-brand, currentColor);\r\n  }\r\n\r\n  .icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 22px;\r\n    height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border: 2px dashed var(--border-subtle-01, currentColor);\r\n    border-radius: 50%;\r\n    svg {\r\n      opacity: 0;\r\n      transition: opacity 500ms ease-in-out;\r\n    }\r\n  }\r\n\r\n  .label {\r\n    color: var(--text-primary);\r\n    font-size: 14px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 18px;\r\n    letter-spacing: 0.16px;\r\n  }\r\n}\r\n\r\n:host(.done) {\r\n  .icon {\r\n    border-color: var(--background-brand, currentColor);\r\n    color: var(--background-brand, inherit);\r\n    border-style: solid;\r\n    svg {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .line {\r\n    width: 100% !important;\r\n    background-color: var(--background-brand, currentColor);\r\n  }\r\n}\r\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-progress-indicator-item',\r\n  styleUrl: 'xv-progress-indicator-item.scss',\r\n  shadow: true,\r\n})\r\nexport class XvProgressIndicatorItem {\r\n  @Element() el: HTMLElement;\r\n  @Prop({ reflect: false }) done: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <Host class={`xv-progress-indicator-item ${this.done ? 'done' : ''}`}>\r\n        <span class=\"line\"/>\r\n        <span class=\"icon\">\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 448 512\"\r\n            width={14}\r\n            height={14}\r\n          >\r\n                <path\r\n                  fill=\"currentColor\"\r\n                  d=\"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"\r\n                />\r\n          </svg>\r\n        </span>\r\n        <p class=\"label\"><slot/></p>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-radius: 1000px;\r\n  background-color: var(--background);\r\n  color: var(--text-primary);\r\n  font-family: var(--ff-body, inherit);\r\n\r\n  .xv-tag_content {\r\n    padding-left: 8px;\r\n    padding-right: 8px;\r\n    color: inherit;\r\n    font-family: var(--ff-body);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n    letter-spacing: 0.32px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    box-sizing: border-box;\r\n    text-decoration: none;\r\n    border: none;\r\n    background-color: inherit;\r\n    outline: none;\r\n    border-spacing: 0;\r\n    list-style: none outside none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 62px;\r\n    width: 15px;\r\n    height: 15px;\r\n    text-align: left;\r\n    color: inherit;\r\n    text-indent: 0;\r\n    transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;\r\n    &:hover {\r\n      cursor: pointer;\r\n      filter: brightness(80%);\r\n    }\r\n\r\n    &:active {\r\n      opacity: 0.7;\r\n    }\r\n\r\n    &:focus {\r\n      outline: 1px solid currentColor;\r\n    }\r\n\r\n    &:after {\r\n      overflow: hidden;\r\n      width: inherit;\r\n      height: inherit;\r\n      color: inherit;\r\n      font-size: 16px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      content: \"\\00d7\";\r\n    }\r\n  }\r\n}\r\n\r\n:host(.sm) {\r\n  font-size: var(--fz-sm);\r\n}\r\n\r\n:host(.md) {\r\n  font-size: var(--fz-md);\r\n  .xv-tag_content {\r\n    line-height: 24px;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n}\r\n\r\n:host(.lg) {\r\n  font-size: var(--fz-lg);\r\n  .xv-tag_content {\r\n    line-height: 26px;\r\n  }\r\n\r\n  .xv-tag_close {\r\n    height: 26px;\r\n    width: 26px;\r\n  }\r\n}\r\n\r\n:host(.disabled) {\r\n  pointer-events: none;\r\n  background-color: var(--layer-01);\r\n  color: var(--text-disabled);\r\n}\r\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tag',\r\n  styleUrl: 'xv-tag.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTag {\r\n  @Prop() size: 'sm' | 'md' | 'lg' = 'md';\r\n  @Prop() color: string = '';\r\n  @Prop() bg: string = '';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() closeable: boolean = false;\r\n  @Event() closeClick: EventEmitter<PointerEvent>;\r\n\r\n  closeHandler(e: PointerEvent) {\r\n    if (this.disabled) return;\r\n\r\n    this.closeClick.emit(e);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        style={{ color: this.color, background: this.bg }}\r\n        class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\r\n      >\r\n        <div class=\"xv-tag_content\">\r\n          <slot></slot>\r\n        </div>\r\n        {this.closeable && (\r\n          <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  position: relative;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n}\r\n\r\n/* General styles for tooltip */\r\n:host::before,\r\n:host::after {\r\n  position: absolute;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\r\n  z-index: 10;\r\n}\r\n\r\n/* Tooltip */\r\n:host::before {\r\n  content: attr(tooltip);\r\n  background: var(--background-inverse, #333);\r\n  color: var(--icon-inverse, #fff);\r\n  padding: var(--gap-sm, 5px) var(--gap-md, 16px);\r\n  border-radius: 2px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  max-width: max(70vw);\r\n  font-family: var(--fz-body, Tahoma);\r\n  font-size: var(fz-md, 14px);\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  letter-spacing: 0.16px;\r\n}\r\n\r\n/* Arrow */\r\n:host::after {\r\n  content: \"\";\r\n  border: 6px solid transparent;\r\n}\r\n\r\n/* Show Tooltip and arrow */\r\n:host(:hover)::before,\r\n:host(:hover)::after,\r\n:host(:focus)::before,\r\n:host(:focus)::after {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n/* Tooltip positions */\r\n:host(.xv-tooltip_top)::before {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top)::after {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-left)::before {\r\n  bottom: 100%;\r\n  left: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-left)::after {\r\n  bottom: 100%;\r\n  left: 10px;\r\n  border-top-color: black;\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_top-right)::before {\r\n  bottom: 100%;\r\n  right: 0;\r\n  transform: translateY(-5px);\r\n}\r\n:host(.xv-tooltip_top-right)::after {\r\n  bottom: 100%;\r\n  right: 10px;\r\n  border-top-color: var(--background-inverse, #333);\r\n  transform: translateY(5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom)::before {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom)::after {\r\n  top: 100%;\r\n  left: 50%;\r\n  border-bottom-color: black;\r\n  transform: translateX(-50%) translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-left)::before {\r\n  top: 100%;\r\n  left: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-left)::after {\r\n  top: 100%;\r\n  left: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_bottom-right)::before {\r\n  top: 100%;\r\n  right: 0;\r\n  transform: translateY(5px);\r\n}\r\n:host(.xv-tooltip_bottom-right)::after {\r\n  top: 100%;\r\n  right: 10px;\r\n  border-bottom-color: var(--background-inverse, #333);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n:host(.xv-tooltip_left)::before {\r\n  right: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n:host(.xv-tooltip_left)::after {\r\n  right: 100%;\r\n  top: 50%;\r\n  border-left-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n\r\n:host(.xv-tooltip_right)::before {\r\n  left: 100%;\r\n  top: 50%;\r\n  transform: translateY(-50%) translateX(5px);\r\n}\r\n:host(.xv-tooltip_right)::after {\r\n  left: 100%;\r\n  top: 50%;\r\n  border-right-color: var(--background-inverse, #333);\r\n  transform: translateY(-50%) translateX(-5px);\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-tooltip',\r\n  styleUrl: 'xv-tooltip.scss',\r\n  shadow: true,\r\n})\r\nexport class XvTooltip {\r\n  /** Message what will be shown for tooltip **/\r\n  @Prop() message: string;\r\n  /**\r\n   * Tooltip and arrow position related to element\r\n   * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\r\n   * By default, \"top\"\r\n   */\r\n  @Prop() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\r\n\r\n  render() {\r\n    return (\r\n      <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\r\n        <slot>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\r\n            <path\r\n              fill=\"currentColor\"\r\n              d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z\"\r\n            />\r\n          </svg>\r\n        </slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/xv-breadcrumbs.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-60f5a964.js';
-
-const xvBreadcrumbsCss = ":host{display:block}";
-const XvBreadcrumbsStyle0 = xvBreadcrumbsCss;
-
-const XvBreadcrumbs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '744f6f063f285249e341ba9fdb4ced51cc9c8bc4' }, h("slot", { key: 'd886b4d5e2bca0ae904b4f36fa6eff0232a2a375' })));
-    }
-};
-XvBreadcrumbs.style = XvBreadcrumbsStyle0;
-
-export { XvBreadcrumbs as xv_breadcrumbs };
-
-//# sourceMappingURL=xv-breadcrumbs.entry.js.map

package/dist/esm/xv-breadcrumbs.entry.js.map

@@ -1 +0,0 @@
-{"file":"xv-breadcrumbs.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAChD,4BAAe,gBAAgB;;MCMlB,aAAa;;;;IACxB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/xv-breadcrumbs/xv-breadcrumbs.scss?tag=xv-breadcrumbs&encapsulation=shadow","src/components/xv-breadcrumbs/xv-breadcrumbs.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-breadcrumbs',\r\n  styleUrl: 'xv-breadcrumbs.scss',\r\n  shadow: true,\r\n})\r\nexport class XvBreadcrumbs {\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/xv-webcomponents/p-41bd284c.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as c,H as e}from"./p-543fe755.js";const a=":host{display:block}";const r=a;const o=class{constructor(c){s(this,c)}render(){return c(e,{key:"744f6f063f285249e341ba9fdb4ced51cc9c8bc4"},c("slot",{key:"d886b4d5e2bca0ae904b4f36fa6eff0232a2a375"}))}};o.style=r;export{o as xv_breadcrumbs};
-//# sourceMappingURL=p-41bd284c.entry.js.map

package/dist/xv-webcomponents/p-41bd284c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["xvBreadcrumbsCss","XvBreadcrumbsStyle0","XvBreadcrumbs","render","h","Host","key"],"sources":["src/components/xv-breadcrumbs/xv-breadcrumbs.scss?tag=xv-breadcrumbs&encapsulation=shadow","src/components/xv-breadcrumbs/xv-breadcrumbs.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-breadcrumbs',\r\n  styleUrl: 'xv-breadcrumbs.scss',\r\n  shadow: true,\r\n})\r\nexport class XvBreadcrumbs {\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAmB,uBACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/xv-webcomponents/p-543fe755.js

@@ -1,3 +0,0 @@
-const e="xv-webcomponents";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var s="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var i=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var a=(e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var f=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const s=e.S;if(!s){return void 0}const l=u.get(s);if(l){return l[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{u.set(s,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="sty-id";var p="{visibility:hidden}.hydrated{visibility:inherit}";var m="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y=typeof window!=="undefined"?window:{};var b={l:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var w=(()=>{var e;let t=false;try{(e=y.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var g=e=>Promise.resolve(e);var S=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var j=[];var O=[];var C=(e,t)=>n=>{e.push(n);if(!$){$=true;if(t&&b.l&4){E(x)}else{b.raf(x)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var x=()=>{k(j);{k(O);if($=j.length>0){b.raf(x)}}};var E=e=>g().then(e);var T=C(O,true);var D=e=>{e=typeof e;return e==="object"||e==="function"};function M(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var L={};r(L,{err:()=>F,map:()=>R,ok:()=>P,unwrap:()=>A,unwrapErr:()=>N});var P=e=>({isOk:true,isErr:false,value:e});var F=e=>({isOk:false,isErr:true,value:e});function R(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>P(e)))}else{return P(n)}}if(e.isErr){const t=e.value;return F(t)}throw"should never get here"}var A=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var z=(e,t,...n)=>{let r=null;let s=null;let l=false;let o=false;const i=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!D(r)){r=String(r)}if(l&&o){i[i.length-1].j+=r}else{i.push(l?H(null,r):r)}o=l}}};a(n);if(t){if(t.key){s=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const f=H(e,null);f.O=t;if(i.length>0){f.C=i}{f.k=s}return f};var H=(e,t)=>{const n={l:0,T:e,j:t,D:null,C:null};{n.O=null}{n.k=null}return n};var B={};var I=e=>e&&e.T===B;var Q=(e,t)=>{if(e!=null&&!D(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var V=e=>o(e).$hostElement$;var q=(e,t,n)=>{const r=V(e);return{emit:e=>G(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var G=(e,t,n)=>{const r=b.ce(t,n);e.dispatchEvent(r);return r};var K=new WeakMap;var X=(e,t,n)=>{let r=d.get(e);if(S&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var Y=(e,t,n)=>{var r;const s=J(t);const l=d.get(s);if(!y.document){return s}e=e.nodeType===11?e:y.document;if(l){if(typeof l==="string"){e=e.head||e;let n=K.get(e);let o;if(!n){K.set(e,n=new Set)}if(!n.has(s)){{o=document.querySelector(`[${h}="${s}"]`)||y.document.createElement("style");o.innerHTML=l;const n=(r=b.M)!=null?r:M(y.document);if(n!=null){o.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(S){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.l&1){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=m}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var _=e=>{const t=e.o;const n=e.$hostElement$;const r=t.l;const s=U("attachStyles",t.m);const l=Y(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2||r&128){n["s-sc"]=l;n.classList.add(l+"-h")}s()};var J=(e,t)=>"sc-"+e.m;var Z=(e,t,n,r,s,l,o)=>{if(n===r){return}let i=f(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const s=te(n);let l=te(r);{t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(f(y,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const s=t.endsWith(ne);t=t.replace(re,"");if(n){b.rel(e,t,n,s)}if(r){b.ael(e,t,r,s)}}}else{const o=D(r);if((i||o&&r!==null)&&!s){try{if(!e.tagName.includes("-")){const s=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!o&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var ee=/\s/;var te=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ee)};var ne="Capture";var re=new RegExp(ne+"$");var se=(e,t,n,r)=>{const s=t.D.nodeType===11&&t.D.host?t.D.host:t.D;const l=e&&e.O||{};const o=t.O||{};{for(const e of le(Object.keys(l))){if(!(e in o)){Z(s,e,l[e],void 0,n,t.l)}}}for(const e of le(Object.keys(o))){Z(s,e,l[e],o[e],n,t.l)}};function le(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var oe;var ie=false;var ae=false;var fe=(e,n,r)=>{const o=n.C[r];let i=0;let a;let f;if(o.j!==null){a=o.D=y.document.createTextNode(o.j)}else{if(!ae){ae=o.T==="svg"}if(!y.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=o.D=y.document.createElementNS(ae?s:l,!ie&&t.slotRelocation&&o.l&2?"slot-fb":o.T);if(ae&&o.T==="foreignObject"){ae=false}{se(null,o,ae)}if(o.C){for(i=0;i<o.C.length;++i){f=fe(e,o,i);if(f){a.appendChild(f)}}}{if(o.T==="svg"){ae=false}else if(a.tagName==="foreignObject"){ae=true}}}a["s-hn"]=oe;return a};var ce=(e,t,n,r,s,l)=>{let o=e;let i;if(o.shadowRoot&&o.tagName===oe){o=o.shadowRoot}for(;s<=l;++s){if(r[s]){i=fe(null,n,s);if(i){r[s].D=i;pe(o,i,t)}}}};var ue=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.D;if(e){e.remove()}}}};var ve=(e,t,n,r,s=false)=>{let l=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(l<=f&&o<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=r[++o]}else if(h==null){h=r[--v]}else if(de(c,d,s)){he(c,d,s);c=t[++l];d=r[++o]}else if(de(u,h,s)){he(u,h,s);u=t[--f];h=r[--v]}else if(de(c,h,s)){he(c,h,s);pe(e,c.D,u.D.nextSibling);c=t[++l];h=r[--v]}else if(de(u,d,s)){he(u,d,s);pe(e,u.D,c.D);u=t[--f];d=r[++o]}else{i=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].k!==null&&t[a].k===d.k){i=a;break}}}if(i>=0){m=t[i];if(m.T!==d.T){p=fe(t&&t[o],n,i)}else{he(m,d,s);t[i]=void 0;p=m.D}d=r[++o]}else{p=fe(t&&t[o],n,o);d=r[++o]}if(p){{pe(c.D.parentNode,p,c.D)}}}}if(l>f){ce(e,r[v+1]==null?null:r[v+1].D,n,r,o,v)}else if(o>v){ue(t,l,f)}};var de=(e,t,n=false)=>{if(e.T===t.T){if(!n){return e.k===t.k}if(n&&!e.k&&t.k){e.k=t.k}return true}return false};var he=(e,n,r=false)=>{const s=n.D=e.D;const l=e.C;const o=n.C;const i=n.T;const a=n.j;if(a===null){{ae=i==="svg"?true:i==="foreignObject"?false:ae}{se(e,n,ae)}if(l!==null&&o!==null){ve(s,l,n,o,r)}else if(o!==null){if(e.j!==null){s.textContent=""}ce(s,null,n,o,0,o.length-1)}else if(!r&&t.updatable&&l!==null){ue(l,0,l.length-1)}if(ae&&i==="svg"){ae=false}}else if(e.j!==a){s.data=a}};var pe=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var me=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.o;const l=e.L||H(null,null);const o=I(t)?t:z(null,null,t);oe=r.tagName;if(n&&o.O){for(const e of Object.keys(o.O)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.O[e]=r[e]}}}o.T=null;o.l|=4;e.L=o;o.D=l.D=r.shadowRoot||r;ie=!!(s.l&1)&&!(s.l&128);he(l,o,n)};var ye=(e,t)=>{if(t&&!e.P&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.P=()=>{t["s-p"].splice(n-1,1);r()})))}};var be=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}ye(e,e.F);const n=()=>we(e,t);return T(n)};var we=(e,t)=>{const n=e.$hostElement$;const r=U("scheduleUpdate",e.o.m);const s=e.t;if(!s){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.l|=256;if(e.R){e.R.map((([e,t])=>ke(s,e,t,n)));e.R=void 0}}l=ke(s,"componentWillLoad",void 0,n)}else{l=ke(s,"componentWillUpdate",void 0,n)}l=ge(l,(()=>ke(s,"componentWillRender",void 0,n)));r();return ge(l,(()=>$e(e,s,t)))};var ge=(e,t)=>Se(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Se=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var $e=async(e,t,n)=>{var r;const s=e.$hostElement$;const l=U("update",e.o.m);const o=s["s-rc"];if(n){_(e)}const i=U("render",e.o.m);{je(e,t,s,n)}if(o){o.map((e=>e()));s["s-rc"]=void 0}i();l();{const t=(r=s["s-p"])!=null?r:[];const n=()=>Oe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var je=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{me(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var Oe=e=>{const t=e.o.m;const n=e.$hostElement$;const r=U("postUpdate",t);const s=e.t;const l=e.F;ke(s,"componentDidRender",void 0,n);if(!(e.l&64)){e.l|=64;{xe(n)}ke(s,"componentDidLoad",void 0,n);r();{e.p(n);if(!l){Ce()}}}else{ke(s,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e.P){e.P();e.P=void 0}if(e.l&512){E((()=>be(e,false)))}e.l&=~(4|512)}};var Ce=t=>{E((()=>G(y,"appload",{detail:{namespace:e}})))};var ke=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var xe=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ee=(e,t)=>o(e).i.get(t);var Te=(e,t,n,r)=>{const s=o(e);if(!s){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const l=s.$hostElement$;const i=s.i.get(t);const a=s.l;const f=s.t;n=Q(n,r.A[t][0]);const u=Number.isNaN(i)&&Number.isNaN(n);const v=n!==i&&!u;if((!(a&8)||i===void 0)&&v){s.i.set(t,n);if(f){if(r.N&&a&128){const e=r.N[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){c(e,l)}}))}}if((a&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(n,i,t)===false){return}}be(s,false)}}}};var De=(e,n,r)=>{var s,l;const i=e.prototype;if(n.A||(n.N||e.watchers)){if(e.watchers&&!n.N){n.N=e.watchers}const a=Object.entries((s=n.A)!=null?s:{});a.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:l}=Object.getOwnPropertyDescriptor(i,e)||{};if(s)n.A[e][0]|=2048;if(l)n.A[e][0]|=4096;if(r&1||!s){Object.defineProperty(i,e,{get(){{if((n.A[e][0]&2048)===0){return Ee(this,e)}const t=o(this);const r=t?t.t:i;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(s){const i=o(this);if(l){const r=t&32?this[e]:i.$hostElement$[e];if(typeof r==="undefined"&&i.i.get(e)){s=i.i.get(e)}else if(!i.i.get(e)&&r){i.i.set(e,r)}l.apply(this,[Q(s,t)]);s=t&32?this[e]:i.$hostElement$[e];Te(this,e,s,n);return}{if((r&1)===0||(n.A[e][0]&4096)===0){Te(this,e,s,n);if(r&1&&!i.t){i.h.then((()=>{if(n.A[e][0]&4096&&i.t[e]!==i.i.get(e)){i.t[e]=s}}))}return}const l=()=>{const r=i.t[e];if(!i.i.get(e)&&r){i.i.set(e,r)}i.t[e]=Q(s,t);Te(this,e,i.t[e],n)};if(i.t){l()}else{i.h.then((()=>l()))}}}})}else if(r&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const r=o(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,s,l){b.jmp((()=>{var a;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){l=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==l){return}else if(f==null){const t=o(this);const r=t==null?void 0:t.l;if(r&&!(r&8)&&r&128&&l!==s){const r=t.t;const o=(a=n.N)==null?void 0:a[e];o==null?void 0:o.forEach((t=>{if(r[t]!=null){r[t].call(r,l,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,f);l=l===null&&typeof this[f]==="boolean"?false:l;if(l!==this[f]&&(!c.get||!!c.set)){this[f]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.N)!=null?l:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Me=async(e,t,n,r)=>{let s;if((t.l&32)===0){t.l|=32;const r=n.S;if(r){const r=v(n,t);if(r&&"then"in r){const e=W();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.U}" was not found`)}if(!s.isProxied){{n.N=s.watchers}De(s,n,2);s.isProxied=true}const l=U("createInstance",n.m);{t.l|=8}try{new s(t)}catch(t){c(t,e)}{t.l&=~8}{t.l|=128}l();Le(t.t,e)}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=J(n);if(!d.has(t)){const r=U("registerStyles",n.m);X(t,e,!!(n.l&1));r()}}}const l=t.F;const o=()=>be(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var Le=(e,t)=>{{ke(e,"connectedCallback",void 0,t)}};var Pe=e=>{if((b.l&1)===0){const t=o(e);const n=t.o;const r=U("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ye(t,t.F=n);break}}}if(n.A){Object.entries(n.A).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Me(e,t,n)}}else{Ne(e,t,n.W);if(t==null?void 0:t.t){Le(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>Le(t.t,e)))}}r()}};var Fe=(e,t)=>{{ke(e,"disconnectedCallback",void 0,t||e)}};var Re=async e=>{if((b.l&1)===0){const t=o(e);{if(t.H){t.H.map((e=>e()));t.H=void 0}}if(t==null?void 0:t.t){Fe(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>Fe(t.t,e)))}}if(K.has(e)){K.delete(e)}if(e.shadowRoot&&K.has(e.shadowRoot)){K.delete(e.shadowRoot)}};var Ae=(e,t={})=>{var n;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=U();const s=[];const l=t.exclude||[];const i=y.customElements;const f=y.document.head;const c=f.querySelector("meta[charset]");const u=y.document.createElement("style");const v=[];let d;let h=true;Object.assign(b,t);b.$=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let w=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],A:t[2],W:t[3]};if(r.l&4){w=true}{r.A=t[2]}{r.W=t[3]}{r.N=(n=t[4])!=null?n:{}}const f=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ne(this,e,r.W)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{b.jmp((()=>Pe(this)))}}disconnectedCallback(){b.jmp((()=>Re(this)));b.raf((()=>{var e;const t=o(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.L)==null?void 0:e.D)instanceof Node&&!t.L.D.isConnected){delete t.L.D}}))}componentOnReady(){return o(this).h}};r.S=e[0];if(!l.includes(f)&&!i.get(f)){s.push(f);i.define(f,De(c,r,1))}}))}));if(s.length>0){if(w){u.textContent+=m}{u.textContent+=s.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=b.M)!=null?n:M(y.document);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{b.jmp((()=>d=setTimeout(Ce,30)))}}r()};var Ne=(e,t,n,r)=>{if(n&&y.document){n.map((([n,r,s])=>{const l=We(y.document,e,n);const o=Ue(t,s);const i=ze(n);b.ael(l,r,o,i);(t.H=t.H||[]).push((()=>b.rel(l,r,o,i)))}))}};var Ue=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.R=e.R||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var We=(e,t,n)=>{if(n&16){return e.body}return t};var ze=e=>w?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var He=e=>b.M=e;export{B as H,Ae as b,q as c,V as g,z as h,g as p,i as r,He as s};
-//# sourceMappingURL=p-543fe755.js.map