npm - xv-webcomponents - Versions diffs - 0.1.23 → 0.1.25 - Mend

xv-webcomponents 0.1.23 → 0.1.25

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

package/dist/xv-webcomponents/p-59dc31ad.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["xvAccordionCss","XvAccordionV2Style0","XvAccordion","constructor","hostRef","this","multiple","xvId","uidGenerator","opened","Set","toggleItem","value","has","delete","clear","add","accordionChange","emit","id","componentWillLoad","render","h","Host","key","class","xvAccordionItemCss","XvAccordionV2ItemStyle0","XvAccordionItem","disabled","isOpen","handleAccordionChange","event","parentAccordionId","_a","el","closest","getAttribute","detail","toggle","_b","call","onClick","bind","label","xvButtonV2Css","XvButtonV2Style0","XvButton","block","variant","handleClick","buttonClick","name","xvCardCss","XvCardV2Style0","XvCard","part","media","src","alt","header","body","footer","xvCheckboxCss","XvCheckboxV2Style0","XvCheckbox","checked","indeterminate","required","partial","hasFocus","onInput","e","target","inputEvent","onChange","changeEvent","onFocus","focusEvent","onBlur","blurEvent","internals","attachInternals","connectedCallback","setFormValue","onCheckedChange","newValue","ref","inputEl","type","error","componentDidLoad","componentDidUpdate","formResetCallback","formStateRestoreCallback","state","xvFooterCss","XvFooterStyle0","Xvfooter","htmlContent","response","fetch","text","console","innerHTML","xvHeaderCss","XvHeaderStyle0","XvHeader","parser","DOMParser","doc","parseFromString","mixedMenu","querySelector","allCategoriesGenerals","allCategoriesContainer","appendChild","href","loading","style","display","role","action","method","placeholder","autocomplete","xvLinkCss","XvLinkV2Style0","XvLink","size","preventLinkHandler","preventDefault","stopPropagation","xvProgressIndicatorCss","XvProgressIndicatorV2Style0","XvProgressIndicator","progress","updateChildItems","items","children","itemsCount","childElementCount","progressPerItem","length","Array","from","forEach","item","index","itemProgress","done","setAttribute","xvProgressIndicatorItemCss","XvProgressIndicatorV2ItemStyle0","XvProgressIndicatorItem","xmlns","viewBox","width","height","fill","d","TABLE_COLOR_SCHEMA","TABLE_SIZE","xvTableCss","XvTableV2Style0","XvTable","colorSchema","DEF","expandable","MEDIUM","selectable","selectedRows","Map","handleCheckedChange","set","changeSelection","values","setRowPropsHandler","rows","childNodes","filter","node","nodeType","Node","ELEMENT_NODE","tagName","visualIndex","i","row","isHeaderRow","hasAttribute","undefined","ZEBRA","stripe","removeAttribute","title","description","addEventListener","disconnectedCallback","removeEventListener","xvTableColCss","XvTableV2ColStyle0","XvTableCol","xvTableHeaderRowCss","XvTableV2HeaderRowStyle0","XvTableHeaderRow","cols","slotChangeHandle","checkboxChange","checkedChange","selectionName","onEventChange","onSlotchange","xvTableRowCss","XvTableV2RowStyle0","XvTableRow","expanded","prevRowExpanded","setExpandRelation","expandId","toggleExpand","setExpandableRelationHandle","nextEl","nextElementSibling","changeExpandHandle","nextRow","hoverHandle","active","prevRow","previousElementSibling","onMouseEnter","onMouseLeave","collapsed","xvTagCss","XvTagV2Style0","XvTag","color","bg","closeable","closeHandler","closeClick","background","xvTooltipCss","XvTooltipV2Style0","XvTooltip","position","tooltip","message"],"sources":["src/components/xv-accordion/xv-accordion.scss?tag=xv-accordion-v2&encapsulation=shadow","src/components/xv-accordion/xv-accordion.tsx","src/components/xv-accordion-item/xv-accordion-item.scss?tag=xv-accordion-v2-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.scss?tag=xv-checkbox-v2&encapsulation=shadow","src/components/xv-checkbox/xv-checkbox.tsx","src/components/xv-footer/xv-footer.scss?tag=xv-footer","src/components/xv-footer/xv-footer.tsx","src/components/xv-header/xv-header.scss?tag=xv-header","src/components/xv-header/xv-header.tsx","src/components/xv-link/xv-link.scss?tag=xv-link-v2&encapsulation=shadow","src/components/xv-link/xv-link.tsx","src/components/xv-progress-indicator/xv-progress-indicator.scss?tag=xv-progress-indicator-v2&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-v2-item&encapsulation=shadow","src/components/xv-progress-indicator-item/xv-progress-indicator-item.tsx","src/components/xv-table/defs.ts","src/components/xv-table/xv-table.scss?tag=xv-table-v2&encapsulation=shadow","src/components/xv-table/xv-table.tsx","src/components/xv-table/xv-table-col/xv-table-col.scss?tag=xv-table-v2-col&encapsulation=shadow","src/components/xv-table/xv-table-col/xv-table-col.tsx","src/components/xv-table/xv-table-header-row/xv-table-header-row.scss?tag=xv-table-v2-header-row&encapsulation=shadow","src/components/xv-table/xv-table-header-row/xv-table-header-row.tsx","src/components/xv-table/xv-table-row/xv-table-row.scss?tag=xv-table-v2-row&encapsulation=shadow","src/components/xv-table/xv-table-row/xv-table-row.tsx","src/components/xv-tag/xv-tag.scss?tag=xv-tag-v2&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx","src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&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-v2',\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-v2-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-v2')?.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 min-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 &.xv-button-block {\r\n width: 100%;\r\n }\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 } 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 /** Container width Button */\r\n @Prop() block: boolean = false;\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\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`}\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 );\r\n }\r\n}\r\n",":host {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 8px;\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","\r\n:host {\r\n --checkbox-size: 20px;\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n flex-direction: column;\r\n}\r\n\r\n:host([error]) {\r\n .xv-checkbox {\r\n .checkmark {\r\n border-color: var(--text-error, #D62512);\r\n }\r\n }\r\n}\r\n\r\n.error,\r\n[name=\"info\"] {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n font-size: var(--fz-sm, 12px);\r\n font-family: var(--ff-body, Tahoma);\r\n line-height: 133.333%;\r\n letter-spacing: 0.32px;\r\n}\r\n\r\n.error {\r\n margin-top: var(--gap-xs, 5px);\r\n color: var(--text-error, #D62512);\r\n &::before {\r\n margin-right: var(--gap-xs, 5px);\r\n content: \"!\";\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 20px;\r\n height: 20px;\r\n font-size: var(--fz-sm, 12px);\r\n font-weight: bold;\r\n color: white;\r\n background-color: var(--text-error, #D62512);\r\n border-radius: 50%;\r\n }\r\n}\r\n\r\n.xv-checkbox {\r\n display: inline-flex;\r\n align-items: center;\r\n cursor: pointer;\r\n user-select: none;\r\n\r\n &.disabled {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n }\r\n\r\n input[type='checkbox'] {\r\n position: absolute;\r\n width: var(--checkbox-size);\r\n height: var(--checkbox-size);\r\n margin: 0;\r\n padding: 0;\r\n opacity: 0;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n }\r\n\r\n .checkmark {\r\n width: var(--checkbox-size);\r\n min-width: var(--checkbox-size);\r\n height: var(--checkbox-size);\r\n min-height: var(--checkbox-size);\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n border: 2px solid var(--border-subtle-03, #D1D1D1);\r\n border-radius: 4px;\r\n background-color: var(--background, #FFF);\r\n transition: all 0.2s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n input:checked + .checkmark {\r\n background-color: var(--background-brand, #97BF0D);\r\n border-color: var(--background-brand, #97BF0D);\r\n &:not(.checkmark-partial)::after {\r\n content: '';\r\n width: calc(var(--checkbox-size) / 4);\r\n height: calc(var(--checkbox-size) / 2.5);\r\n border: solid var(--background, #FFF);\r\n margin-bottom: calc(var(--checkbox-size) / 10);\r\n border-width: 0 2px 2px 0;\r\n transform: rotate(45deg);\r\n display: block;\r\n }\r\n &.checkmark-partial::after {\r\n content: '';\r\n width: calc(var(--checkbox-size) / 3);\r\n height: calc(var(--checkbox-size) / 10);\r\n background-color: var(--background, #FFF);\r\n }\r\n }\r\n\r\n input:focus + .checkmark {\r\n outline: 1px solid var(--border-strong-01, #8B8B8B);\r\n }\r\n\r\n .label {\r\n margin-left: 8px;\r\n color: var(--text-primary, #333);\r\n font-family: var(--ff-body, Tahoma);\r\n font-size: var(--fz-md, 14px);\r\n line-height: 128.571%;\r\n letter-spacing: 0.16px;\r\n }\r\n}\r\n","import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\r\nimport { SIZE_VAR } from '../../types/enum';\r\n\r\n@Component({\r\n tag: 'xv-checkbox-v2',\r\n styleUrl: 'xv-checkbox.scss',\r\n shadow: true,\r\n formAssociated: true,\r\n})\r\nexport class XvCheckbox {\r\n private inputEl: HTMLInputElement;\r\n private internals: ElementInternals;\r\n\r\n @Element() el!: HTMLElement;\r\n\r\n /**\r\n * Default checked status\r\n */\r\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\r\n /**\r\n * Using for forms\r\n */\r\n @Prop({ reflect: true }) indeterminate: boolean = false;\r\n /**\r\n * Disabled status\r\n */\r\n @Prop({ reflect: true }) disabled: boolean = false;\r\n /**\r\n * Input name\r\n */\r\n @Prop({ reflect: true }) name: string;\r\n /**\r\n * Input value\r\n */\r\n @Prop({ reflect: true }) value: string = 'on';\r\n /**\r\n * The same like default checkbox prop\r\n */\r\n @Prop({ reflect: true }) required: boolean = false;\r\n /**\r\n * Change checkmark icon to minus\r\n */\r\n @Prop({ reflect: true }) partial: boolean = false;\r\n /**\r\n * Can be used like property or like slot\r\n */\r\n @Prop() label: string;\r\n\r\n @Prop({ reflect: true }) size?: SIZE_VAR;\r\n @Prop({ reflect: true }) error?: string | boolean;\r\n\r\n @State() hasFocus: boolean = false;\r\n /**\r\n * event 'onEventChange'\r\n */\r\n @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\r\n /**\r\n * event 'onEventInput'\r\n */\r\n @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\r\n /**\r\n * event 'onEventFocus'\r\n */\r\n @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\r\n /**\r\n * event 'onEventBlur'\r\n */\r\n @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\r\n\r\n constructor() {\r\n this.internals = (this.el as any).attachInternals?.() || {};\r\n }\r\n\r\n connectedCallback() {\r\n if (this.internals?.setFormValue) {\r\n this.internals.setFormValue(this.checked ? this.value : null);\r\n }\r\n }\r\n\r\n @Watch('checked')\r\n onCheckedChange(newValue: boolean) {\r\n if (this.internals?.setFormValue) {\r\n this.internals.setFormValue(newValue ? this.value : null);\r\n }\r\n }\r\n\r\n private onInput = (e: Event) => {\r\n const target = e.target as HTMLInputElement;\r\n this.checked = target.checked;\r\n this.inputEvent.emit(this.checked);\r\n };\r\n\r\n private onChange = (e: Event) => {\r\n const target = e.target as HTMLInputElement;\r\n this.checked = target.checked;\r\n this.changeEvent.emit(this.checked);\r\n };\r\n\r\n private onFocus = () => {\r\n this.hasFocus = true;\r\n this.focusEvent.emit();\r\n };\r\n\r\n private onBlur = () => {\r\n this.hasFocus = false;\r\n this.blurEvent.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <label class={{ 'xv-checkbox': true, disabled: this.disabled }}>\r\n <input\r\n ref={el => (this.inputEl = el)}\r\n type=\"checkbox\"\r\n name={this.name}\r\n value={this.value}\r\n checked={this.checked}\r\n disabled={this.disabled}\r\n required={this.required}\r\n indeterminate={this.indeterminate}\r\n onInput={this.onInput}\r\n onChange={this.onChange}\r\n onFocus={this.onFocus}\r\n onBlur={this.onBlur}\r\n />\r\n <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\r\n <div class=\"label\">\r\n <slot>{this.label}</slot>\r\n </div>\r\n </label>\r\n <slot name=\"info\" />\r\n {!!this.error && <span class=\"error\">{this.error}</span>}\r\n </Host>\r\n );\r\n }\r\n\r\n componentDidLoad() {\r\n if (this.indeterminate) {\r\n this.inputEl.indeterminate = true;\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.inputEl) {\r\n this.inputEl.indeterminate = this.indeterminate;\r\n }\r\n }\r\n\r\n formResetCallback() {\r\n this.checked = false;\r\n }\r\n\r\n formStateRestoreCallback(state: string) {\r\n this.checked = state === this.value;\r\n }\r\n}\r\n","%svg-common {\r\n background: url(\"https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg\") no-repeat;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--facebook {\r\n @extend %svg-common;\r\n background-position: 0 100%;\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--instagram {\r\n @extend %svg-common;\r\n background-position: 14.545454545454545% 100%;\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {\r\n @extend %svg-common;\r\n background-position: 0 0;\r\n width: 84px;\r\n height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--linkedin {\r\n @extend %svg-common;\r\n background-position: 29.09090909090909% 100%;\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--mastercard {\r\n @extend %svg-common;\r\n background-position: 50% 0;\r\n width: 84px;\r\n height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--paypal {\r\n @extend %svg-common;\r\n background-position: 0 64.44444444444444%;\r\n width: 84px;\r\n height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--sepa {\r\n @extend %svg-common;\r\n background-position: 50% 64.44444444444444%;\r\n width: 84px;\r\n height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--visa {\r\n @extend %svg-common;\r\n background-position: 100% 0;\r\n width: 84px;\r\n height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--vorkasse {\r\n @extend %svg-common;\r\n background-position: 100% 64.44444444444444%;\r\n width: 84px;\r\n height: 58px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--xing {\r\n @extend %svg-common;\r\n background-position: 43.63636363636363% 100%;\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.svg-assets--src--project--images--svg-sprite--youtube {\r\n @extend %svg-common;\r\n background-position: 58.18181818181818% 100%;\r\n width: 32px;\r\n height: 32px;\r\n}\r\n\r\n.sprite-icon-beachten {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -90px 0px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-buchen {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -82px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-direct {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -284px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-downloads {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -80px -82px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-kino {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -305px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-kosten {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -170px 0px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-kreation {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -170px -80px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n.sprite-icon-logo-full {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -242px;\r\n\twidth: 189px;\r\n\theight: 32px;\r\n}\r\n.sprite-icon-logo-small {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -99px;\r\n\twidth: 34px;\r\n\theight: 34px;\r\n}\r\n.sprite-icon-mobile {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -326px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-online {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -347px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-partner-agma {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -66px;\r\n\twidth: 88px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-bvdw {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -338px -66px;\r\n\twidth: 88px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-climate {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px 0px;\r\n\twidth: 186px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-partner-google {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px 0px;\r\n\twidth: 90px;\r\n\theight: 82px;\r\n}\r\n.sprite-icon-partner-microsoft {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -33px;\r\n\twidth: 186px;\r\n\theight: 33px;\r\n}\r\n.sprite-icon-plakat {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -368px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-print {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -389px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-radio {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -410px -99px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-services {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -250px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-topangebote {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -271px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-tv {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: -292px -133px;\r\n\twidth: 21px;\r\n\theight: 21px;\r\n}\r\n.sprite-icon-werbeformen {\r\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\r\n\tbackground-position: 0px -162px;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n}\r\n","import { Component, h,Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-footer',\r\n styleUrl: 'xv-footer.scss',\r\n})\r\nexport class Xvfooter {\r\n @State() htmlContent: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n async componentWillLoad() {\r\n try {\r\n const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\r\n const text = await response.text();\r\n this.htmlContent = text;\r\n } catch (error) {\r\n console.error('Failed to fetch footer HTML:', error);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <footer>\r\n <div innerHTML={this.htmlContent}></div>\r\n </footer>\r\n );\r\n }\r\n}\r\n","@import '../../global.scss';\r\n.media-nav-dropdown:hover > .dropdown-menu {\r\n display: block;\r\n}\r\n\r\n.alle-kategorien-menu li:hover > ul{\r\n display: block;\r\n}\r\n\r\n#nav-container .media-nav #media-menu-item-alle-kategorien li:hover > ul{\r\n display: block;\r\n}","import { Component, h,Element, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-header',\r\n styleUrl: 'xv-header.scss',\r\n})\r\nexport class XvHeader {\r\n @State() htmlContent: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n async componentWillLoad() {\r\n try {\r\n const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');\r\n const text = await response.text();\r\n const parser = new DOMParser();\r\n const doc = parser.parseFromString(text, 'text/html');\r\n\r\n const mixedMenu = doc.querySelector('.alle-kategorien-menu');\r\n const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\r\n const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\r\n\r\n if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\r\n allCategoriesContainer.appendChild(mixedMenu);\r\n allCategoriesContainer.appendChild(allCategoriesGenerals);\r\n }\r\n\r\n this.htmlContent = doc.body.innerHTML;\r\n } catch (error) {\r\n console.error('Failed to fetch header HTML:', error);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div id=\"nav-container\" class=\"xv-header\">\r\n <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">\r\n <div class=\"container\">\r\n <div class=\"row\">\r\n <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\r\n <div class=\"navbar-header\">\r\n <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\r\n <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\r\n </button>\r\n <div class=\"visible-xs-inline\">\r\n <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\r\n <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\r\n </a>\r\n </div>\r\n <div class=\"hidden-xs\">\r\n <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\r\n <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\r\n <ul class=\"nav nav-pills nav-meta pull-right\">\r\n <li>\r\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">\r\n <i class=\"fa fa-user\"></i>\r\n <i class=\"fa fa-exchange-alt\"></i>\r\n </a>\r\n </li>\r\n <li>\r\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\r\n <a href=\"https://www.crossvertise.com/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\r\n <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\r\n <i class=\"fa fa-phone\"></i>\r\n </a>\r\n </li>\r\n <li class=\"dropdown\" id=\"my-xv-menu\">\r\n <a href=\"#\" class=\"dropdown-toggle btn btn-default navbar-btn btn-link\" data-toggle=\"dropdown\">\r\n <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i> \r\n <span class=\"hidden-xs\">Mein Bereich</span>\r\n <span class=\"caret\"></span>\r\n </a>\r\n <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\r\n <li>\r\n <a href=\"#\"><i class=\"fa fa-tachometer-alt fa-fw\"></i> Cockpitfunktionen <i class=\"fa fa-caret-down\"></i></a>\r\n </li>\r\n <li>\r\n <a href=\"#\"><i class=\"fa fa-cubes\"></i> Entitäten <i class=\"fa fa-caret-down\"></i></a>\r\n </li>\r\n <li role=\"separator\" class=\"divider\"></li>\r\n <li>\r\n <a href=\"#\"><i class=\"fa fa-user\"></i> Mein Crossvertise <span class=\"badge\">0</span><i class=\"fa fa-caret-down\"></i></a>\r\n </li>\r\n <li>\r\n <a href=\"https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com\">\r\n <i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i> Logout\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\r\n <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\r\n <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n </a>\r\n </li>\r\n <li class=\"hidden-md hidden-lg\">\r\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/logon?returnUrl=https%3A%2F%2Fwww.crossvertise.com%2F\">\r\n <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\r\n <span class=\"hidden-xs\">Login</span>\r\n </a>\r\n </li>\r\n <li class=\"hidden-xs hidden-sm\">\r\n <a role=\"button\" class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"modal\" data-target=\"#login-modal\">\r\n <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\r\n <span>Login</span>\r\n </a>\r\n </li>\r\n <li class=\"hidden-xs\">\r\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/register\">\r\n <span>Registrieren</span>\r\n </a>\r\n </li>\r\n <li class=\"navbar-divider hidden-xs\"></li>\r\n <li>\r\n <a class=\"btn btn-success navbar-btn\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart\">\r\n <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\r\n <span class=\"hidden-xs hidden-sm\"> Warenkorb </span>\r\n <span class=\"badge badge-success\">0</span>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\r\n <div class=\"container\">\r\n <form action=\"https://market.crossvertise.com/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\r\n <div class=\"input-group\">\r\n <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\r\n <span class=\"input-group-btn force-full-width\">\r\n <button class=\"btn btn-default search-addon\" type=\"submit\">\r\n <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n </button>\r\n </span>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n </nav>\r\n <div innerHTML={this.htmlContent}></div>\r\n </div>\r\n );\r\n }\r\n}\r\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-v2',\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 overflow-x: auto;\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-v2',\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(--icon-primary, 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-v2-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","export enum TABLE_COLOR_SCHEMA {\r\n DEF = '',\r\n ZEBRA = 'zebra',\r\n}\r\n\r\nexport enum TABLE_SIZE {\r\n EXTRA_SMALL = 'xs',\r\n SMALL = 'sm',\r\n MEDIUM = 'md',\r\n LARGE = 'lg',\r\n EXTRA_LARGE = 'xl',\r\n}\r\n\r\nexport type TableSelectionEvent = CustomEvent<{\r\n name: string;\r\n checked: boolean;\r\n value?: string;\r\n}>;\r\n","@import \"vars\";\r\n\r\n:host {\r\n @for $i from 1 through 20 {\r\n ::slotted(#{$tag-name}-header-row[cols=\"#{$i}\"]),\r\n ::slotted(#{$tag-name}-row[cols=\"#{$i}\"]) {\r\n --xv-table-cols: #{$i};\r\n }\r\n }\r\n}\r\n\r\n:host([size=\"xs\"]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n padding: $space-xs;\r\n }\r\n}\r\n:host([size=\"sm\"]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n padding: $space-sm;\r\n }\r\n}\r\n:host([size=\"md\"]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n padding: $space-md;\r\n }\r\n}\r\n:host([size=\"lg\"]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n padding: $space-lg;\r\n }\r\n}\r\n:host([size=\"xl\"]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n padding: $space-xl\r\n }\r\n}\r\n\r\n:host([hoverable]) {\r\n ::slotted(#{$tag-name}-row:hover),\r\n ::slotted([highlighted]) {\r\n background-color: var(--layer-hover-01, #E3E3E3);\r\n }\r\n}\r\n\r\n:host(#{$tag-name}) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n grid-template-columns: 0 repeat(var(--xv-table-cols, 1), 1fr);\r\n }\r\n\r\n ::slotted(#{$tag-name}-row[collapsed]) {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .caption {\r\n padding: $space-md $space-md $space-lg;\r\n &_title,\r\n &_description {\r\n color: $color;\r\n margin: 0;\r\n }\r\n\r\n &_title {\r\n font-family: var(--ff-heading, \"Gill Sans\");\r\n font-size: 21px;\r\n }\r\n\r\n &_description {\r\n font-family: var(--ff-body, Tahoma);\r\n font-size: $font-size-content;\r\n line-height: 128.571%;\r\n letter-spacing: 0.16px;\r\n }\r\n }\r\n}\r\n\r\n:host([expandable]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n position: relative;\r\n grid-template-columns: $expand-size repeat(var(--xv-table-cols, 1), 1fr);\r\n }\r\n}\r\n:host([selectable]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n position: relative;\r\n grid-template-columns: $select-size repeat(var(--xv-table-cols, 1), 1fr);\r\n }\r\n}\r\n:host([expandable][selectable]) {\r\n ::slotted(#{$tag-name}-row),\r\n ::slotted(#{$tag-name}-header-row) {\r\n position: relative;\r\n grid-template-columns: $expand-size + $select-size repeat(var(--xv-table-cols, 1), 1fr);\r\n }\r\n}\r\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State } from '@stencil/core';\r\nimport { TABLE_COLOR_SCHEMA, TABLE_SIZE, TableSelectionEvent } from './defs';\r\n\r\n@Component({\r\n tag: 'xv-table-v2',\r\n styleUrl: 'xv-table.scss',\r\n shadow: true,\r\n})\r\nexport class XvTable {\r\n @Element() el: HTMLElement;\r\n /**\r\n * Table caption description\r\n */\r\n @Prop() description: string;\r\n /**\r\n * Set current color schema type of enum TABLE_COLOR_SCHEMA\r\n * Possible options 'zebra'\r\n */\r\n @Prop({ attribute: 'color-schema' }) colorSchema: TABLE_COLOR_SCHEMA = TABLE_COLOR_SCHEMA.DEF;\r\n /**\r\n * If table is expandable fields\r\n */\r\n @Prop() expandable: boolean = false;\r\n /**\r\n * Table size\r\n * enum TABLE_SIZE\r\n */\r\n @Prop() size: TABLE_SIZE = TABLE_SIZE.MEDIUM;\r\n /**\r\n * Add checkbox selection to the table\r\n */\r\n @Prop() selectable: boolean = false;\r\n\r\n @State() selectedRows = new Map<string, { name: string, value?: string }>();\r\n\r\n @Event() changeSelection: EventEmitter<{ name: string, value?: any }[]>;\r\n\r\n @Watch('colorSchema')\r\n setRowPropsHandler() {\r\n const rows = Array\r\n .from(this.el.childNodes)\r\n .filter((node) =>\r\n node.nodeType === Node.ELEMENT_NODE &&\r\n ((node as any)?.tagName === `${this.el.tagName}-ROW` || (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`)\r\n );\r\n let visualIndex = 0;\r\n\r\n rows.forEach((node, i) => {\r\n const row = (node as HTMLElement);\r\n const isHeaderRow = (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`;\r\n\r\n if (this.selectable) {\r\n let name = row.getAttribute('selection-name');\r\n\r\n if (!name) {\r\n name = isHeaderRow ? 'header' : `xv-table-row-${i}`;\r\n row.setAttribute('selection-name', name);\r\n }\r\n\r\n if (row.hasAttribute('checked')) {\r\n this.selectedRows.set(name, {\r\n name,\r\n value: row.getAttribute('value') ?? undefined,\r\n })\r\n }\r\n }\r\n\r\n if (isHeaderRow) return;\r\n\r\n switch (this.colorSchema) {\r\n case TABLE_COLOR_SCHEMA.ZEBRA:\r\n const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';\r\n if (row.hasAttribute('expandable') && rows[i + 1]) {\r\n row.setAttribute(stripe, '');\r\n } else {\r\n visualIndex++;\r\n row.setAttribute(stripe, '');\r\n }\r\n break;\r\n default:\r\n row.removeAttribute('odd');\r\n row.removeAttribute('even');\r\n }\r\n });\r\n }\r\n\r\n private handleCheckedChange = (e: TableSelectionEvent) => {\r\n const { name, value, checked } = e.detail;\r\n\r\n if (checked) {\r\n this.selectedRows.set(name, { name, value });\r\n } else {\r\n this.selectedRows.delete(name);\r\n }\r\n\r\n this.changeSelection.emit(Array.from(this.selectedRows.values()));\r\n }\r\n\r\n render() {\r\n return (\r\n <Host size={this.size} selectable={this.selectable}>\r\n {(this.el.title || this.description) && (\r\n <div class=\"caption\">\r\n {this.el.title && <h5 class=\"caption_title\">{this.el.title}</h5>}\r\n {this.description && <p class=\"caption_description\">{this.description}</p>}\r\n </div>\r\n )}\r\n <slot></slot>\r\n </Host>\r\n );\r\n }\r\n\r\n componentWillLoad() {\r\n this.setRowPropsHandler();\r\n this.el.addEventListener('checkedChange', this.handleCheckedChange as any);\r\n }\r\n\r\n disconnectedCallback() {\r\n this.el.removeEventListener('checkedChange', this.handleCheckedChange as any);\r\n }\r\n}\r\n","@import \"../vars\";\r\n\r\n:host {\r\n display: block;\r\n color: $color;\r\n font-family: var(--ff-body, Tahoma);\r\n font-size: $font-size-content;\r\n line-height: 128.571%;\r\n letter-spacing: 0.16px;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-table-v2-col',\r\n styleUrl: 'xv-table-col.scss',\r\n shadow: true,\r\n})\r\nexport class XvTableCol {\r\n render() {\r\n return (\r\n <Host>\r\n <slot></slot>\r\n </Host>\r\n );\r\n }\r\n}\r\n","@import \"../vars\";\r\n\r\n\r\n:host {\r\n display: grid;\r\n padding: $space-md $space-md $space-md * 2;\r\n align-items: center;\r\n transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\r\n background: var(--layer-accent-01, #F7F7F7);\r\n color: $color;\r\n font-family: var(--ff-body, Tahoma);\r\n font-size: $font-size-header;\r\n font-weight: 700;\r\n line-height: 128.571%;\r\n letter-spacing: 0.16px;\r\n\r\n .left-container {\r\n @include left-container-styles;\r\n }\r\n}\r\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'xv-table-v2-header-row',\r\n styleUrl: 'xv-table-header-row.scss',\r\n shadow: true,\r\n})\r\nexport class XvTableHeaderRow {\r\n @Element() el: HTMLElement;\r\n /**\r\n * Checkbox row name\r\n */\r\n @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\r\n /**\r\n * Checkbox row selected partially\r\n */\r\n @Prop({ reflect: true }) partial?: boolean;\r\n /**\r\n * Checkbox row checked\r\n */\r\n @Prop({ reflect: true, mutable: true }) checked?: boolean = false;\r\n\r\n @State() cols: number = 1;\r\n\r\n @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\r\n\r\n private slotChangeHandle = () => {\r\n this.cols = this.el.childElementCount;\r\n }\r\n\r\n private checkboxChange = (e: CustomEvent<boolean>) => {\r\n this.checked = e.detail;\r\n this.checkedChange.emit({\r\n name: this.selectionName,\r\n checked: e.detail\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <Host cols={this.cols}>\r\n <div class=\"left-container\">\r\n {this.selectionName !== undefined && (\r\n <xv-checkbox-v2\r\n partial={true}\r\n name={this.selectionName}\r\n checked={this.checked}\r\n onEventChange={this.checkboxChange}\r\n />\r\n )}\r\n </div>\r\n <slot onSlotchange={this.slotChangeHandle}></slot>\r\n </Host>\r\n );\r\n }\r\n}\r\n","@import \"../vars\";\r\n\r\n:host(#{$tag-name}-row) {\r\n display: grid;\r\n padding: $space-md;\r\n align-items: center;\r\n transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\r\n background: var(--layer-02, #FFF);\r\n box-shadow: 0 0 0 1px #E3E3E3 inset;\r\n\r\n .left-container {\r\n @include left-container-styles;\r\n }\r\n\r\n .expand-btn {\r\n @include expand-btn-styles;\r\n }\r\n}\r\n\r\n:host([expanded]) {\r\n block-size: auto;\r\n}\r\n\r\n:host([collapsed]) {\r\n block-size: 0;\r\n overflow: hidden;\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n}\r\n\r\n:host([odd]) {\r\n background-color: var(--layer-selected-01, #E3E3E3);\r\n}\r\n\r\n:host([even]) {\r\n background-color: #fff;\r\n}\r\n","import { Component, Host, h, Element, Prop, State, Watch, Method, Event, EventEmitter } from '@stencil/core';\r\nimport { uidGenerator } from '../../../utils/utils';\r\n\r\n@Component({\r\n tag: 'xv-table-v2-row',\r\n styleUrl: 'xv-table-row.scss',\r\n shadow: true,\r\n})\r\nexport class XvTableRow {\r\n @Element() el: HTMLElement;\r\n /**\r\n * Is row will be expandable\r\n * If it's true then the next row will be collapsed\r\n */\r\n @Prop({ mutable: true }) expandable: boolean = false;\r\n /**\r\n * Default state of expandable\r\n */\r\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\r\n /**\r\n * Checkbox row name\r\n */\r\n @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\r\n /**\r\n * Checkbox row value\r\n */\r\n @Prop({ reflect: true }) value?: string;\r\n /**\r\n * Checkbox row status\r\n */\r\n @Prop({ reflect: true, mutable: true }) checked?: boolean;\r\n\r\n @State() prevRowExpanded: boolean = false;\r\n @State() expandId?: string;\r\n @State() id?: string;\r\n @State() cols: number = 1;\r\n\r\n @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\r\n\r\n /**\r\n * Called from outside (From expandable row)\r\n */\r\n @Method()\r\n async setExpandRelation(id?: string, expanded?: boolean) {\r\n this.expandId = id;\r\n this.prevRowExpanded = !!expanded;\r\n return this.prevRowExpanded;\r\n }\r\n\r\n /**\r\n * Called from outside (From expandable row)\r\n * to change then expand or collapse\r\n */\r\n @Method()\r\n async toggleExpand(id?: string, expanded?: boolean) {\r\n if (this.expandId !== id) return;\r\n this.prevRowExpanded = expanded !== undefined ? expanded : !this.prevRowExpanded;\r\n }\r\n\r\n /**\r\n * Watch for expandable\r\n * When it's false needs to remove unnecessary properties\r\n */\r\n @Watch('expandable')\r\n setExpandableRelationHandle(): Promise<any> {\r\n const nextEl = this.el.nextElementSibling;\r\n\r\n if (!nextEl || nextEl.tagName !== this.el.tagName) this.expandable = false;\r\n\r\n if (!this.expandable) return;\r\n\r\n if (!this.id) this.id = this.el.id || uidGenerator();\r\n\r\n return (nextEl as any).setExpandRelation(this.id, this.expanded);\r\n }\r\n\r\n /**\r\n * When user press on the expand button\r\n */\r\n private changeExpandHandle() {\r\n const nextRow = this.el.nextElementSibling;\r\n\r\n if (!nextRow || nextRow.tagName !== this.el.tagName) return;\r\n\r\n this.expanded = !this.expanded;\r\n // Call method from new row\r\n (nextRow as any).toggleExpand(this.id, this.expanded);\r\n }\r\n\r\n /**\r\n * Highlight the expanded row on hover\r\n */\r\n private hoverHandle(active: boolean) {\r\n const prevRow = this.el.previousElementSibling as HTMLElement | null;\r\n const nextRow = this.el.nextElementSibling as HTMLElement | null;\r\n\r\n if (nextRow?.tagName === this.el.tagName && this.expandable) {\r\n if (active) {\r\n nextRow.setAttribute('highlighted', '');\r\n } else {\r\n nextRow.removeAttribute('highlighted');\r\n }\r\n }\r\n\r\n if (prevRow?.tagName === this.el.tagName && prevRow.hasAttribute('expandable')) {\r\n if (active) {\r\n prevRow.setAttribute('highlighted', '');\r\n } else {\r\n prevRow.removeAttribute('highlighted');\r\n }\r\n }\r\n }\r\n\r\n private checkboxChange = (e: CustomEvent<boolean>) => {\r\n this.checked = e.detail;\r\n this.checkedChange.emit({\r\n name: this.selectionName,\r\n value: this.value,\r\n checked: e.detail\r\n });\r\n }\r\n\r\n async componentWillLoad(){\r\n this.id = this.el.id;\r\n this.cols = this.el.childElementCount;\r\n await this.setExpandableRelationHandle();\r\n }\r\n\r\n render() {\r\n return (\r\n <Host\r\n onMouseEnter={() => this.hoverHandle(true)}\r\n onMouseLeave={() => this.hoverHandle(false)}\r\n cols={this.cols}\r\n expanded={this.expandId && this.prevRowExpanded}\r\n collapsed={this.expandId && !this.prevRowExpanded}\r\n >\r\n <div class=\"left-container\">\r\n {this.expandable && (\r\n <button\r\n class={`expand-btn ${this.expanded ? 'expanded' : ''}`}\r\n onClick={() => this.changeExpandHandle()}\r\n />\r\n )}\r\n {this.selectionName && (\r\n <xv-checkbox-v2\r\n name={this.selectionName}\r\n value={this.value}\r\n checked={this.checked}\r\n onEventChange={this.checkboxChange}\r\n />\r\n )}\r\n </div>\r\n <slot />\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-v2',\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 line-height: 0.5;\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-v2',\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"],"mappings":"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","ignoreList":[]}

package/dist/xv-webcomponents/p-840929c5.js DELETED Viewed

@@ -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:true,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:true,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:true,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=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var b=typeof window!=="undefined"?window:{};var w={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 g=(()=>{var e;let t=false;try{(e=b.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var S=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var j=false;var C=[];var k=[];var O=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&w.l&4){E(D)}else{w.raf(D)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var D=()=>{x(C);{x(k);if(j=C.length>0){w.raf(D)}}};var E=e=>S().then(e);var T=O(k,true);var M=e=>{e=typeof e;return e==="object"||e==="function"};function R(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:()=>A,map:()=>F,ok:()=>P,unwrap:()=>N,unwrapErr:()=>U});var P=e=>({isOk:true,isErr:false,value:e});var A=e=>({isOk:false,isErr:true,value:e});function F(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 A(t)}throw"should never get here"}var N=e=>{if(e.isOk){return e.value}else{throw e.value}};var U=e=>{if(e.isErr){return e.value}else{throw e.value}};var W=(e,t="")=>{{return()=>{}}};var z=(e,t)=>{{return()=>{}}};var H=(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"&&!M(r)){r=String(r)}if(l&&o){i[i.length-1].j+=r}else{i.push(l?B(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=B(e,null);f.C=t;if(i.length>0){f.k=i}{f.O=s}return f};var B=(e,t)=>{const n={l:0,D:e,j:t,T:null,k:null};{n.C=null}{n.O=null}return n};var I={};var Q=e=>e&&e.D===I;var V=(e,t)=>{if(e!=null&&!M(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 q=e=>o(e).$hostElement$;var G=(e,t,n)=>{const r=q(e);return{emit:e=>K(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var K=(e,t,n)=>{const r=w.ce(t,n);e.dispatchEvent(r);return r};var X=new WeakMap;var Y=(e,t,n)=>{let r=d.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var _=(e,t,n)=>{var r;const s=Z(t);const l=d.get(s);if(!b.document){return s}e=e.nodeType===11?e:b.document;if(l){if(typeof l==="string"){e=e.head||e;let n=X.get(e);let o;if(!n){X.set(e,n=new Set)}if(!n.has(s)){{o=document.querySelector(`[${h}="${s}"]`)||b.document.createElement("style");o.innerHTML=l;const n=(r=w.M)!=null?r:R(b.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($){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 J=e=>{const t=e.o;const n=e.$hostElement$;const r=t.l;const s=W("attachStyles",t.m);const l=_(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 Z=(e,t)=>"sc-"+e.m;var ee=(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=ne(n);let l=ne(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(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(f(b,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const s=t.endsWith(re);t=t.replace(se,"");if(n){w.rel(e,t,n,s)}if(r){w.ael(e,t,r,s)}}}else{const o=M(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 te=/\s/;var ne=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(te)};var re="Capture";var se=new RegExp(re+"$");var le=(e,t,n,r)=>{const s=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const l=e&&e.C||{};const o=t.C||{};{for(const e of oe(Object.keys(l))){if(!(e in o)){ee(s,e,l[e],void 0,n,t.l)}}}for(const e of oe(Object.keys(o))){ee(s,e,l[e],o[e],n,t.l)}};function oe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ie;var ae=false;var fe=false;var ce=(e,n,r)=>{const o=n.k[r];let i=0;let a;let f;if(o.j!==null){a=o.T=b.document.createTextNode(o.j)}else{if(!fe){fe=o.D==="svg"}if(!b.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.T=b.document.createElementNS(fe?s:l,!ae&&t.slotRelocation&&o.l&2?"slot-fb":o.D);if(fe&&o.D==="foreignObject"){fe=false}{le(null,o,fe)}if(o.k){for(i=0;i<o.k.length;++i){f=ce(e,o,i);if(f){a.appendChild(f)}}}{if(o.D==="svg"){fe=false}else if(a.tagName==="foreignObject"){fe=true}}}a["s-hn"]=ie;return a};var ue=(e,t,n,r,s,l)=>{let o=e;let i;if(o.shadowRoot&&o.tagName===ie){o=o.shadowRoot}for(;s<=l;++s){if(r[s]){i=ce(null,n,s);if(i){r[s].T=i;ye(o,i,t)}}}};var ve=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.T;me(t);if(e){e.remove()}}}};var de=(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(he(c,d,s)){pe(c,d,s);c=t[++l];d=r[++o]}else if(he(u,h,s)){pe(u,h,s);u=t[--f];h=r[--v]}else if(he(c,h,s)){pe(c,h,s);ye(e,c.T,u.T.nextSibling);c=t[++l];h=r[--v]}else if(he(u,d,s)){pe(u,d,s);ye(e,u.T,c.T);u=t[--f];d=r[++o]}else{i=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.D!==d.D){p=ce(t&&t[o],n,i)}else{pe(m,d,s);t[i]=void 0;p=m.T}d=r[++o]}else{p=ce(t&&t[o],n,o);d=r[++o]}if(p){{ye(c.T.parentNode,p,c.T)}}}}if(l>f){ue(e,r[v+1]==null?null:r[v+1].T,n,r,o,v)}else if(o>v){ve(t,l,f)}};var he=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var pe=(e,n,r=false)=>{const s=n.T=e.T;const l=e.k;const o=n.k;const i=n.D;const a=n.j;if(a===null){{fe=i==="svg"?true:i==="foreignObject"?false:fe}{le(e,n,fe)}if(l!==null&&o!==null){de(s,l,n,o,r)}else if(o!==null){if(e.j!==null){s.textContent=""}ue(s,null,n,o,0,o.length-1)}else if(!r&&t.updatable&&l!==null){ve(l,0,l.length-1)}if(fe&&i==="svg"){fe=false}}else if(e.j!==a){s.data=a}};var me=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.k&&e.k.map(me)}};var ye=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var be=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.o;const l=e.R||B(null,null);const o=Q(t)?t:H(null,null,t);ie=r.tagName;if(s.L){o.C=o.C||{};s.L.map((([e,t])=>o.C[t]=r[e]))}if(n&&o.C){for(const e of Object.keys(o.C)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.C[e]=r[e]}}}o.D=null;o.l|=4;e.R=o;o.T=l.T=r.shadowRoot||r;ae=!!(s.l&1)&&!(s.l&128);pe(l,o,n)};var we=(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 ge=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}we(e,e.A);const n=()=>Se(e,t);return T(n)};var Se=(e,t)=>{const n=e.$hostElement$;const r=W("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.F){e.F.map((([e,t])=>De(s,e,t,n)));e.F=void 0}}l=De(s,"componentWillLoad",void 0,n)}else{l=De(s,"componentWillUpdate",void 0,n)}l=$e(l,(()=>De(s,"componentWillRender",void 0,n)));r();return $e(l,(()=>Ce(e,s,t)))};var $e=(e,t)=>je(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var je=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ce=async(e,t,n)=>{var r;const s=e.$hostElement$;const l=W("update",e.o.m);const o=s["s-rc"];if(n){J(e)}const i=W("render",e.o.m);{ke(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 ke=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{be(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=W("postUpdate",t);const s=e.t;const l=e.A;De(s,"componentDidRender",void 0,n);if(!(e.l&64)){e.l|=64;{Ee(n)}De(s,"componentDidLoad",void 0,n);r();{e.p(n);if(!l){xe()}}}else{De(s,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e.P){e.P();e.P=void 0}if(e.l&512){E((()=>ge(e,false)))}e.l&=~(4|512)}};var xe=t=>{E((()=>K(b,"appload",{detail:{namespace:e}})))};var De=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Ee=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Te=(e,t)=>o(e).i.get(t);var Me=(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=V(n,r.N[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.U&&a&128){const e=r.U[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}}ge(s,false)}}}};var Re=(e,n,r)=>{var s,l;const i=e.prototype;if(n.l&64&&r&1){y.forEach((e=>{Object.defineProperty(i,e,{value(...t){const n=o(this);const r=n.t;if(!r){n.h.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})}))}if(n.N||(n.U||e.watchers)){if(e.watchers&&!n.U){n.U=e.watchers}const a=Object.entries((s=n.N)!=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.N[e][0]|=2048;if(l)n.N[e][0]|=4096;if(r&1||!s){Object.defineProperty(i,e,{get(){{if((n.N[e][0]&2048)===0){return Te(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,[V(s,t)]);s=t&32?this[e]:i.$hostElement$[e];Me(this,e,s,n);return}{if((r&1)===0||(n.N[e][0]&4096)===0){Me(this,e,s,n);if(r&1&&!i.t){i.h.then((()=>{if(n.N[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]=V(s,t);Me(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){w.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.U)==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.U)!=null?l:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const l=t[1]||e;r.set(l,e);if(t[0]&512){(s=n.L)==null?void 0:s.push([e,l])}return l}))]))}}return e};var Le=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=z();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.W}" was not found`)}if(!s.isProxied){{n.U=s.watchers}Re(s,n,2);s.isProxied=true}const l=W("createInstance",n.m);{t.l|=8}try{new s(t)}catch(t){c(t,e)}{t.l&=~8}{t.l|=128}l();Pe(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=Z(n);if(!d.has(t)){const r=W("registerStyles",n.m);Y(t,e,!!(n.l&1));r()}}}const l=t.A;const o=()=>ge(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var Pe=(e,t)=>{{De(e,"connectedCallback",void 0,t)}};var Ae=e=>{if((w.l&1)===0){const t=o(e);const n=t.o;const r=W("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){we(t,t.A=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Le(e,t,n)}}else{We(e,t,n.H);if(t==null?void 0:t.t){Pe(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>Pe(t.t,e)))}}r()}};var Fe=(e,t)=>{{De(e,"disconnectedCallback",void 0,t||e)}};var Ne=async e=>{if((w.l&1)===0){const t=o(e);{if(t.B){t.B.map((e=>e()));t.B=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(X.has(e)){X.delete(e)}if(e.shadowRoot&&X.has(e.shadowRoot)){X.delete(e.shadowRoot)}};var Ue=(e,t={})=>{var n;if(!b.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=W();const s=[];const l=t.exclude||[];const i=b.customElements;const f=b.document.head;const c=f.querySelector("meta[charset]");const u=b.document.createElement("style");const v=[];let d;let h=true;Object.assign(w,t);w.$=new URL(t.resourcesUrl||"./",b.document.baseURI).href;let y=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],N:t[2],H:t[3]};if(r.l&4){y=true}{r.N=t[2]}{r.H=t[3]}{r.L=[]}{r.U=(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;We(this,e,r.H)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{w.jmp((()=>Ae(this)))}}disconnectedCallback(){w.jmp((()=>Ne(this)));w.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.R)==null?void 0:e.T)instanceof Node&&!t.R.T.isConnected){delete t.R.T}}))}componentOnReady(){return o(this).h}};if(r.l&64){c.formAssociated=true}r.S=e[0];if(!l.includes(f)&&!i.get(f)){s.push(f);i.define(f,Re(c,r,1))}}))}));if(s.length>0){if(y){u.textContent+=m}{u.textContent+=s.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=w.M)!=null?n:R(b.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{{w.jmp((()=>d=setTimeout(xe,30)))}}r()};var We=(e,t,n,r)=>{if(n&&b.document){n.map((([n,r,s])=>{const l=He(b.document,e,n);const o=ze(t,s);const i=Be(n);w.ael(l,r,o,i);(t.B=t.B||[]).push((()=>w.rel(l,r,o,i)))}))}};var ze=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.F=e.F||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var He=(e,t,n)=>{if(n&16){return e.body}return t};var Be=e=>g?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ie=e=>w.M=e;export{I as H,Ue as b,G as c,q as g,H as h,S as p,i as r,Ie as s};
-//# sourceMappingURL=p-840929c5.js.map