npm - xv-webcomponents - Versions diffs - 0.1.32 → 0.1.36 - Mend

xv-webcomponents 0.1.32 → 0.1.36

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

package/dist/xv-webcomponents/p-0658a38e.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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","type","variant","handleClick","e","buttonClick","part","name","xvCardCss","XvCardV2Style0","XvCard","media","src","alt","header","body","footer","xvCheckboxCss","XvCheckboxV2Style0","XvCheckbox","checked","indeterminate","readonly","required","partial","hasFocus","onInput","target","inputEvent","onChange","changeEvent","onFocus","focusEvent","onBlur","blurEvent","internals","attachInternals","connectedCallback","setFormValue","onCheckedChange","newValue","ref","inputEl","error","componentDidLoad","componentDidUpdate","formResetCallback","formStateRestoreCallback","state","SIZE_VAR","DropdownItemSelector","xvDropdownCss","XvDropdownV2Style0","XvDropdown","size","MD","selected","selectedMap","Map","setSelected","optionNodes","values","Array","from","options","querySelectorAll","length","map","v","text","handleOpen","open","loading","handleClickOutside","ev","contains","addListeners","document","addEventListener","removeListeners","removeEventListener","setDefaultValues","defaultValue","setTimeout","forEach","option","dropdownItemData","innerText","setAttr","set","openChangeHandle","handleItemSelected","hasItem","optionElements","changeSelection","role","tabindex","join","placeholder","renderIcon","focusable","preserveAspectRatio","xmlns","fill","width","height","viewBox","d","helper","warning","disconnectedCallback","XS","undefined","xvDropdownItemCss","XvDropdownV2ItemStyle0","XvDropdownItem","itemSelected","xvFooterCss","XvFooterStyle0","Xvfooter","htmlContent","response","fetch","console","innerHTML","xvHeaderCss","XvHeaderStyle0","XvHeader","parser","DOMParser","doc","parseFromString","mixedMenu","querySelector","allCategoriesGenerals","allCategoriesContainer","appendChild","href","style","display","action","method","autocomplete","xvLinkCss","XvLinkV2Style0","XvLink","preventLinkHandler","preventDefault","stopPropagation","xvLoaderCss","XvLoaderV2Style0","XvLoader","show","spinner","xvModalCss","XvModalV2Style0","XvModal","permanent","overflow","triggerEl","onBackdropClick","async","currentTarget","closeModal","removeTriggerListener","openModal","setupTrigger","slot","shadowRoot","assigned","assignedElements","openChange","onSlotchange","backdrop","title","modal_content","NOTIFICATION_VARIANTS","xvNotificationCss","XvNotificationV2Style0","XvNotification","INFO","dismissible","closeHandle","close","cls","ERROR","SUCCESS","WARNING","xvOverflowMenuCss","XvOverflowMenuV2Style0","XvOverflowMenu","position","handleClose","handleSelectItem","onOpenToggle","selectItem","handleKeyDown","btn","list","OverflowMenuVariant","xvOverflowMenuItemCss","XvOverflowMenuV2ItemStyle0","XvOverflowMenuItem","DEFAULT","itemClick","PROGRESS_VARIANTS","PROGRESS_ITEM_STATUS","xvProgressIndicatorCss","XvProgressIndicatorV2Style0","XvProgressIndicator","progress","updateChildItems","items","children","itemsCount","childElementCount","progressPerItem","item","index","itemProgressStart","status","localProgress","Math","min","max","DONE","IN_PROGRESS","NO_STARTED","setAttribute","line","xvProgressIndicatorItemCss","XvProgressIndicatorV2ItemStyle0","XvProgressIndicatorItem","xvTabCss","XvTabV2Style0","XvTab","LG","xvTableCss","XvTableV2Style0","XvTable","selectedCount","handleCheckedChange","expandable","setColsSizeTemplate","colsSize","setProperty","batchVisible","Fragment","XV_SORT_DIR","XV_EXPANDABLE_KEY","XV_TABLE_TAG","xvTableCellCss","XvTableV2CellStyle0","XvTableCell","handleSort","sort","NONE","ASC","DESC","parentElement","cell","hasAttribute","sortChange","xvTableExpandCss","XvTableV2ExpandStyle0","XvTableExpand","handleExpand","expandableContent","xvTableRowCss","XvTableV2RowStyle0","XvTableRow","checkHandle","selectRow","checkedChangeHandle","checkedChange","setInitialAttrs","hover","tableEl","onEventChange","TAB_TAGS","TABS_VATIANT","xvTabsCss","XvTabsV2Style0","XvTabs","active","tabElements","showArrows","collectTabs","TAB","tab","updateArrowVisibility","container","scrollWidth","clientWidth","updateTabClasses","i","classList","handleTabClick","activeChange","Number","scrollToActiveTab","scrollIntoView","behavior","inline","setTab","count","currentIdx","findIndex","nextIdx","nextTab","XL","hidden","emptyMessage","_c","componentDidRender","xvTagCss","XvTagV2Style0","XvTag","color","bg","closeable","closeHandler","closeClick","background","TextInputStatus","xvTextInputCss","XvTextInputV2Style0","XvTextInput","DEF","handleInput","valueChange","getControlIcon","withIcon","xvTooltipCss","XvTooltipV2Style0","XvTooltip","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/types/enum.ts","src/components/xv-dropdown/_vars.ts","src/components/xv-dropdown/xv-dropdown.scss?tag=xv-dropdown-v2&encapsulation=shadow","src/components/xv-dropdown/xv-dropdown.tsx","src/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.scss?tag=xv-dropdown-v2-item&encapsulation=shadow","src/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.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-loader/xv-loader.scss?tag=xv-loader-v2&encapsulation=shadow","src/components/xv-loader/xv-loader.tsx","src/components/xv-modal/xv-modal.scss?tag=xv-modal-v2&encapsulation=shadow","src/components/xv-modal/xv-modal.tsx","src/components/xv-notification/_vars.ts","src/components/xv-notification/xv-notification.scss?tag=xv-notification-v2&encapsulation=shadow","src/components/xv-notification/xv-notification.tsx","src/components/xv-overflow-menu/xv-overflow-menu.scss?tag=xv-overflow-menu-v2&encapsulation=shadow","src/components/xv-overflow-menu/xv-overflow-menu.tsx","src/components/xv-overflow-menu/_vars.ts","src/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.scss?tag=xv-overflow-menu-v2-item&encapsulation=shadow","src/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.tsx","src/components/xv-progress-indicator/_vars.ts","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/xv-progress-indicator-item/xv-progress-indicator-item.scss?tag=xv-progress-indicator-v2-item&encapsulation=shadow","src/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.tsx","src/components/xv-tabs/xv-tab/xv-tab.scss?tag=xv-tab-v2&encapsulation=shadow","src/components/xv-tabs/xv-tab/xv-tab.tsx","src/components/xv-table/xv-table.scss?tag=xv-table-v2&encapsulation=shadow","src/components/xv-table/xv-table.tsx","src/components/xv-table/_vars.ts","src/components/xv-table/xv-table-cell/xv-table-cell.scss?tag=xv-table-v2-cell&encapsulation=shadow","src/components/xv-table/xv-table-cell/xv-table-cell.tsx","src/components/xv-table/xv-table-expand/xv-table-expand.scss?tag=xv-table-v2-expand&encapsulation=shadow","src/components/xv-table/xv-table-expand/xv-table-expand.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-tabs/_vars.ts","src/components/xv-tabs/xv-tabs.scss?tag=xv-tabs-v2&encapsulation=shadow","src/components/xv-tabs/xv-tabs.tsx","src/components/xv-tag/xv-tag.scss?tag=xv-tag-v2&encapsulation=shadow","src/components/xv-tag/xv-tag.tsx","src/components/xv-text-input/_vars.ts","src/components/xv-text-input/xv-text-input.scss?tag=xv-text-input-v2&encapsulation=shadow","src/components/xv-text-input/xv-text-input.tsx","src/components/xv-tooltip/xv-tooltip.scss?tag=xv-tooltip-v2&encapsulation=shadow","src/components/xv-tooltip/xv-tooltip.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Event, EventEmitter, Method, State, Prop } from '@stencil/core';\nimport { uidGenerator } from '../../utils/utils';\n\n@Component({\n tag: 'xv-accordion-v2',\n styleUrl: 'xv-accordion.scss',\n shadow: true,\n})\nexport class XvAccordion {\n @Prop() multiple: boolean = false;\n @Prop() xvId: string = uidGenerator();\n @Prop({ mutable: true }) value: string;\n @State() opened: Set<string> = new Set();\n @Event() accordionChange: EventEmitter<{ opened: Set<string>, id: string }>;\n\n @Method()\n async toggleItem(value: string) {\n if (this.opened.has(value)) {\n this.opened.delete(value);\n } else {\n if (!this.multiple) this.opened.clear();\n this.value = value;\n this.opened.add(this.value);\n }\n\n this.accordionChange.emit({ opened: this.opened, id: this.xvId });\n\n return { opened: this.opened, id: this.xvId };\n }\n\n componentWillLoad() {\n if (this.value) {\n return this.toggleItem(this.value);\n }\n }\n\n render() {\n return (\n <Host class=\"xv-accordion\" data-id={this.xvId}>\n <slot />\n </Host>\n );\n }\n}\n",":host {\n border-top: 1px solid var(--border-subtle-01);\n display: flex;\n flex-direction: column;\n font-family: var(--ff-body, inherit);\n}\n\n:host(.disabled) {\n .label {\n color: var(--text-disabled);\n &:hover {\n cursor: initial;\n background-color: transparent;\n }\n }\n}\n\n.label {\n padding: 14px 16px;\n display: inline-flex;\n align-items: center;\n column-gap: 20px;\n justify-content: space-between;\n text-align: left;\n color: var(--text-primary);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.16px;\n background-color: transparent;\n transition: background-color 200ms ease-in-out;\n &>span {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n }\n\n &:hover {\n cursor: pointer;\n background-color: var(--layer-hover-01);\n }\n\n &:after {\n content: '';\n border: solid black;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 4.66px;\n transition: transform 100ms ease-in-out;\n transform: rotate(45deg);\n }\n\n &.opened:after {\n transform: rotate(-135deg);\n }\n}\n\n.content {\n padding: 0 16px;\n text-align: left;\n color: var(--text-primary);\n font-size: 14px;\n overflow: hidden;\n max-height: 0;\n transition: max-height 300ms ease-in-out, padding 250ms ease 50ms;\n &.opened {\n padding: 14px 16px;\n max-height: 500px;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xv-accordion-v2-item',\n styleUrl: 'xv-accordion-item.scss',\n shadow: true,\n})\nexport class XvAccordionItem {\n @Element() el: HTMLElement;\n @Prop() disabled: boolean = false;\n @Prop() label: string;\n @Prop() value: string;\n @State() isOpen: boolean = false;\n @Event() itemToggle: EventEmitter;\n\n @Listen('accordionChange', { target: 'body' })\n handleAccordionChange(event: CustomEvent<{ opened: Set<string>, id: string }>) {\n const parentAccordionId = this.el.closest('[data-id]')?.getAttribute('data-id');\n if (event.detail.id !== parentAccordionId) return;\n this.isOpen = event.detail.opened.has(this.value);\n }\n\n toggle() {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n this.el.closest('xv-accordion-v2')?.toggleItem?.(this.value);\n }\n\n render() {\n return (\n <Host class={`${this.disabled ? 'disabled' : ''}`}>\n <label class={`label ${this.isOpen ? 'opened' : 'closed'}`} onClick={this.toggle.bind(this)}>\n <span>{this.label}</span>\n </label>\n <div class={`content ${this.isOpen ? 'opened' : 'closed'}`}>\n <slot />\n </div>\n </Host>\n );\n }\n}\n",":host {\n --button-font-size: 14px;\n --focus-border-width: 2px;\n --focus-border-style: solid;\n --button-ghost: tarnsparent;\n --text-disabled-opacity: 0.25;\n --button-border-radius: 3px;\n --button-border-width: 1px;\n --button-border-style: solid;\n --button-border-color-accent: #97BF0D;\n --button-border-color-primary: #273435;\n --button-border-color-secondary: #D1D1D1;\n --button-border-color-ghost: tarnsparent;\n --button-ghost-hover: tarnsparent;\n --button-ghost-active: rgba(139, 139, 139, 0.5);\n --button-accent-disabled: #D1D1D1;\n --button-primary-disabled: #D1D1D1;\n --button-secondary-disabled: #D1D1D1;\n --button-tertiary-disabled: tarnsparent;\n --button-ghost-disabled: tarnsparent;\n --button-padding-x: 20px;\n\n button {\n font-family: inherit;\n font-size: var(--button-font-size, 14px);\n font-weight: 700;\n padding: 0 var(--button-padding-x);\n min-height: 40px;\n line-height: 40px;\n cursor: pointer;\n box-sizing: border-box;\n transition:\n background-color 0.2s ease-in-out,\n filter 0.2s ease-in-out,\n transform 0.1s ease-in-out,\n border-color 0.2s ease-in-out,\n border-width 0.2s ease-in-out,\n box-shadow 0.2s ease-in-out;\n\n &.xv-button-block {\n width: 100%;\n }\n }\n}\n\n.xv-button {\n /* ✅ Accent Button */\n &.accent {\n background-color: var(--button-accent);\n color: var(--text-on-color);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-accent-hover);\n }\n &:active {\n background-color: var(--button-accent-active);\n color: var(--text-on-color);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-accent-disabled);\n color: var(--text-on-color-disabled);\n border: var(--button-border-width) var(--button-border-style) var(--button-accent-disabled);\n }\n\n }\n\n /* ✅ Primary Button */\n &.primary {\n background-color: var(--button-primary);\n color: var(--text-on-color);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-primary-hover)\n }\n &:active {\n background-color: var(--button-primary-active)\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-primary-disabled);\n color: var(--text-on-color-disabled);\n border: var(--button-border-width) var(--button-border-style) var(--button-primary-disabled);\n }\n }\n\n /* ✅ Secondary Button */\n &.secondary {\n background-color: var(--button-secondary);\n color: var(--text-primary);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-secondary-hover);\n }\n &:active {\n background-color: var(--button-secondary-active);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-secondary-disabled);\n color: var(--text-on-color-disabled);\n }\n }\n\n /* ✅ Tertiary Button */\n &.tertiary {\n background-color: var(--button-ghost);\n color: var(--text-primary);\n border: var(--button-border-width) var(--button-border-style) var(--button-tertiary);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-tertiary-hover);\n }\n &:active {\n background-color: var(--button-tertiary-active);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-tertiary-disabled);\n color: var(--text-disabled);\n opacity: var(--text-disabled-opacity);\n }\n }\n\n /* ✅ Ghost Button */\n &.ghost {\n background-color: var(--button-ghost);\n color: var(--text-primary);\n border: var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);\n border-radius: var(--button-border-radius);\n &:hover {\n background-color: var(--button-ghost-hover);\n }\n &:active {\n background-color: var(--button-ghost-active);\n }\n &:focus {\n outline: none;\n border: var(--focus-border-width) var(--focus-border-style) var(--focus);\n transition: border-color 0.2s ease-in-out;\n }\n &:disabled {\n background-color: var(--button-ghost-disabled);\n color: var(--text-disabled);\n opacity: var(--text-disabled-opacity);\n }\n }\n}\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 /** Button type */\r\n @Prop() type: 'button' | 'reset' | 'submit' = 'button';\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<MouseEvent>;\r\n\r\n /** Handle click only if not disabled */\r\n private handleClick = (e: MouseEvent) => {\r\n if (this.disabled) return;\r\n this.buttonClick.emit(e);\r\n };\r\n\r\n render() {\r\n return (\r\n <button\r\n type={this.type}\r\n part=\"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 {\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n border: 1px solid var(--border-subtle-00);\n background: var(--layer-layer-02);\n box-shadow: 0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.30);\n font-family: var(--ff-body, inherit);\n overflow: visible !important;\n}\n\n:host(.xv-card_vertical) {\n //max-width: 298px;\n // TODO: wright down correct styling for card size\n width: 100%!important;\n}\n\n:host(.xv-card_horizontal) {\n flex-direction: row;\n display: flex;\n width: max-content;\n\n .xv-card_media {\n &__content, ::slotted([slot=\"media\"]) {\n min-height: 100%;\n max-height: 100%;\n max-width: 160px;\n min-width: 160px;\n }\n }\n}\n\n.xv-card {\n &_content {\n padding: 16px;\n display: flex;\n flex-direction: column;\n flex: 1;\n text-align: left;\n }\n\n &_media {\n &__content, ::slotted([slot=\"media\"]) {\n max-width: 100%;\n min-width: 100%;\n min-height: 199px;\n max-height: 199px;\n object-fit: cover;\n object-position: center;\n }\n }\n\n &_header {\n &__content, ::slotted([slot=\"header\"]) {\n margin: 0 0 8px;\n color: var(--text-primary);\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 24px;\n letter-spacing: -0.6px;\n }\n }\n\n &_body {\n flex: 1;\n &__content, ::slotted([slot=\"body\"]) {\n margin: 0 0 8px;\n color: var(--text-secondary);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: -0.1px;\n }\n }\n\n &_footer {}\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-card-v2',\n styleUrl: 'xv-card.scss',\n shadow: true,\n})\nexport class XvCard {\n @Prop() variant: 'horizontal' | 'vertical' = 'vertical';\n @Prop() media: string;\n @Prop() header: string;\n @Prop() body: string;\n @Prop() footer: string;\n render() {\n return (\n <Host class={`xv-card xv-card_${this.variant}`} part={this.variant}>\n <div class=\"xv-card_media\">\n <slot name=\"media\">\n {this.media && <img class=\"xv-card_media__content\" src={this.media} alt={this.header} />}\n </slot>\n </div>\n\n <div class=\"xv-card_content\">\n <div class=\"xv-card_header\">\n <slot name=\"header\">\n {this.header && <p class=\"xv-card_header__content\">{this.header}</p>}\n </slot>\n </div>\n <div class=\"xv-card_body\">\n <slot name=\"body\">\n {this.body && <p class=\"xv-card_body__content\">{this.header}</p>}\n </slot>\n </div>\n <div class=\"xv-card_footer\">\n <slot name=\"footer\">{this.footer}</slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n","\n:host {\n --checkbox-size: max(1rem, 16px);\n box-sizing: border-box;\n display: inline-flex;\n flex-direction: column;\n}\n\n:host([error]) {\n .xv-checkbox .checkmark {\n border-color: var(--text-error, #D62512);\n }\n}\n\n.error,\n[name=\"info\"] {\n display: inline-flex;\n align-items: center;\n justify-content: flex-start;\n font-size: var(--fz-sm, 12px);\n font-family: var(--ff-body, Tahoma);\n line-height: 133.333%;\n letter-spacing: 0.32px;\n}\n\n.error {\n margin-top: var(--gap-xs, 5px);\n color: var(--text-error, #D62512);\n &::before {\n margin-right: var(--gap-xs, 5px);\n content: \"!\";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n font-size: var(--fz-sm, 12px);\n font-weight: bold;\n color: white;\n background-color: var(--text-error, #D62512);\n border-radius: 50%;\n }\n}\n\n.xv-checkbox {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n\n input[type='checkbox'] {\n position: absolute;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n margin: 0;\n padding: 0;\n opacity: 0;\n pointer-events: none;\n box-sizing: border-box;\n }\n\n .checkmark {\n width: var(--checkbox-size);\n min-width: var(--checkbox-size);\n height: var(--checkbox-size);\n min-height: var(--checkbox-size);\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 1.4px solid var(--icon-primary, #D1D1D1);\n border-radius: 2px;\n background-color: var(--background, #FFF);\n transition: all 0.2s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n input:checked + .checkmark {\n background-color: var(--background-brand, #97BF0D);\n border-color: var(--background-brand, #97BF0D);\n &:not(.checkmark-partial)::after {\n content: '';\n width: calc(var(--checkbox-size) / 4);\n height: calc(var(--checkbox-size) / 2.5);\n border: solid var(--background, #FFF);\n margin-bottom: calc(var(--checkbox-size) / 10);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n display: block;\n }\n &.checkmark-partial::after {\n content: '';\n width: calc(var(--checkbox-size) / 3);\n height: calc(var(--checkbox-size) / 10);\n background-color: var(--background, #FFF);\n }\n }\n\n input:focus + .checkmark {\n outline: 1.4px solid var(--focus, #8B8B8B);\n }\n\n .label {\n color: var(--text-primary, #333);\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n line-height: 128.571%;\n letter-spacing: 0.16px;\n &_str,\n ::slotted(*) {\n margin-left: 8px;\n }\n }\n\n &.readonly {\n cursor: initial;\n\n input:checked + .checkmark {\n background-color: var(--background, #FFF);\n border: 1.4px solid var(--icon-disabled, #D1D1D1);\n &:after {\n border-color: var(--icon-primary, #131313);\n }\n\n &-partial:after {\n background-color: var(--icon-primary, #131313);\n }\n }\n\n .checkmark {\n border: 1.4px solid var(--icon-disabled, #D1D1D1);\n }\n\n .label {\n color: var(--text-primary, #333);\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n .checkmark {\n border: 1.4px solid var(--icon-disabled, #D1D1D1);\n }\n\n .label {\n color: var(--text-disabled, rgba(19, 19, 19, 0.25));\n }\n }\n}\n","import { Component, h, Element, Prop, State, Event, EventEmitter, Watch, Host } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n tag: 'xv-checkbox-v2',\n styleUrl: 'xv-checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class XvCheckbox {\n private inputEl: HTMLInputElement;\n private internals: ElementInternals;\n\n @Element() el!: HTMLElement;\n\n /**\n * Default checked status\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Using for forms\n */\n @Prop({ reflect: true }) indeterminate: boolean = false;\n /**\n * Disabled status\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Input name\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Input value\n */\n @Prop({ reflect: true }) value: string = 'on';\n /**\n * Input readonly\n */\n @Prop({ reflect: true }) readonly: boolean = false;\n /**\n * The same like default checkbox prop\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Change checkmark icon to minus\n */\n @Prop({ reflect: true }) partial: boolean = false;\n /**\n * Can be used like property or like slot\n */\n @Prop() label: string;\n\n @Prop({ reflect: true }) size?: SIZE_VAR;\n @Prop({ reflect: true }) error?: string | boolean;\n\n @State() hasFocus: boolean = false;\n /**\n * event 'onEventChange'\n */\n @Event({ eventName: 'eventChange' }) changeEvent: EventEmitter<boolean>;\n /**\n * event 'onEventInput'\n */\n @Event({ eventName: 'eventInput' }) inputEvent: EventEmitter<boolean>;\n /**\n * event 'onEventFocus'\n */\n @Event({ eventName: 'eventFocus' }) focusEvent: EventEmitter<void>;\n /**\n * event 'onEventBlur'\n */\n @Event({ eventName: 'eventBlur' }) blurEvent: EventEmitter<void>;\n\n constructor() {\n this.internals = (this.el as any).attachInternals?.() || {};\n }\n\n connectedCallback() {\n if (this.internals?.setFormValue) {\n this.internals.setFormValue(this.checked ? this.value : null);\n }\n }\n\n @Watch('checked')\n onCheckedChange(newValue: boolean) {\n if (this.internals?.setFormValue) {\n this.internals.setFormValue(newValue ? this.value : null);\n }\n }\n\n private onInput = (e: Event) => {\n const target = e.target as HTMLInputElement;\n this.checked = target.checked;\n this.inputEvent.emit(this.checked);\n };\n\n private onChange = (e: Event) => {\n if (this.disabled || this.readonly) return;\n const target = e.target as HTMLInputElement;\n this.checked = target.checked;\n this.changeEvent.emit(this.checked);\n };\n\n private onFocus = () => {\n this.hasFocus = true;\n this.focusEvent.emit();\n };\n\n private onBlur = () => {\n this.hasFocus = false;\n this.blurEvent.emit();\n };\n\n render() {\n return (\n <Host>\n <label class={{ 'xv-checkbox': true, disabled: this.disabled, readonly: this.readonly }}>\n <input\n ref={el => (this.inputEl = el)}\n type=\"checkbox\"\n readonly={this.readonly}\n name={this.name}\n value={this.value}\n checked={this.checked}\n disabled={this.disabled || this.readonly}\n required={this.required}\n indeterminate={this.indeterminate}\n onInput={this.onInput}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n />\n <span class={`checkmark ${this.partial ? 'checkmark-partial' : ''}`} />\n <div class=\"label\">\n <slot>{this.label && <span class=\"label_str\">{this.label}</span>}</slot>\n </div>\n </label>\n <slot name=\"info\" />\n {!!this.error && <span class=\"error\">{this.error}</span>}\n </Host>\n );\n }\n\n componentDidLoad() {\n if (this.indeterminate) {\n this.inputEl.indeterminate = true;\n }\n }\n\n componentDidUpdate() {\n if (this.inputEl) {\n this.inputEl.indeterminate = this.indeterminate;\n }\n }\n\n formResetCallback() {\n this.checked = false;\n }\n\n formStateRestoreCallback(state: string) {\n this.checked = state === this.value;\n }\n}\n","export enum SIZE_VAR {\n XS = 'xs',\n SM = 'sm',\n MD = 'md',\n LG = 'lg',\n XL = 'xl',\n}\n","export interface DropdownItemData {\n value: string | number;\n text: string;\n selected: boolean;\n}\n\nexport const DropdownItemSelector = '.xv-dropdown-item';\n",":host {\n --dropdown-padding-x: 16px;\n --dropdown-padding-y: 11px;\n --dropdown-max-width: 300px;\n\n display: block;\n position: relative;\n text-align: left;\n max-width: min(var(--dropdown-max-width), 100%);\n\n .label {\n color: var(--text-secondary, #515151);\n font-family: var(--ff-body, Tahoma);\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n letter-spacing: 0.32px;\n ::slotted([slot=\"label\"]) {\n color: var(--text-secondary, #515151);\n font-family: var(--ff-body, Tahoma);\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n letter-spacing: 0.32px;\n }\n }\n\n .control {\n background-blend-mode: multiply;\n border-radius: 3px;\n box-shadow: 0 0 0 1px #8B8B8B inset;\n transition: 0.2s ease-in-out background-color;\n cursor: pointer;\n margin: 0;\n box-sizing: border-box;\n font-family: inherit;\n font-size: 100%;\n padding: 0;\n border: 0;\n appearance: none;\n background-color: var(--field-02, #FFF);\n text-align: start;\n inline-size: 100%;\n position: relative;\n display: inline-flex;\n overflow: hidden;\n align-items: center;\n block-size: calc(100% + 1px);\n outline: none;\n padding-block: var(--dropdown-padding-y);\n padding-inline: var(--dropdown-padding-x);\n text-overflow: ellipsis;\n vertical-align: top;\n white-space: nowrap;\n\n &_value, &_placeholder {\n flex: 1;\n margin: 0;\n overflow: hidden;\n color: var(--text-primary, #333);\n user-select: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--fz-body, Tahoma);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n padding-inline: 0 1rem;\n }\n\n &_placeholder {\n color: var(--text-placeholder, #ACACAC);\n }\n\n &_icon {\n width: 18px;\n height: 18px;\n &.error {\n color: var(--support-error, #F1290E);\n }\n\n &.warning {\n color: var(--support-warning, #FF7F04)\n }\n }\n\n &_arrow {\n box-sizing: border-box;\n margin: 0;\n font-size: 100%;\n vertical-align: baseline;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n text-align: start;\n display: flex;\n align-items: center;\n justify-content: center;\n block-size: 1.5rem;\n inline-size: 1.5rem;\n inset-inline-end: 0.75rem;\n outline: none;\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n }\n\n &:hover {\n background-color: var(--field-hover-02, #E9E9E9);\n }\n\n &:active {\n background-color: var(--layer-selected-02, #E3E3E3);\n }\n }\n\n .options {\n inset-block-start: 100%;\n margin-block-start: 1px;\n display: block;\n max-block-size: 13.75rem;\n box-shadow: 0 2px 6px rgba(0, 0, 0, .3);\n position: absolute;\n z-index: 10;\n inline-size: 100%;\n inset-inline: 0;\n overflow-y: auto;\n transition: max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n border-radius: 3px;\n background-color: var(--field-02, #FFF);\n scrollbar-width: thin;\n scrollbar-color: var(--layer-accent-03) transparent;\n\n ::slotted(.xv-dropdown-item) {\n display: block;\n max-block-size: 13.75rem;\n inset-inline: 0;\n box-sizing: border-box;\n padding:\n var(--dropdown-padding-y)\n calc(var(--dropdown-padding-x) + 16px)\n var(--dropdown-padding-y)\n var(--dropdown-padding-x);\n position: relative;\n cursor: pointer;\n overflow: hidden;\n color: var(--text-secondary, #515151);\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n transition: 0.2s ease-in-out background-color;\n user-select: none;\n &:after {\n content: '';\n position: absolute;\n bottom: 0;\n height: 1px;\n left: 10px;\n width: calc(100% - 20px);\n background-color: var(--border-subtle-01);\n }\n }\n\n ::slotted(.xv-dropdown-item:hover) {\n background-color: var(--layer-hover-02, #F7F7F7);\n }\n\n ::slotted(.xv-dropdown-item:active) {\n background-color: var(--layer-selected-hover-02, #DADADA);\n }\n\n ::slotted(.xv-dropdown-item[selected]) {\n background-color: var(--layer-selected-02, #E3E3E3);\n }\n\n ::slotted(.xv-dropdown-item[selected]:hover) {\n background-color: var(--layer-selected-hover-02, #DADADA);\n }\n\n ::slotted(.xv-dropdown-item[disabled]) {\n background-color: transparent;\n opacity: 0.4;\n cursor: not-allowed;\n }\n }\n\n .helper {\n color: var(--text-helper, #646464);\n font-family: var(--ff-heading, \"IBM Plex Sans\");\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n margin: 0;\n padding: 0;\n }\n}\n\n:host([open]) {\n .control_arrow {\n transform: rotate(180deg);\n }\n}\n\n:host([disabled]) {\n opacity: 0.4;\n cursor: not-allowed;\n .control {\n cursor: inherit;\n &:hover, &:active, &:focus-within {\n background-color: transparent;\n }\n }\n}\n\n:host([error]) {\n .control {\n box-shadow: none;\n outline: 2px solid var(--support-support-error, #F1290E);\n }\n\n .helper {\n color: var(--text-error, #D62512);\n }\n}\n\n:host([size=\"xs\"]) {\n --dropdown-padding-y: 4px;\n}\n:host([size=\"sm\"]) {\n --dropdown-padding-y: 7px;\n}\n:host([size=\"md\"]) {\n --dropdown-padding-y: 11px;\n}\n:host([size=\"lg\"]) {\n --dropdown-padding-y: 15px;\n}\n:host([size=\"xl\"]) {\n --dropdown-padding-y: 16px;\n}\n","import { Component, Host, h, Prop, State, Element, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { DropdownItemData, DropdownItemSelector } from './_vars';\nimport { forEach, setAttr } from '../../utils/utils';\n\n@Component({\n tag: 'xv-dropdown-v2',\n styleUrl: 'xv-dropdown.scss',\n shadow: true,\n})\nexport class XvDropdown {\n @Element() el: HTMLElement;\n @Prop({ reflect: true }) disabled?: boolean;\n @Prop({ reflect: true }) multiple?: boolean;\n @Prop({ reflect: true }) required?: boolean;\n @Prop({ reflect: true }) loading?: boolean;\n @Prop({ reflect: true, mutable: true }) open?: boolean;\n @Prop({ reflect: true }) error?: string;\n @Prop({ reflect: true }) label?: string;\n @Prop({ reflect: true }) helper?: string;\n @Prop({ reflect: true }) warning?: string;\n @Prop({ reflect: true }) placeholder?: string;\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n @Prop({ attribute: 'default-value'}) defaultValue?: DropdownItemData['value'];\n\n @State() selected: DropdownItemData['text'][] = [];\n @State() selectedMap: Map<DropdownItemData['value'], DropdownItemData> = new Map();\n\n @Event() changeSelection: EventEmitter<DropdownItemData[]>;\n\n @Watch('open')\n openChangeHandle() {\n if (this.disabled) return;\n\n if (this.open) {\n this.addListeners();\n } else {\n this.removeListeners();\n }\n }\n\n @Listen('itemSelected')\n handleItemSelected({ detail }: CustomEvent<DropdownItemData>) {\n const hasItem = this.selectedMap.has(detail.value);\n\n if (this.multiple) {\n if (detail.selected) {\n if (!hasItem) this.selectedMap.set(detail.value, detail);\n } else {\n if (hasItem) {\n if (this.required && this.selectedMap.size === 1) return;\n this.selectedMap.delete(detail.value);\n }\n }\n } else {\n if (detail.selected) {\n this.selectedMap.clear();\n this.selectedMap.set(detail.value, detail);\n } else {\n if (!this.required) this.selectedMap.clear();\n }\n this.open = false;\n }\n\n const optionElements = this.el.querySelectorAll(DropdownItemSelector);\n\n forEach(\n optionElements,\n (option) => setAttr(option, 'selected', this.selectedMap.has(option.getAttribute('value')))\n );\n\n this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));\n }\n\n private setSelected = (selectedMap: typeof this.selectedMap, optionNodes?: NodeListOf<Element>): DropdownItemData[] => {\n const values = Array.from(selectedMap.values());\n const options = optionNodes || this.el.querySelectorAll(DropdownItemSelector);\n\n this.selected = values.length === options.length ?\n ['Alle ausgewählt'] : values.length > 2 ?\n [`${values.length} ausgewählt`] : values.map((v) => v.text);\n\n return values;\n };\n\n private handleOpen = () => {\n if (this.disabled || this.open || this.loading) return;\n this.open = true;\n };\n\n private handleClickOutside = (ev: MouseEvent) => {\n if (!this.open || this.el.contains(ev.target as Node)) return;\n\n if (this.open) this.open = false;\n }\n\n private addListeners = () => {\n document.body.addEventListener('click', this.handleClickOutside);\n }\n\n private removeListeners = () => {\n document.body.removeEventListener('click', this.handleClickOutside);\n }\n\n private setDefaultValues = () => {\n if (!this.defaultValue) return;\n\n // Needs to wait next Javascript tik\n setTimeout(() => {\n const options = this.el.querySelectorAll(DropdownItemSelector);\n\n forEach(\n options,\n (option) => {\n const dropdownItemData: DropdownItemData = {\n value: option.getAttribute('value'),\n text: (option as any).innerText,\n selected: `${this.defaultValue}` === option.getAttribute('value'),\n };\n\n if (dropdownItemData.selected) {\n setAttr(option, 'selected', dropdownItemData.selected);\n this.selectedMap.set(dropdownItemData.value, dropdownItemData);\n }\n }\n );\n\n this.setSelected(this.selectedMap, options);\n });\n };\n\n render() {\n return (\n <Host\n class=\"xv-dropdown\"\n role=\"combobox\"\n size={this.size}\n open={this.open}\n error={this.error}\n disabled={this.disabled}\n tabindex={this.disabled ? -1 : false}>\n <label class=\"label\">\n <slot name=\"label\">{this.label}</slot>\n </label>\n\n <div class=\"xv-dropdown-control control\" onClick={this.handleOpen}>\n {this.selected.length ? (\n <p class=\"control_value\">{this.selected.join(', ')}</p>\n ) : (\n <p class=\"control_placeholder\">{this.placeholder || ''}</p>\n )}\n\n {this.renderIcon()}\n\n <svg class=\"control_arrow\" focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\" aria-hidden=\"true\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n </svg>\n </div>\n\n {this.open && <div class=\"options\">\n <slot key=\"xv-dropdown-options\" />\n </div>}\n\n {(this.helper || this.error || this.warning) && (\n <p class=\"helper\">{this.error || this.warning || this.helper}</p>\n )}\n </Host>\n );\n }\n\n componentWillLoad() {\n this.setDefaultValues();\n }\n\n componentDidLoad() {\n this.openChangeHandle();\n }\n\n disconnectedCallback() {\n this.removeListeners();\n }\n\n private renderIcon(): undefined | HTMLElement {\n if (this.loading) {\n return <xv-loader-v2 class=\"control_icon error\" size={SIZE_VAR.XS} />\n }\n\n if (this.error) {\n return (\n <svg class=\"control_icon error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" />\n </svg>\n )\n }\n\n if (!this.error && !!this.warning) {\n return (\n <svg class=\"control_icon warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\" d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\" />\n </svg>\n );\n }\n\n return undefined;\n }\n}\n",":host {\n display: block;\n .checkmark {\n position: absolute;\n right: 12px;\n top: var(--dropdown-padding-y, 10px);\n width: 5px;\n height: 10px;\n border: solid var(--icon-primary, #333);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n transition: opacity 0.2s;\n }\n}\n\n\n","import { Component, Host, h, Event, EventEmitter, Listen, Prop, Element } from '@stencil/core';\nimport { DropdownItemData } from '../_vars';\n\n/**\n * xv-dropdown-item — custom dropdown list item\n * if you want to create new dropdown list item you need to extend current class properties and\n * events\n * should be created and emitted 'itemSelected' event\n */\n@Component({\n tag: 'xv-dropdown-v2-item',\n styleUrl: 'xv-dropdown-item.scss',\n shadow: true,\n})\nexport class XvDropdownItem {\n @Element() el: HTMLElement;\n @Prop() disabled: boolean = false;\n @Prop({ reflect: true, mutable: true }) value: DropdownItemData['value'] = '';\n @Prop({ reflect: true, mutable: true }) selected: DropdownItemData['selected'] = false;\n @Event() itemSelected: EventEmitter<DropdownItemData>;\n\n @Listen('click')\n handleClick() {\n if (this.disabled) return;\n\n this.itemSelected.emit({\n selected: !this.selected,\n value: this.value,\n text: this.el.innerText\n });\n }\n\n\n render() {\n return (\n <Host class=\"xv-dropdown-item\" value={this.value} role=\"option\" tabindex={this.disabled ? -1 : false}>\n <slot></slot>\n\n {this.selected && <span class=\"checkmark\" />}\n </Host>\n );\n }\n\n componentWillLoad() {\n if (!this.value) this.value = this.el.innerText;\n }\n}\n","%svg-common {\n background: url(\"https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.svg\") no-repeat;\n}\n\n.svg-assets--src--project--images--svg-sprite--facebook {\n @extend %svg-common;\n background-position: 0 100%;\n width: 32px;\n height: 32px;\n}\n\n.svg-assets--src--project--images--svg-sprite--instagram {\n @extend %svg-common;\n background-position: 14.545454545454545% 100%;\n width: 32px;\n height: 32px;\n}\n\n.svg-assets--src--project--images--svg-sprite--kauf-auf-rechnung {\n @extend %svg-common;\n background-position: 0 0;\n width: 84px;\n height: 58px;\n}\n\n.svg-assets--src--project--images--svg-sprite--linkedin {\n @extend %svg-common;\n background-position: 29.09090909090909% 100%;\n width: 32px;\n height: 32px;\n}\n\n.svg-assets--src--project--images--svg-sprite--mastercard {\n @extend %svg-common;\n background-position: 50% 0;\n width: 84px;\n height: 58px;\n}\n\n.svg-assets--src--project--images--svg-sprite--paypal {\n @extend %svg-common;\n background-position: 0 64.44444444444444%;\n width: 84px;\n height: 58px;\n}\n\n.svg-assets--src--project--images--svg-sprite--sepa {\n @extend %svg-common;\n background-position: 50% 64.44444444444444%;\n width: 84px;\n height: 58px;\n}\n\n.svg-assets--src--project--images--svg-sprite--visa {\n @extend %svg-common;\n background-position: 100% 0;\n width: 84px;\n height: 58px;\n}\n\n.svg-assets--src--project--images--svg-sprite--vorkasse {\n @extend %svg-common;\n background-position: 100% 64.44444444444444%;\n width: 84px;\n height: 58px;\n}\n\n.svg-assets--src--project--images--svg-sprite--xing {\n @extend %svg-common;\n background-position: 43.63636363636363% 100%;\n width: 32px;\n height: 32px;\n}\n\n.svg-assets--src--project--images--svg-sprite--youtube {\n @extend %svg-common;\n background-position: 58.18181818181818% 100%;\n width: 32px;\n height: 32px;\n}\n\n.sprite-icon-beachten {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -90px 0px;\n\twidth: 80px;\n\theight: 80px;\n}\n.sprite-icon-buchen {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: 0px -82px;\n\twidth: 80px;\n\theight: 80px;\n}\n.sprite-icon-direct {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -284px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-downloads {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -80px -82px;\n\twidth: 80px;\n\theight: 80px;\n}\n.sprite-icon-kino {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -305px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-kosten {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -170px 0px;\n\twidth: 80px;\n\theight: 80px;\n}\n.sprite-icon-kreation {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -170px -80px;\n\twidth: 80px;\n\theight: 80px;\n}\n.sprite-icon-logo-full {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: 0px -242px;\n\twidth: 189px;\n\theight: 32px;\n}\n.sprite-icon-logo-small {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -250px -99px;\n\twidth: 34px;\n\theight: 34px;\n}\n.sprite-icon-mobile {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -326px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-online {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -347px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-partner-agma {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -250px -66px;\n\twidth: 88px;\n\theight: 33px;\n}\n.sprite-icon-partner-bvdw {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -338px -66px;\n\twidth: 88px;\n\theight: 33px;\n}\n.sprite-icon-partner-climate {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -250px 0px;\n\twidth: 186px;\n\theight: 33px;\n}\n.sprite-icon-partner-google {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: 0px 0px;\n\twidth: 90px;\n\theight: 82px;\n}\n.sprite-icon-partner-microsoft {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -250px -33px;\n\twidth: 186px;\n\theight: 33px;\n}\n.sprite-icon-plakat {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -368px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-print {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -389px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-radio {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -410px -99px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-services {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -250px -133px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-topangebote {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -271px -133px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-tv {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: -292px -133px;\n\twidth: 21px;\n\theight: 21px;\n}\n.sprite-icon-werbeformen {\n\tbackground-image: url(https://crossvertise.blob.core.windows.net/assets/images/xv-sprite.png?1739974291120);\n\tbackground-position: 0px -162px;\n\twidth: 80px;\n\theight: 80px;\n}\n","import { Component, h,Element, State } from '@stencil/core';\n\n@Component({\n tag: 'xv-footer',\n styleUrl: 'xv-footer.scss',\n})\nexport class Xvfooter {\n @State() htmlContent: string = '';\n @Element() el: HTMLElement;\n\n async componentWillLoad() {\n try {\n const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/footer.html');\n const text = await response.text();\n this.htmlContent = text;\n } catch (error) {\n console.error('Failed to fetch footer HTML:', error);\n }\n }\n\n render() {\n return (\n <footer>\n <div innerHTML={this.htmlContent}></div>\n </footer>\n );\n }\n}\n","@import '../../global.scss';\n.media-nav-dropdown:hover > .dropdown-menu {\n display: block;\n}\n\n.alle-kategorien-menu li:hover > ul{\n display: block;\n}\n\n#nav-container .media-nav #media-menu-item-alle-kategorien li:hover > ul{\n display: block;\n}","import { Component, h,Element, State } from '@stencil/core';\n\n@Component({\n tag: 'xv-header',\n styleUrl: 'xv-header.scss',\n})\nexport class XvHeader {\n @State() htmlContent: string = '';\n @Element() el: HTMLElement;\n\n async componentWillLoad() {\n try {\n const response = await fetch('https://crossvertise.blob.core.windows.net/nav-sync-qa/nav.html');\n const text = await response.text();\n const parser = new DOMParser();\n const doc = parser.parseFromString(text, 'text/html');\n\n const mixedMenu = doc.querySelector('.alle-kategorien-menu');\n const allCategoriesGenerals = doc.querySelector('.alle-kategorien-allgemines');\n const allCategoriesContainer = doc.querySelector('#media-menu-item-alle-kategorien > .dropdown-menu');\n\n if (mixedMenu && allCategoriesGenerals && allCategoriesContainer) {\n allCategoriesContainer.appendChild(mixedMenu);\n allCategoriesContainer.appendChild(allCategoriesGenerals);\n }\n\n this.htmlContent = doc.body.innerHTML;\n } catch (error) {\n console.error('Failed to fetch header HTML:', error);\n }\n }\n\n render() {\n return (\n <div id=\"nav-container\" class=\"xv-header\">\n <nav class=\"navbar navbar-default navbar-fixed-top backend-force-relative\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-sm-3 col-xs-3 col-xxs-4 no-padding-right\">\n <div class=\"navbar-header\">\n <button class=\"btn btn-default navbar-toggle pull-left navbar-btn\" data-toggle=\"collapse\" data-target=\"#main-menu\">\n <i class=\"fa fa-bars fa-lg\" aria-hidden=\"true\"></i>\n </button>\n <div class=\"visible-xs-inline\">\n <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n <img src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg\" alt=\"Crossvertise\" />\n </a>\n </div>\n <div class=\"hidden-xs\">\n <a href=\"https://www.crossvertise.com/\" class=\"navbar-brand\">\n <img loading=\"lazy\" src=\"https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg\" alt=\"Crossvertise\" />\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-sm-9 col-xs-9 col-xxs-8 no-padding-left\">\n <ul class=\"nav nav-pills nav-meta pull-right\">\n <li>\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">\n <i class=\"fa fa-user\"></i>\n <i class=\"fa fa-exchange-alt\"></i>\n </a>\n </li>\n <li>\n <a class=\"btn btn-link navbar-btn hidden-xs\" href=\"#\">Kontakt</a>\n <a href=\"https://www.crossvertise.com/contact\" class=\"btn btn-link navbar-btn hidden-xs\" style={{ display: 'none' }}>Kontakt</a>\n <a class=\"btn btn-default btn-link navbar-btn visible-xs hidden-xxs\" href=\"#\">\n <i class=\"fa fa-phone\"></i>\n </a>\n </li>\n <li class=\"dropdown\" id=\"my-xv-menu\">\n <a href=\"#\" class=\"dropdown-toggle btn btn-default navbar-btn btn-link\" data-toggle=\"dropdown\">\n <i class=\"fa fa-user fa-lg text-success\" aria-hidden=\"true\"></i> \n <span class=\"hidden-xs\">Mein Bereich</span>\n <span class=\"caret\"></span>\n </a>\n <ul class=\"dropdown-menu-left dropdown-menu navbar-myxv\">\n <li>\n <a href=\"#\"><i class=\"fa fa-tachometer-alt fa-fw\"></i> Cockpitfunktionen <i class=\"fa fa-caret-down\"></i></a>\n </li>\n <li>\n <a href=\"#\"><i class=\"fa fa-cubes\"></i> Entitäten <i class=\"fa fa-caret-down\"></i></a>\n </li>\n <li role=\"separator\" class=\"divider\"></li>\n <li>\n <a href=\"#\"><i class=\"fa fa-user\"></i> Mein Crossvertise <span class=\"badge\">0</span><i class=\"fa fa-caret-down\"></i></a>\n </li>\n <li>\n <a href=\"https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com\">\n <i class=\"fa fa-sign-out-alt fa-fw\" aria-hidden=\"true\"></i> Logout\n </a>\n </li>\n </ul>\n </li>\n <li class=\"visible-sm-block visible-xs-block hidden-xxs\">\n <a class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"collapse\" data-target=\"#search-collapse\">\n <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n </a>\n </li>\n <li class=\"hidden-md hidden-lg\">\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\">\n <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\n <span class=\"hidden-xs\">Login</span>\n </a>\n </li>\n <li class=\"hidden-xs hidden-sm\">\n <a role=\"button\" class=\"btn btn-default navbar-btn btn-link\" data-toggle=\"modal\" data-target=\"#login-modal\">\n <i class=\"fa fa-user fa-lg\" aria-hidden=\"true\"></i>\n <span>Login</span>\n </a>\n </li>\n <li class=\"hidden-xs\">\n <a class=\"btn btn-default navbar-btn btn-link\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/account/register\">\n <span>Registrieren</span>\n </a>\n </li>\n <li class=\"navbar-divider hidden-xs\"></li>\n <li>\n <a class=\"btn btn-success navbar-btn\" href=\"https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart\">\n <span class=\"xv-font-icon-warenkorb fa-lg fa-fw\" aria-hidden=\"true\"></span>\n <span class=\"hidden-xs hidden-sm\"> Warenkorb </span>\n <span class=\"badge badge-success\">0</span>\n </a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n <div class=\"collapse hidden-md hidden-lg\" id=\"search-collapse\">\n <div class=\"container\">\n <form action=\"https://market.crossvertise.com/de-de/media/search\" class=\"navbar-form\" method=\"get\" role=\"search\">\n <div class=\"input-group\">\n <input class=\"form-control\" name=\"Q\" placeholder=\"Suche\" type=\"text\" autocomplete=\"off\" />\n <span class=\"input-group-btn force-full-width\">\n <button class=\"btn btn-default search-addon\" type=\"submit\">\n <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\n </button>\n </span>\n </div>\n </form>\n </div>\n </div>\n </nav>\n <div innerHTML={this.htmlContent}></div>\n </div>\n );\n }\n}\n",":host {\n font-family: var(--ff-body, inherit);\n}\n\n:host(.xv-link_inline) {\n display: inline-block;\n .xv-link {\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: none;\n text-decoration-thickness: auto;\n text-underline-offset: auto;\n text-underline-position: from-font;\n }\n}\n\n:host(.xv-link_standalone) {\n display: block;\n .xv-link {\n display: block;\n text-decoration-line: none;\n }\n}\n\n:host(.xv-link_ghost) {\n .xv-link {\n color: inherit;\n text-decoration: none;\n }\n}\n\n.xv-link {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n color: var(--link-primary);\n font-family: var(--ff-body);\n font-style: normal;\n font-weight: 400;\n transition: color 200ms ease-in-out;\n\n &:active {\n color: var(--text-primary);\n }\n\n &:visited {\n color: var(--link-visted);\n }\n\n &:hover {\n color: var(--link-primary-hover);\n cursor: pointer;\n }\n\n &:disabled, &_disabled, &::part(disabled) {\n color: var(--text-disabled);\n pointer-events: none;\n cursor: initial;\n }\n\n &.sm {\n font-size: var(--fz-sm);\n line-height: 137.5%;\n }\n\n &.md {\n font-size: var(--fz-md);\n line-height: 128.571%;\n }\n\n &.lg {\n font-size: var(--fz-lg);\n line-height: 133.333%;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-link-v2',\n styleUrl: 'xv-link.scss',\n shadow: true,\n})\nexport class XvLink {\n @Prop() href: string;\n @Prop() target: '_self' | '_blank' | '_parent' | '_top';\n @Prop() disabled: boolean = false;\n @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n @Prop() variant: 'standalone' | 'inline' | 'ghost' = 'inline';\n\n preventLinkHandler(e: PointerEvent) {\n if (!this.disabled) return;\n\n e.preventDefault();\n e.stopPropagation();\n }\n\n render() {\n return (\n <Host class={`xv-link_${this.variant}`}>\n <a\n href={this.href}\n onClick={this.preventLinkHandler.bind(this)}\n class={`xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`}\n target={this.target}\n >\n <slot name=\"icon-left\"></slot>\n\n <slot></slot>\n\n <slot name=\"icon-right\"></slot>\n </a>\n </Host>\n );\n }\n}\n",":host(.xv-loader) {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n .spinner {\n color: var(--text-secondary, #515151);\n font-size: inherit;\n border: calc(max(4px, 0.1em)) solid rgba(0, 0, 0, 0.1);\n border-top-color: var(--highlight-01, #CEDE94);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n width: 1em;\n height: 1em;\n min-width: 1em;\n min-height: 1em;\n max-width: 1em;\n max-height: 1em;\n }\n\n ::slotted(*) {\n font-family: var(--ff-heading, \"IBM Plex Sans\");\n color: inherit;\n margin-top: 0;\n margin-bottom: 0;\n font-size: inherit;\n line-height: 133.333%;\n letter-spacing: 0.32px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n:host([variant=\"vertical\"]) {\n flex-direction: column;\n}\n\n:host([size=\"xs\"]) {\n font-size: var(--fz-xs, 9px);\n}\n:host([size=\"sm\"]) {\n font-size: var(--fz-sm, 12px);\n}\n:host([size=\"md\"]) {\n font-size: inherit;\n}\n:host([size=\"lg\"]) {\n font-size: var(--spacing-08, 40px);\n}\n:host([size=\"xl\"]) {\n font-size: var(--spacing-12, 96px);\n}\n\n/* Animation */\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n tag: 'xv-loader-v2',\n styleUrl: 'xv-loader.scss',\n shadow: true,\n})\nexport class XvLoader {\n /**\n * Is component displayed\n */\n @Prop() show: boolean = true;\n /**\n * Message direction\n */\n @Prop() variant: 'vertical' | 'horizontal' = 'horizontal';\n /**\n * Size of loader. Default size depends of font size\n */\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n\n render() {\n if (!this.show) return null;\n\n return (\n <Host class={{ 'xv-loader': true }} size={this.size}>\n <slot name=\"before\"></slot>\n <div class={{spinner: true }}></div>\n <slot></slot>\n </Host>\n );\n }\n}\n",":host {\n display: inline-flex;\n\n .backdrop {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .modal {\n display: flex;\n flex-direction: column;\n max-height: 60vh;\n max-width: 960px;\n position: relative;\n animation: fadeIn 0.25s ease;\n padding-block: var(--gap-md, 16px);\n background: var(--layer-02, #FFF);\n box-shadow: 0 6px 10px 4px rgba(39, 52, 53, 0.15), 0 2px 3px 0 rgba(39, 52, 53, 0.30);\n\n &_header {\n position: relative;\n padding-inline: var(--gap-md, 16px);\n &__title {\n color: var(--text-text-primary, #333);\n font-family: var(--ff-heading, \"Gill Sans\");\n font-size: var(--fz-xl, 21px);\n line-height: 133.333%;\n margin: 0 20px 0 0;\n }\n }\n\n &_content {\n padding: var(--gap-md, 16px);\n overflow: visible;\n &.overflow {\n overflow: auto;\n }\n }\n\n &_footer {\n position: relative;\n padding-inline: var(--gap-md, 16px);\n }\n\n &_close {\n z-index: +1;\n cursor: pointer;\n border: none;\n outline: none;\n font-size: 28px;\n background-color: transparent;\n position: absolute;\n right: 10px;\n top: 10px;\n transition: 350ms ease-in-out opacity;\n &:hover {\n opacity: 0.6;\n }\n &:active {\n opacity: 0.3;\n }\n }\n }\n}\n\n:host([open]) {\n .backdrop {\n opacity: 1;\n pointer-events: all;\n }\n}\n\n:host([size=\"xs\"]) {\n .modal {\n max-width: min(300px, 90vw);\n }\n}\n:host([size=\"sm\"]) {\n .modal {\n max-width: min(480px, 90vw);\n }\n}\n:host([size=\"md\"]) {\n .modal {\n max-width: min(600px, 90vw);\n }\n}\n:host([size=\"lg\"]) {\n .modal {\n max-width: min(960px, 90vw);\n }\n}\n:host([size=\"xl\"]) {\n .modal {\n max-width: min(1200px, 80vw);\n }\n}\n\n@keyframes fadeIn {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Method } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n tag: 'xv-modal-v2',\n styleUrl: 'xv-modal.scss',\n shadow: true,\n})\nexport class XvModal {\n @Element() el: HTMLElement;\n /**\n * Is modal opened\n */\n @Prop({ reflect: true, mutable: true }) open: boolean = false;\n /**\n * If true then modal not be closed on backdrop click\n */\n @Prop({ reflect: true }) permanent: boolean = false;\n /**\n * Size of modal. But max size is 90% view width\n */\n @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\n /**\n * When need scroll modal content\n */\n @Prop({ reflect: true }) overflow: boolean = true;\n\n @Event({ eventName: 'openChange' }) openChange!: EventEmitter<boolean>;\n\n private triggerEl: HTMLElement | null = null;\n\n @Method()\n async openModal() {\n this.open = true;\n this.openChange?.emit(this.open);\n return this.open\n };\n\n @Method()\n async closeModal() {\n this.open = false;\n this.openChange?.emit(this.open);\n return this.open\n }\n\n private onBackdropClick = async (e: MouseEvent) => {\n if (this.permanent) return;\n // click on backdrop\n if (e.target === e.currentTarget) {\n await this.closeModal();\n }\n };\n\n private removeTriggerListener = () => {\n this.triggerEl?.removeEventListener('click', this.openModal.bind(this));\n };\n\n private setupTrigger = () => {\n this.removeTriggerListener();\n const slot = this.el.shadowRoot.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n\n if (slot) {\n const assigned = slot.assignedElements();\n if (assigned.length > 0) {\n this.triggerEl = assigned[0] as HTMLElement;\n this.triggerEl.addEventListener('click', this.openModal.bind(this));\n }\n }\n }\n\n render() {\n return (\n <Host role=\"dialog\" size={this.size} id={this.el.id}>\n <slot name=\"trigger\" onSlotchange={this.setupTrigger} />\n\n <div class={{ backdrop: true }} onClick={this.onBackdropClick}>\n <div class=\"modal\">\n <button class=\"modal_close\" onClick={this.closeModal.bind(this)}>×</button>\n <div class=\"modal_header\">\n <slot name=\"header\">\n {this.el?.title && <h5 class=\"modal_header__title\">{this.el.title}</h5>}\n </slot>\n </div>\n\n <div class={{ 'modal_content': true, overflow: this.overflow }}>\n <slot />\n </div>\n\n <div class=\"modal_footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.removeTriggerListener();\n }\n}\n","export enum NOTIFICATION_VARIANTS {\n INFO = 'info',\n SUCCESS = 'success',\n WARNING = 'warning',\n ERROR = 'error'\n}\n",":host {\n --notification-icon-size: 20px;\n\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n border-radius: 3px;\n padding: var(--gap-md, 16px);\n column-gap: var(--gap-md, 16px);\n border: 1px solid;\n\n .content {\n flex: 1;\n text-align: left;\n color: var(--text-primary, #333);\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n line-height: 128%;\n letter-spacing: 0.16px;\n display: flex;\n flex-direction: column;\n row-gap: var(--spacing-06, 24px);\n\n &_title {\n text-align: left;\n margin: 0;\n padding: 0;\n font-weight: 700;\n line-height: var(--notification-icon-size);\n }\n }\n\n .icon {\n width: var(--notification-icon-size);\n height: var(--notification-icon-size);\n font-size: var(--notification-icon-size);\n fill: currentColor;\n }\n\n .close {\n --notification-close-size: 16px;\n\n background-color: transparent;\n border: none;\n width: var(--notification-close-size);\n height: var(--notification-close-size);\n min-width: var(--notification-close-size);\n min-height: var(--notification-close-size);\n position: relative;\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: 300ms ease-in-out opacity;\n\n &:after, &:before {\n content: '';\n position: absolute;\n top: calc(50% - (var(--notification-close-size) / 2));\n left: calc(50% - 1px);\n display: inline-block;\n width: 2px;\n height: 90%;\n background-color: var(--button-tertiary, #273435);\n }\n\n &:after {\n transform: rotate(45deg);\n }\n\n &:before {\n transform: rotate(-45deg);\n }\n\n &:hover {\n opacity: 0.7;\n }\n\n &:active {\n opacity: 0.3;\n }\n }\n\n ::slotted([slot=\"footer\"]) {\n margin: 0;\n padding: 0;\n }\n}\n\n:host([type=\"info\"]) {\n border-color: var(--support-info, #1B87B2);\n background-color: var(--support-info-background, #E2F5F8);\n .icon {\n color: var(--support-info, #1B87B2);\n }\n}\n\n:host([type=\"success\"]) {\n border-color: var(--support-success, #97BF0D);\n background-color: var(--support-success-background, #F4F7E5);\n .icon {\n color: var(--support-success, #1B87B2);\n }\n}\n\n:host([type=\"warning\"]) {\n border-color: var(--support-warning, #FF7F04);\n background-color: var(--support-warning-backround, #FFF9C2);\n .icon {\n color: var(--support-warning, #FF7F04);\n }\n}\n\n:host([type=\"error\"]) {\n border-color: var(--support-error, #F1290E);\n background-color: var(--support-error-background, #FEE9E8);\n .icon {\n color: var(--support-error, #F1290E);\n }\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter } from '@stencil/core';\nimport { NOTIFICATION_VARIANTS } from './_vars';\n\n@Component({\n tag: 'xv-notification-v2',\n styleUrl: 'xv-notification.scss',\n shadow: true,\n assetsDirs: ['xv-notification/icons']\n})\nexport class XvNotification {\n @Element() el: HTMLElement;\n @Prop({ reflect: true }) variant: NOTIFICATION_VARIANTS = NOTIFICATION_VARIANTS.INFO;\n @Prop({ reflect: true }) dismissible: boolean = false;\n @Event() close: EventEmitter<MouseEvent>;\n\n private closeHandle = (e: MouseEvent) => this.close.emit(e);\n\n render() {\n return (\n <Host class=\"xv-notification\" type={this.variant}>\n {this.renderIcon(this.variant)}\n\n <div class=\"content\">\n <div class=\"content_wrapper\">\n {this.el.title && <h5 class=\"content_title\">{this.el.title}</h5>}\n <slot></slot>\n </div>\n <slot name=\"footer\"></slot>\n </div>\n\n {this.dismissible && <button class=\"close\" onClick={this.closeHandle} />}\n </Host>\n );\n }\n\n private renderIcon = (variant: NOTIFICATION_VARIANTS, cls: string = 'icon') => {\n switch (variant) {\n case NOTIFICATION_VARIANTS.ERROR: {\n return (\n <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path\n d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z\" />\n </svg>\n );\n }\n case NOTIFICATION_VARIANTS.INFO: {\n return (\n <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path\n d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\" />\n </svg>\n );\n }\n case NOTIFICATION_VARIANTS.SUCCESS: {\n return (\n <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path\n d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" />\n </svg>\n )\n }\n case NOTIFICATION_VARIANTS.WARNING: {\n return (\n <svg class={cls} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path\n d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\" />\n </svg>\n );\n }\n default:\n return null;\n }\n };\n}\n","$tag: xv-overflow-menu-v2;\n\n:host {\n --overflow-menu-size: 40px;\n --overflow-menu-item-padding: 11px 16px;\n\n display: inline-flex;\n flex-direction: column;\n position: relative;\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--overflow-menu-size);\n height: var(--overflow-menu-size);\n background-color: transparent;\n border: 1px solid transparent;\n transition: 300ms ease-in-out color, 300ms ease-in-out background-color, 200ms ease box-shadow;\n font-size: calc(var(--overflow-menu-size) / 2);\n color: var(--icon-primary);\n border-radius: 5%;\n margin: 0;\n padding: 0;\n\n &:hover {\n cursor: pointer;\n color: var(--link-primary-hover);\n background-color: var(--background-hover);\n }\n\n &:active {\n background-color: var(--background-active);\n color: var(--icon-disabled);\n }\n\n &:disabled {\n background-color: transparent;\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n\n .list {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: flex-start;\n background-color: var(--layer-01);\n position: absolute;\n top: 100%;\n left: 0;\n max-height: 0;\n overflow: hidden;\n border-radius: 3px;\n transition: 200ms ease-in-out max-height, 100ms ease box-shadow;\n min-width: 128px;\n max-width: 50vw;\n width: max-content;\n &.open {\n overflow: visible;\n }\n\n ::slotted(#{$tag}-item) {\n padding: var(--overflow-menu-item-padding);\n }\n\n &.position-right {\n left: initial;\n right: 0;\n border-top-right-radius: 0;\n }\n\n &.position-left {\n border-top-left-radius: 0;\n }\n }\n}\n\n:host([size=\"xs\"]) {\n --overflow-menu-item-padding: 4px 16px;\n --overflow-menu-size: 24px;\n}\n:host([size=\"sm\"]) {\n --overflow-menu-size: 32px;\n --overflow-menu-item-padding: 7px 16px;\n}\n:host([size=\"md\"]) {\n --overflow-menu-size: 40px;\n --overflow-menu-item-padding: 11px 16px;\n}\n:host([size=\"lg\"]) {\n --overflow-menu-size: 48px;\n --overflow-menu-item-padding: 16px;\n}\n:host([size=\"xl\"]) {\n --overflow-menu-size: 56px;\n --overflow-menu-item-padding: 16px;\n}\n\n:host([open]) {\n .btn {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--layer-01);\n box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);\n z-index: 1;\n }\n\n .list {\n max-height: 500px;\n z-index: 2;\n box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { OverflowMenuEvent } from './_vars';\n\n@Component({\n tag: 'xv-overflow-menu-v2',\n styleUrl: 'xv-overflow-menu.scss',\n shadow: true,\n})\nexport class XvOverflowMenu {\n @Element() el: HTMLElement;\n @Prop({ reflect: true, mutable: true }) open: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop() position: 'left' | 'right' = 'left';\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n @Event() selectItem: EventEmitter<OverflowMenuEvent>;\n\n @Listen('keydown')\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape'){\n ev.stopPropagation();\n ev.preventDefault();\n this.handleClose();\n }\n }\n\n @Watch('open')\n openChangeHandle() {\n if (this.disabled) return;\n\n if (this.open) {\n this.el.addEventListener('itemClick', this.handleSelectItem);\n document.body.addEventListener('click', this.handleClick);\n } else {\n this.removeListeners();\n }\n }\n\n private handleClose = () => {\n if (this.open) this.open = false;\n }\n\n private removeListeners = () => {\n this.el.removeEventListener('itemClick', this.handleSelectItem);\n document.body.removeEventListener('click', this.handleClick);\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (!this.open || this.el.contains(ev.target as Node)) return;\n\n ev.stopPropagation();\n ev.preventDefault();\n this.handleClose()\n }\n\n private onOpenToggle = () => {\n this.open = !this.open;\n };\n\n private handleSelectItem = ({ detail }: CustomEvent<OverflowMenuEvent>) => {\n this.selectItem.emit(detail);\n this.handleClose();\n }\n\n render() {\n return (\n <Host\n class=\"xv-overflow-menu\"\n size={this.size}\n role=\"menu\"\n tabindex={-1}\n >\n <button class={{ btn: true, open: this.open }} onClick={this.onOpenToggle} disabled={this.disabled}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 128 512\">\n <path\n d=\"M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z\" />\n </svg>\n </button>\n <div class={{list: true, open: this.open, [`position-${this.position}`]: true }}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n\n componentDidLoad() {\n this.openChangeHandle();\n }\n\n disconnectedCallback() {\n this.removeListeners();\n }\n}\n","export interface OverflowMenuEvent {\n value: string | number | object | undefined;\n event: PointerEvent;\n}\n\nexport enum OverflowMenuVariant {\n DEFAULT = '',\n DANGER = 'danger',\n}\n",":host {\n flex: 1;\n display: inline-block;\n background-color: transparent;\n transition: 200ms ease background-color;\n user-select: none;\n text-align: left;\n color: var(--text-secondary, #515151);\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n line-height: 128.571%;\n letter-spacing: 0.16px;\n}\n:host(:hover) {\n cursor: pointer;\n background-color: var(--layer-hover-01, #E9E9E9);\n}\n:host(:active) {\n background-color: var(--layer-active-01, #D1D1D1);\n}\n:host(:focus) {\n border: 2px solid var(--focus, #273435);\n}\n\n:host([variant=\"danger\"]) {\n background-color: var(--text-error, #D62512);\n color: var(--text-on-color, #FFF);\n}\n:host([variant=\"danger\"]:hover) {\n background-color: var(--support-error, #F1290E);\n}\n:host([variant=\"danger\"]:active) {\n background-color: var(--text-error, #D62512);\n}\n\n:host([disabled]) {\n background-color: var(--layer-01, #F7F7F7) !important;\n color: var(--text-disabled) !important;\n cursor: not-allowed;\n}\n","import { Component, Host, h, Prop, Listen, Event, EventEmitter } from '@stencil/core';\nimport { OverflowMenuEvent, OverflowMenuVariant } from '../_vars';\n\n@Component({\n tag: 'xv-overflow-menu-v2-item',\n styleUrl: 'xv-overflow-menu-item.scss',\n shadow: true,\n})\nexport class XvOverflowMenuItem {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) value: OverflowMenuEvent['value'];\n @Prop() variant: OverflowMenuVariant = OverflowMenuVariant.DEFAULT;\n @Event() itemClick: EventEmitter<OverflowMenuEvent>;\n\n @Listen('click')\n handleClick(event: PointerEvent) {\n if (this.disabled) return;\n\n this.itemClick.emit({ event, value: this.value });\n }\n\n render() {\n return (\n <Host\n class=\"xv-overflow-menu-item\"\n role=\"menuitem\"\n disabled={this.disabled}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n","export enum PROGRESS_VARIANTS {\n DEFAULT = '',\n HORIZONTAL = 'horizontal'\n}\n\nexport enum PROGRESS_ITEM_STATUS {\n DONE = 'done',\n NO_STARTED = 'not_started',\n IN_PROGRESS = 'in_progress',\n}\n","$prefix: xv-progress-indicator-v2;\n\n:host {\n --progress-indicator-icon-size: 22px;\n --progress-indicator-font-size: var(--fz-md, 14px);\n\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n font-family: var(--ff-body, inherit);\n overflow-x: auto;\n}\n\n:host([variant=\"horizontal\"]) {\n ::slotted(#{$prefix}-item) {\n flex-direction: row;\n column-gap: var(--gap-xs, 8px);\n justify-content: flex-start;\n padding-left: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n }\n}\n\n:host([size=\"xs\"]) {\n --progress-indicator-icon-size: 14px;\n --progress-indicator-font-size: var(--fz-md, 14px);\n}\n:host([size=\"sm\"]) {\n --progress-indicator-icon-size: 16px;\n --progress-indicator-font-size: var(--fz-md, 14px);\n}\n:host([size=\"md\"]) {\n --progress-indicator-icon-size: 22px;\n --progress-indicator-font-size: var(--fz-md, 14px);\n}\n:host([size=\"lg\"]) {\n --progress-indicator-icon-size: 24px;\n --progress-indicator-font-size: var(--fz-lg, 18px);\n}\n:host([size=\"xl\"]) {\n --progress-indicator-icon-size: 32px;\n --progress-indicator-font-size: var(--fz-xl, 20px);\n}\n","import { Component, Host, h, Prop, Watch, Element } from '@stencil/core';\nimport { PROGRESS_ITEM_STATUS, PROGRESS_VARIANTS } from './_vars';\nimport { SIZE_VAR } from '../../types/enum';\nimport { forEach } from '../../utils/utils';\n\n@Component({\n tag: 'xv-progress-indicator-v2',\n styleUrl: 'xv-progress-indicator.scss',\n shadow: true,\n})\nexport class XvProgressIndicator {\n @Element() el: HTMLElement;\n /**\n * Current progress\n * from 0 to 100\n */\n @Prop({ reflect: true }) progress: number = 0;\n /**\n * Progress variant\n * enum PROGRESS_VARIANTS\n * possible option `horizontal`\n */\n @Prop() variant: PROGRESS_VARIANTS = PROGRESS_VARIANTS.DEFAULT;\n /**\n * Size of progress\n * enum SIZE_VAR\n * possible options `XS | SM | MD | LG | XL`\n */\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n\n // Update 'xv-progress-indicator-item' done status\n @Watch('progress')\n updateChildItems() {\n const items = this.el.children;\n const itemsCount = this.el.childElementCount;\n const progressPerItem = 100 / itemsCount;\n\n if (!items.length || !itemsCount) return;\n\n forEach(items, (item, index) => {\n const itemProgressStart = index * progressPerItem;\n let status: PROGRESS_ITEM_STATUS;\n const localProgress = Math.min(\n Math.max((this.progress - itemProgressStart) / progressPerItem, 0), 1\n ) * 100;\n\n if (localProgress >= 100) {\n status = PROGRESS_ITEM_STATUS.DONE;\n } else if (localProgress > 0) {\n status = PROGRESS_ITEM_STATUS.IN_PROGRESS;\n } else {\n status = PROGRESS_ITEM_STATUS.NO_STARTED;\n }\n\n // Set item current status\n (item as HTMLElement).setAttribute('status', status);\n\n // Update progress line\n const line = (item as HTMLElement)?.shadowRoot?.querySelector('.line') as HTMLElement;\n if (line) line.style.width = `${localProgress}%`;\n });\n }\n\n // Load initial done status\n componentDidLoad() {\n this.updateChildItems()\n }\n\n render() {\n return (\n <Host variant={this.variant} size={this.size} class={{ 'xv-progress-indicator': true }}>\n <slot></slot>\n </Host>\n );\n }\n}\n",":host(.xv-progress-indicator-item) {\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 10px 16px;\n row-gap: var(--gap-sm, 10px);\n &:before {\n width: 100%;\n }\n\n &:before, .line {\n content: '';\n z-index: 1;\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n color: inherit;\n background-color: var(--border-subtle-01, grey);\n }\n\n .line {\n width: 0;\n color: inherit;\n transition: width 250ms ease;\n background-color: var(--background-brand, currentColor);\n }\n\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--progress-indicator-icon-size, 22px);\n height: var(--progress-indicator-icon-size, 22px);\n min-width: var(--progress-indicator-icon-size, 22px);\n min-height: var(--progress-indicator-icon-size, 22px);\n max-width: var(--progress-indicator-icon-size, 22px);\n max-height: var(--progress-indicator-icon-size, 22px);\n border: 2px dashed var(--icon-primary, currentColor);\n border-radius: 50%;\n svg {\n width: calc(var(--progress-indicator-icon-size, 22px) * 0.637);\n height: calc(var(--progress-indicator-icon-size, 22px) * 0.637);\n opacity: 0;\n transition: opacity 500ms ease-in-out;\n }\n }\n\n .label {\n margin: 0;\n color: var(--text-primary);\n font-size: var(--progress-indicator-font-size, 14px);\n line-height: 1.1;\n letter-spacing: 0.16px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n}\n\n:host([status=\"done\"]),\n:host([status=\"in_progress\"]), {\n .icon {\n border-color: var(--background-brand, currentColor);\n color: var(--background-brand, inherit);\n border-style: solid;\n svg {\n opacity: 1;\n }\n }\n\n .line {\n width: 100%;\n background-color: var(--background-brand, currentColor);\n }\n}\n\n:host([status=\"in_progress\"]) {\n .icon {\n border-color: var(--background-brand, currentColor);\n color: var(--background-brand, inherit);\n border-style: solid;\n position: relative;\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n background-color: var(--background-brand, currentColor);\n border-top-left-radius: 50% 100%;\n border-bottom-left-radius: 50% 100%;\n }\n\n svg {\n opacity: 0;\n }\n }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\nimport { PROGRESS_ITEM_STATUS } from '../_vars';\n\n@Component({\n tag: 'xv-progress-indicator-v2-item',\n styleUrl: 'xv-progress-indicator-item.scss',\n shadow: true,\n})\nexport class XvProgressIndicatorItem {\n @Element() el: HTMLElement;\n @Prop({ reflect: false }) status: PROGRESS_ITEM_STATUS = PROGRESS_ITEM_STATUS.NO_STARTED;\n\n render() {\n return (\n <Host\n status={this.status}\n class={{'xv-progress-indicator-item': true}}\n >\n <span class=\"line\"/>\n <span class=\"icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\">\n <path\n fill=\"currentColor\"\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\"\n />\n </svg>\n </span>\n <p class=\"label\"><slot/></p>\n </Host>\n );\n }\n}\n",":host {\n display: block;\n}\n\n:host([loading]) {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 200px;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { SIZE_VAR } from '../../../types/enum';\n\n@Component({\n tag: 'xv-tab-v2',\n styleUrl: 'xv-tab.scss',\n shadow: true,\n})\nexport class XvTab {\n @Prop({ reflect: true }) label: string;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) loading: boolean = false;\n @Prop() name?: number | string;\n\n render() {\n return (\n <Host disabled={this.disabled} name={this.name}>\n {this.loading ? <xv-loader-v2 size={SIZE_VAR.LG} /> : <slot />}\n </Host>\n );\n }\n}\n","$tag-name: xv-table-v2;\n\n:host {\n --xv-table-min-height: 51.11px;\n --xv-table-padding-x: 16px;\n --xv-table-padding-y: 15px;\n --xv-table-cols-template: repeat(auto-fit, minmax(0, 1fr));\n\n display: block;\n .batch-actions {\n user-select: none;\n pointer-events: none;\n position: absolute;\n left: 0;\n bottom: 100%;\n width: 0;\n min-height: 48px;\n overflow: hidden;\n border-radius: 3px 3px 0 0;\n background-color: var(--interactive-01, #273435);\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: var(--spacing-04);\n flex-wrap: nowrap;\n box-sizing: border-box;\n transition: 250ms ease-in-out height, 250ms ease-in-out width, 250ms ease-in-out padding-inline;\n\n color: var(--text-on-color, #fff);\n\n &_content {\n display: block;\n overflow: hidden;\n white-space: nowrap;\n }\n\n &_count {\n margin: 0;\n white-space: nowrap;\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n font-style: normal;\n font-weight: 400;\n line-height: var(--fz-lg, 18px);\n letter-spacing: 0.16px;\n }\n }\n\n .xv-table {\n display: flex;\n flex-direction: column;\n position: relative;\n &_wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: auto;\n scrollbar-width: thin;\n scrollbar-color: var(--layer-accent-03) transparent;\n ::slotted(*) {\n min-width: 1000px;\n }\n }\n ::slotted([checked]) {\n background-color: var(--layer-selected-01, #E3E3E3);\n }\n ::slotted([checked]:not([header]):hover) {\n background-color: var(--layer-selected-hover-01, #DADADA);\n }\n\n ::slotted(#{$tag-name}-row[disabled]) {\n pointer-events: none;\n opacity: 0.4;\n cursor: not-allowed;\n user-select: none;\n }\n\n ::slotted([slot=\"footer\"]:hover),\n ::slotted([slot=\"footer\"]) {\n background-color: var(--layer-accent-02, #E3E3E3);\n }\n\n &_loading {\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: var(--xv-table-min-height, 51.11px);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.8);\n }\n }\n\n .xv-table-title,\n ::slotted([slot=\"title\"]) {\n color: var(--text-primary, #333)!important;\n font-size: var(--fz-xl, 21px)!important;\n margin-top: var(--spacing-05, 16px)!important;\n margin-bottom: var(--spacing-06, 24px)!important;\n font-family: var(--ff-heading, \"Gill Sans\");\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n }\n}\n\n:host([hover]) {\n .xv-table {\n ::slotted(:hover:not([header])) {\n background-color: var(--layer-hover-01, #E9E9E9);\n }\n }\n}\n\n:host(.batchVisible) {\n .batch-actions {\n pointer-events: initial;\n user-select: initial;\n width: 100%;\n padding-inline: var(--xv-table-padding-x);\n }\n}\n\n:host([expandable]) {\n ::slotted(#{$tag-name}-row) {\n padding-inline-start: calc((max(10px, var(--xv-table-padding-x)) * 2) + 10px);\n }\n}\n\n:host([variant-checkbox]) {\n ::slotted([slot=\"footer\"]:not([variant])) {\n padding-inline-start: calc((max(10px, var(--xv-table-padding-x)) * 2) + 57.97px);\n }\n}\n\n// region Size Vars\n:host([size=\"xs\"]) {\n --xv-table-padding-y: 7px;\n --xv-table-min-height: 35.1px;\n}\n:host([size=\"sm\"]) {\n --xv-table-padding-y: 10px;\n --xv-table-min-height: 41.11px;\n}\n:host([size=\"lg\"]) {\n --xv-table-padding-y: 21px;\n --xv-table-min-height: 63.09px;\n}\n:host([size=\"xl\"]) {\n --xv-table-padding-y: 31px;\n --xv-table-min-height: 78.77px;\n}\n// endregion\n","import { Component, Host, h, Element, Prop, State, Listen, Fragment, Watch } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { SelectRowDto } from './_vars';\n\n@Component({\n tag: 'xv-table-v2',\n styleUrl: 'xv-table.scss',\n shadow: true,\n})\nexport class XvTable {\n @Element() el: HTMLElement;\n @Prop({ reflect: true }) size?: SIZE_VAR;\n @Prop({ reflect: true }) hover?: boolean;\n @Prop({ reflect: true }) loading?: boolean;\n @Prop({ reflect: true, attribute: 'colsSize' }) colsSize?: (string | null)[];\n @State() selected: Map<string, SelectRowDto> = new Map();\n @State() selectedCount: number = 0;\n\n @Listen('checkedChange')\n handleCheckedChange({ detail }: CustomEvent<SelectRowDto>) {\n if (detail.header || detail.expandable) return;\n if (detail.checked) {\n this.selected.set(detail.name, detail);\n } else {\n this.selected.delete(detail.name);\n }\n\n this.selectedCount = this.selected.size;\n }\n\n @Watch('colsSize')\n private setColsSizeTemplate() {\n if (!this.colsSize || !this.colsSize?.length) return;\n\n this.el.style.setProperty(\n '--xv-table-cols-template',\n this.colsSize\n .map((v) => {\n if (!v) return 'minmax(0, 1fr)';\n if (v === 'auto') return 'minmax(0, auto)';\n return `calc(${v} - ${50 / this.colsSize.length}px)`;\n })\n .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))',\n );\n }\n\n render() {\n return (\n <Host class={{ batchVisible: !!this.selectedCount }}>\n <slot name=\"title\">\n {!!this.el.title && <h2 class=\"xv-table-title\">{this.el.title}</h2>}\n </slot>\n\n <slot name=\"toolbar\" />\n\n <div class=\"xv-table\">\n <div class=\"batch-actions\">\n <Fragment>\n <div class=\"batch-actions_content\">\n <slot name=\"batch\" />\n </div>\n <p class=\"batch-actions_count\">\n {!!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`}\n </p>\n </Fragment>\n </div>\n\n <div class=\"xv-table_wrapper\">\n <slot />\n\n <slot name=\"footer\" />\n </div>\n\n {!!this.loading && (\n <div class=\"xv-table_loading\">\n <xv-loader-v2 size={SIZE_VAR.LG} />\n </div>\n )}\n </div>\n </Host>\n );\n }\n\n componentWillLoad() {\n this.setColsSizeTemplate();\n }\n}\n","export interface SelectRowDto {\n name: string;\n checked: boolean;\n value?: string | number | object;\n partial?: boolean;\n header?: boolean;\n expandable?: boolean;\n}\n\nexport enum XV_SORT_DIR {\n ASC = 'asc',\n DESC = 'desc',\n NONE = 'none'\n}\n\nexport const XV_EXPANDABLE_KEY = 'expandable';\nexport const XV_TABLE_TAG = 'xv-table-v2';\n\nexport interface XVTableSortDto {\n name?: string;\n value: XV_SORT_DIR;\n}\n",":host {\n white-space: nowrap;\n\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--xv-table-padding-y) var(--xv-table-padding-x);\n color: var(--text-primary, #333);\n font-family: var(--ff-body, Tahoma);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.2;\n letter-spacing: 0.16px;\n transition: .25s ease-in-out background-color;\n}\n\n:host([multiline]) {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: initial;\n padding-bottom: 1px; // overflow some symbols on bottom\n padding-top: 0;\n line-height: 1.2;\n}\n\n// region Cell Align\n:host([align=\"left\"]) {\n text-align: left;\n}\n:host([align=\"right\"]) {\n text-align: right;\n}\n:host([align=\"center\"]) {\n text-align: center;\n}\n// endregion\n\n// region Sorting styles\n:host([sort]) {\n position: relative;\n cursor: pointer;\n user-select: none;\n &:before, &:after {\n font-size: 12px;\n line-height: 10px;\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 8px;\n pointer-events: none;\n transition: 350ms ease-in-out opacity;\n opacity: 0;\n }\n\n &:before {\n content: \"▲\";\n top: 50%;\n transform: translateY(calc(-50% - 5px));\n }\n\n &::after {\n content: \"▼\";\n top: 50%;\n transform: translateY(calc(-50% + 5px));\n }\n}\n:host([sort]:hover) {\n background-color: var(--layer-accent-hover-01, #E3E3E3);\n &::before, &::after {\n opacity: 1;\n }\n}\n:host([sort=\"asc\"]) {\n background-color: var(--layer-accent-active-01, #D1D1D1);\n &::before {\n opacity: 1;\n }\n\n &::after {\n display: none;\n }\n}\n:host([sort=\"desc\"]) {\n background-color: var(--layer-accent-active-01, #D1D1D1);\n &::before {\n display: none;\n }\n\n &::after {\n opacity: 1;\n }\n}\n// endregion\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core';\nimport { XV_SORT_DIR, XVTableSortDto } from '../_vars';\nimport { forEach, uidGenerator } from '../../../utils/utils';\n\n@Component({\n tag: 'xv-table-v2-cell',\n styleUrl: 'xv-table-cell.scss',\n shadow: true,\n})\nexport class XvTableCell {\n @Element() el: HTMLElement;\n @Prop({ reflect: true }) multiline?: boolean;\n @Prop({ reflect: true, mutable: true }) name?: string;\n @Prop({ reflect: true }) align?: 'left' | 'right' | 'center';\n @Prop({ reflect: true, mutable: true }) sort?: XV_SORT_DIR | '';\n @Event({ eventName: 'sortChange' }) sortChange: EventEmitter<XVTableSortDto>;\n\n @Listen('click')\n handleSort() {\n if (this.sort === undefined) return;\n let sort: XV_SORT_DIR | '' = this.sort;\n if (this.sort === '') sort = XV_SORT_DIR.NONE;\n\n this.sort = sort === XV_SORT_DIR.NONE ?\n XV_SORT_DIR.ASC : sort === XV_SORT_DIR.ASC ?\n XV_SORT_DIR.DESC : XV_SORT_DIR.NONE;\n\n forEach(this.el.parentElement.children, (cell) => {\n if (cell !== this.el && cell.hasAttribute('sort')) {\n cell.setAttribute('sort', 'none');\n }\n });\n\n if (!this.name) this.name = uidGenerator();\n this.sortChange.emit({ name: this.name, value: this.sort });\n };\n\n render() {\n return (\n <Host><slot /></Host>\n );\n }\n}\n","$tag-name: xv-table-v2;\n\n:host {\n display: block;\n position: relative;\n transition: .25s ease-in-out background-color;\n\n .expand-btn {\n z-index: 9;\n position: absolute;\n left: max(10px, var(--xv-table-padding-x));\n top: max(2px, calc(var(--xv-table-padding-y) + 2px));\n background-color: transparent;\n cursor: pointer;\n outline: none;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n display: block;\n width: 8.5px;\n height: 8.5px;\n border-top: none;\n border-left: none;\n border-right: 2px solid var(--icon-primary, #333);\n border-bottom: 2px solid var(--icon-primary, #333);\n transform: rotate(45deg);\n transform-origin: center center;\n transition: .2s ease-in-out transform;\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n &.open {\n transform: rotate(-135deg);\n }\n }\n\n .expandableContent {\n overflow: hidden;\n margin: 0;\n padding: 0;\n max-height: 0;\n transition: 250ms ease max-height;\n &.open {\n max-height: 600px;\n }\n }\n\n ::slotted([slot=\"expandable\"]) {\n display: grid;\n align-items: center;\n }\n\n ::slotted(#{$tag-name}-row),\n ::slotted([slot=\"expandable\"]) {\n padding-inline-start: calc((max(10px, var(--xv-table-padding-x)) * 2) + 10px);\n }\n\n ::slotted([disabled]) {\n pointer-events: none;\n opacity: 0.4;\n cursor: not-allowed;\n user-select: none;\n }\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\nimport { XV_EXPANDABLE_KEY } from '../_vars';\nimport { setAttr } from '../../../utils/utils';\n\n@Component({\n tag: 'xv-table-v2-expand',\n styleUrl: 'xv-table-expand.scss',\n shadow: true,\n})\nexport class XvTableExpand {\n @Element() el: HTMLElement;\n @Prop({ reflect: true, mutable: true }) open: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n\n private handleExpand = () => {\n this.open = !this.open;\n };\n\n render() {\n return (\n <Host>\n <button\n class={{ 'expand-btn': true, open: this.open }}\n disabled={this.disabled}\n onClick={this.handleExpand}\n />\n <slot name={XV_EXPANDABLE_KEY} />\n\n <div class={{ expandableContent: true, open: this.open }}><slot /></div>\n </Host>\n );\n }\n\n componentDidLoad() {\n setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);\n }\n}\n",":host {\n display: grid;\n grid-template-columns: var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)));\n border-bottom: 1px solid #E3E3E3;\n border-right: 1px solid #E3E3E3;\n border-left: 1px solid #E3E3E3;\n min-height: var(--xv-table-min-height);\n align-items: center;\n align-content: center;\n transition: .25s ease-in-out background-color;\n .cell-control {\n min-height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n:host([variant]) {\n grid-template-columns: minmax(47.97px, min-content) var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)));\n}\n\n:host([hover]:not([header]):hover) {\n background-color: var(--layer-hover-01, #E9E9E9);\n}\n:host([checked]) {\n background-color: var(--layer-selected-01, #E3E3E3);\n}\n:host([checked]:hover) {\n background-color: var(--layer-selected-hover-01, #DADADA);\n}\n\n:host([header]) {\n background-color: var(--layer-accent-01, #F7F7F7);\n box-shadow: 0 0 0 1px #E3E3E3 inset;\n border-bottom: none;\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Watch } from '@stencil/core';\nimport { SelectRowDto, XV_EXPANDABLE_KEY, XV_TABLE_TAG } from '../_vars';\nimport { setAttr, uidGenerator } from '../../../utils/utils';\n\n@Component({\n tag: 'xv-table-v2-row',\n styleUrl: 'xv-table-row.scss',\n shadow: true,\n})\nexport class XvTableRow {\n @Element() el: HTMLElement;\n @Prop({ reflect: true, mutable: true }) checked?: SelectRowDto['checked'];\n @Event({ eventName: 'checkedChange' }) checkedChange: EventEmitter<SelectRowDto>;\n @Prop({ reflect: true, mutable: true }) partial?: SelectRowDto['partial'];\n @Prop({ reflect: true, mutable: true }) name?: SelectRowDto['name'];\n @Prop({ reflect: true }) value?: SelectRowDto['value'];\n @Prop({ reflect: true, mutable: true }) hover?: boolean;\n @Prop({ reflect: true }) readonly?: boolean;\n @Prop({ reflect: true }) required?: boolean;\n @Prop({ reflect: true }) disabled?: boolean;\n @Prop({ reflect: true }) header?: boolean;\n @Prop({ reflect: true, mutable: true }) variant?: 'checkbox' | 'radio' | '';\n\n @Event({ eventName: 'selectRow' }) selectRow: EventEmitter<SelectRowDto>;\n\n @Watch('checked')\n checkedChangeHandle() {\n if (!this.name) this.name = uidGenerator();\n this.checkedChange.emit({\n name: this.name,\n value: this.value,\n checked: this.checked,\n partial: this.partial,\n header: this.header,\n expandable: this.el.getAttribute('slot') === XV_EXPANDABLE_KEY,\n });\n }\n\n private checkHandle = ({ detail: checked }: CustomEvent<boolean>) => {\n if (!checked && this.partial) this.partial = checked;\n\n if (!this.name) this.name = uidGenerator();\n this.selectRow.emit({\n name: this.name,\n value: this.value,\n checked: checked,\n partial: this.partial,\n header: this.header,\n expandable: this.el.getAttribute('slot') === XV_EXPANDABLE_KEY,\n });\n };\n\n private setInitialAttrs() {\n if (this.variant || !this.hover) {\n const tableEl = this.el.closest(XV_TABLE_TAG);\n if (!this.hover) {\n this.hover = tableEl.hasAttribute('hover');\n }\n if (this.variant) {\n setAttr(this.el.closest(XV_TABLE_TAG), `variant-${this.variant}`, !!this.variant);\n }\n }\n }\n\n render() {\n return (\n <Host>\n {this.variant !== undefined && (\n <xv-table-v2-cell class=\"cell-control\">\n {this.variant === 'checkbox' && (\n <xv-checkbox-v2\n name={this.name}\n partial={this.partial}\n checked={this.checked || this.partial}\n disabled={this.disabled}\n required={this.required}\n readonly={this.readonly}\n onEventChange={this.checkHandle}\n />\n )}\n {this.variant === 'radio' && (\n <input\n type=\"radio\"\n name={this.name}\n checked={this.checked || this.partial}\n disabled={this.disabled}\n required={this.required}\n readonly={this.readonly}\n />\n )}\n </xv-table-v2-cell>\n )}\n\n <slot />\n </Host>\n );\n }\n\n componentWillLoad() {\n this.setInitialAttrs();\n }\n}\n","export enum TAB_TAGS {\n TABS = 'xv-tabs-v2',\n TAB = 'xv-tab-v2'\n}\n\nexport enum TABS_VATIANT {\n DEFAULT = '',\n // other variants will be here\n}\n","$tab-tag: xv-tab-v2;\n$tab-text-active-color: var(--text-primary, #333);\n$tab-text-color: var(--text-secondary, #515151);\n$tab-border-active-color: var(--interactive-01, #273435);\n$tab-border-color: var(--border-border-subtle-01, #D1D1D1);\n\n:host(.xv-tabs) {\n display: flex;\n flex-direction: column;\n\n .tab-headers {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n &_container {\n display: flex;\n flex: 1 1 auto;\n white-space: nowrap;\n overflow-x: auto;\n scroll-behavior: smooth;\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n &_tab {\n background: none;\n padding: 11px var(--gap-md, 16px);\n cursor: pointer;\n font: inherit;\n transition: border-color 0.3s ease, font-weight 0.3s ease, color 0.3s ease;\n position: relative;\n border: 2px solid transparent;\n border-bottom-color: $tab-border-color;\n background-blend-mode: multiply;\n color: $tab-text-color;\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n line-height: 18px;\n letter-spacing: 0.16px;\n height: 40px;\n white-space: nowrap;\n\n &:after {\n content: '';\n position: absolute;\n transition: background-color 0.3s ease, width 0.3s ease;\n top: 100%;\n left: 0;\n right: 0;\n width: 0;\n height: 2px;\n background-color: $tab-border-active-color;\n }\n\n &:focus {\n outline: none;\n border: 2px solid $tab-border-color;\n }\n\n &:hover {\n border-bottom-color: var(--border-strong-01, #8B8B8B);\n }\n\n &.active {\n color: $tab-text-active-color;\n font-weight: 700;\n &:after {\n width: 100%;\n }\n\n &:focus {\n border-color: $tab-border-active-color;\n }\n }\n\n &:disabled {\n color: var(--text-on-color-disabled, #8B8B8B);\n border-bottom-color: var(--border-disabled, #D1D1D1);\n cursor: not-allowed;\n &:after {\n background-color: var(--border-disabled, #D1D1D1);\n }\n }\n }\n\n &_btn {\n outline: none;\n width: 40px;\n height: 40px;\n background: none;\n border: none;\n cursor: pointer;\n position: relative;\n transition: 0.25s ease-in-out opacity;\n\n &:before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border: solid currentColor;\n border-width: 0 2px 2px 0;\n display: inline-block;\n padding: 5px;\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &:active {\n opacity: 0.3;\n }\n\n &.prev:before {\n transform: translate(-50%, -50%) rotate(135deg);\n }\n &.next:before {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n }\n }\n\n .tab-content-wrapper {\n position: relative;\n overflow: hidden;\n padding: var(--gap-md, 16px) 0;\n }\n\n ::slotted(#{$tab-tag}) {\n position: absolute;\n opacity: 0;\n max-height: 0;\n transition: max-height 0.5s ease;\n width: 100%;\n pointer-events: none;\n }\n\n ::slotted(#{$tab-tag}.active) {\n position: relative;\n opacity: 1;\n overflow-y: auto;\n pointer-events: auto;\n max-height: 1000px;\n }\n\n .xv-tabs_empty {\n display: block;\n text-align: center;\n margin: 20px auto;\n font-size: var(--fz-xl);\n color: var(--text-primary);\n }\n}\n\n:host([loading]) {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 300px;\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, State, Listen } from '@stencil/core';\nimport { TAB_TAGS, TABS_VATIANT } from './_vars';\nimport { SIZE_VAR } from '../../types/enum';\n\n@Component({\n tag: 'xv-tabs-v2',\n styleUrl: 'xv-tabs.scss',\n shadow: true,\n})\nexport class XvTabs {\n @Element() el: HTMLElement;\n /**\n * Index of active tab\n */\n @Prop({ reflect: true, mutable: true }) active: number | string = 0;\n /**\n * Emit event to outside\n */\n @Event() activeChange: EventEmitter<number | string>;\n /**\n * Show loader\n */\n @Prop({ reflect: true }) loading?: boolean;\n /**\n * Variant of tabs from TABS_VATIANT enum\n */\n @Prop() variant: TABS_VATIANT = TABS_VATIANT.DEFAULT;\n /**\n * Message when have no tabs\n */\n @Prop() emptyMessage?: string;\n /**\n * local variable for tab labels collection\n */\n @State() tabElements: HTMLElement[] = [];\n /**\n * Is show arrows for scroll\n */\n @State() showArrows: boolean = false;\n\n @Listen('resize', { target: 'window' })\n updateArrowVisibility() {\n const container = this.el.shadowRoot?.querySelector('.tab-headers_container') as HTMLElement | null;\n if (!container) return;\n\n this.showArrows = container.scrollWidth > container.clientWidth;\n }\n\n private collectTabs = () => {\n if (!this.tabElements.length) {\n this.tabElements = Array.from(this.el.querySelectorAll(TAB_TAGS.TAB));\n this.tabElements.forEach((tab) => {\n if (tab.hasAttribute('name') && !this.active) {\n this.active = tab.getAttribute('name');\n }\n })\n\n setTimeout(() => this.updateArrowVisibility(), 100);\n }\n }\n\n private updateTabClasses() {\n this.tabElements.forEach((tab, i) => {\n tab.classList.toggle(\n 'active',\n (tab.getAttribute('name') || `${i}`) === `${this.active}`\n );\n });\n }\n\n private handleTabClick(active: string | number) {\n if (active === this.active) return;\n\n this.active = active;\n this.activeChange.emit(Number(this.active) || this.active);\n this.scrollToActiveTab();\n }\n\n private scrollToActiveTab() {\n if (!this.showArrows) return;\n\n // wait next JS tik\n setTimeout(() => {\n this.el.shadowRoot\n .querySelector('.tab-headers_tab.active')\n .scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\n });\n }\n\n private setTab(count: number = 1) {\n const currentIdx = this.tabElements.findIndex(\n (tab, i) =>\n (tab.getAttribute('name') || `${i}`) === `${this.active}`\n );\n const nextIdx = currentIdx + count;\n\n if (nextIdx < 0 || nextIdx >= this.tabElements.length) return;\n\n const nextTab = this.tabElements[nextIdx];\n\n if (!nextTab || nextTab.hasAttribute('disabled')) return;\n\n this.active = nextTab.getAttribute('name') || `${nextIdx}`;\n this.scrollToActiveTab();\n }\n\n render() {\n if (this.loading) {\n return (\n <Host class=\"xv-tabs\" variant={this.variant}>\n <xv-loader-v2 size={SIZE_VAR.XL} />\n </Host>\n )\n }\n\n return (\n <Host class=\"xv-tabs\" variant={this.variant}>\n <div class=\"tab-headers\" role=\"tablist\">\n <button\n hidden={!this.showArrows || !this.tabElements?.length}\n aria-label=\"Previous\"\n class=\"tab-headers_btn prev\"\n onClick={() => this.setTab(-1)}\n />\n <div class=\"tab-headers_container\">\n {this.tabElements?.length ? this.tabElements.map((tab, index) => (\n <button\n role=\"tab\"\n disabled={!!tab.getAttribute('disabled') || !!(tab as any)?.disabled}\n class={{\n 'tab-headers_tab': true,\n active: (tab.getAttribute('name') || `${index}`) === `${this.active}`,\n }}\n onClick={() => this.handleTabClick(tab.getAttribute('name') || `${index}`)}\n >\n {tab.getAttribute('label') || `Tab ${index + 1}`}\n </button>\n )) : this.emptyMessage && <p class=\"xv-tabs_empty\">{this.emptyMessage}</p>}\n </div>\n <button\n aria-label=\"Next\"\n hidden={!this.showArrows || !this.tabElements?.length}\n class=\"tab-headers_btn next\"\n onClick={() => this.setTab(1)}\n />\n </div>\n\n <div\n class=\"tab-content-wrapper\"\n role=\"tabpanel\"\n tabindex={-1}\n >\n <slot onSlotchange={this.collectTabs} />\n </div>\n </Host>\n );\n }\n\n componentDidRender() {\n this.updateTabClasses();\n }\n}\n",":host {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border-radius: 1000px;\n background-color: var(--background);\n color: var(--text-primary);\n font-family: var(--ff-body, inherit);\n\n .xv-tag_content {\n padding-left: 8px;\n padding-right: 8px;\n color: inherit;\n font-family: var(--ff-body);\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n letter-spacing: 0.32px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .xv-tag_close {\n box-sizing: border-box;\n text-decoration: none;\n border: none;\n background-color: inherit;\n outline: none;\n border-spacing: 0;\n list-style: none outside none;\n margin: 0;\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 62px;\n width: 15px;\n height: 15px;\n text-align: left;\n color: inherit;\n text-indent: 0;\n transition: opacity 300ms ease-in-out, filter 300ms ease-in-out;\n &:hover {\n cursor: pointer;\n filter: brightness(80%);\n }\n\n &:active {\n opacity: 0.7;\n }\n\n &:focus {\n outline: 1px solid currentColor;\n }\n\n &:after {\n overflow: hidden;\n width: inherit;\n height: inherit;\n color: inherit;\n font-size: 16px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n content: \"\\00d7\";\n }\n }\n}\n\n:host(.sm) {\n font-size: var(--fz-sm);\n}\n\n:host(.md) {\n font-size: var(--fz-md);\n .xv-tag_content {\n line-height: 24px;\n }\n\n .xv-tag_close {\n height: 24px;\n width: 24px;\n }\n}\n\n:host(.lg) {\n font-size: var(--fz-lg);\n .xv-tag_content {\n line-height: 26px;\n }\n\n .xv-tag_close {\n height: 26px;\n width: 26px;\n }\n}\n\n:host(.disabled) {\n pointer-events: none;\n background-color: var(--layer-01);\n color: var(--text-disabled);\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'xv-tag-v2',\n styleUrl: 'xv-tag.scss',\n shadow: true,\n})\nexport class XvTag {\n @Prop() size: 'sm' | 'md' | 'lg' = 'md';\n @Prop() color: string = '';\n @Prop() bg: string = '';\n @Prop() disabled: boolean = false;\n @Prop() closeable: boolean = false;\n @Event() closeClick: EventEmitter<PointerEvent>;\n\n closeHandler(e: PointerEvent) {\n if (this.disabled) return;\n\n this.closeClick.emit(e);\n }\n\n render() {\n return (\n <Host\n style={{ color: this.color, background: this.bg }}\n class={`xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}`}\n >\n <div class=\"xv-tag_content\">\n <slot></slot>\n </div>\n {this.closeable && (\n <button onClick={this.closeHandler.bind(this)} class=\"xv-tag_close\"></button>\n )}\n </Host>\n );\n }\n}\n","export enum TextInputStatus {\n ERROR = 'error',\n WARNING = 'warning',\n DEF = ''\n}\n",":host {\n --text-input-padding-x: 16px;\n --text-input-padding-y: 11px;\n\n display: inline-flex;\n flex-direction: column;\n row-gap: calc(var(--text-input-padding-y) / 2);\n text-align: left;\n font-family: var(--ff-body, Tahoma);\n\n .label {\n margin: 0;\n color: var(--text-secondary, #515151);\n font-size: var(--fz-sm, 12px);\n font-weight: 700;\n line-height: 133.333%;\n letter-spacing: 0.32px;\n }\n\n .control {\n margin: 0;\n position: relative;\n box-sizing: border-box;\n display: flex;\n column-gap: 5px;\n align-items: center;\n flex-direction: row;\n input {\n width: 100%;\n background-color: var(--field-02, #FFF);\n border: 1px solid var(--border-strong-01, #E3E3E3);\n border-radius: 3px;\n padding-block: var(--text-input-padding-y);\n padding-inline-start: var(--text-input-padding-x);\n padding-inline-end: var(--text-input-padding-x);\n flex: 1;\n outline: 2px solid transparent;\n color: var(--text-primary, #333);\n font-size: var(--fz-md, 14px);\n font-style: normal;\n font-weight: 400;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n transition: 0.2s ease-in-out border-color, 0.2s ease-in-out outline-color;\n\n &.withIcon {\n padding-inline-end: calc(var(--text-input-padding-x) + 22px);\n }\n\n &::placeholder {\n color: var(--text-placeholder, #ACACAC);\n }\n\n &:focus {\n outline: 2px solid var(--focus, #273435);\n }\n }\n\n &_icon {\n position: absolute;\n top: calc(50% - 9px);\n right: var(--text-input-padding-y);\n width: 18px;\n height: 18px;\n &.error {\n color: var(--support-error, #F1290E);\n }\n\n &.warning {\n color: var(--support-warning, #FF7F04)\n }\n }\n\n &:hover {\n\n }\n }\n\n .helper {\n margin: 0;\n color: var(--text-helper, #646464);\n font-size: var(--fz-sm, 12px);\n line-height: 133.333%;\n letter-spacing: 0.32px;\n }\n}\n\n:host([status=\"error\"]) {\n .control input {\n border-color: var(--support-error, #F1290E);\n &:focus {\n outline-color: var(--support-error, #F1290E);\n }\n }\n\n .helper {\n color: var(--text-error, #D62512);\n }\n}\n\n:host([readonly]) {\n .control input {\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n cursor: default;\n background-color: transparent;\n\n &:focus {\n outline-color: transparent;\n }\n }\n}\n\n:host([disabled]) {\n opacity: 0.4;\n .control input {\n cursor: not-allowed;\n }\n}\n\n:host([size=\"xs\"]) {\n --text-input-padding-y: 4px;\n --text-input-padding-x: 6px;\n}\n:host([size=\"sm\"]) {\n --text-input-padding-y: 7px;\n}\n:host([size=\"md\"]) {\n --text-input-padding-y: 11px;\n}\n:host([size=\"lg\"]) {\n --text-input-padding-y: 15px;\n}\n:host([size=\"xl\"]) {\n --text-input-padding-y: 16px;\n --text-input-padding-x: 18px;\n}\n","import { AttachInternals, Component, h, Host, Element, Prop, Event, EventEmitter } from '@stencil/core';\nimport { SIZE_VAR } from '../../types/enum';\nimport { TextInputStatus } from './_vars';\n\n/**\n * xv-text-input — custom input\n * ti get data you can use default Input event\n * Angular - (input), React - (onInput), Pure - addEventListener('input', e => ...)\n */\n@Component({\n tag: 'xv-text-input-v2',\n styleUrl: 'xv-text-input.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class XvTextInput {\n @Element() el: HTMLElement;\n @Prop({ reflect: true }) label?: string;\n @Prop({ reflect: true }) placeholder?: string;\n @Prop({ reflect: true }) helper: string = '';\n @Prop({ reflect: true }) name?: string;\n @Prop({ reflect: true }) size: SIZE_VAR = SIZE_VAR.MD;\n @Prop({ reflect: true }) status: TextInputStatus = TextInputStatus.DEF;\n @Prop({ reflect: true, mutable: true }) value: string = '';\n @Event({ eventName: 'valueChange' }) valueChange: EventEmitter<string>;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) readonly: boolean = false;\n @Prop({ reflect: true }) loading: boolean = false;\n\n @AttachInternals() internals: ElementInternals;\n\n private handleInput = (e: InputEvent) => {\n const target = e.target as HTMLInputElement;\n this.value = target.value;\n this.valueChange.emit(this.value);\n this.internals.setFormValue(target.value);\n }\n\n render() {\n return (\n <Host name={this.name} class=\"xv-text-input\" role=\"textbox\" tabindex={this.disabled ? -1 : false}>\n {this.label && <label class=\"label\">{this.label}</label>}\n\n <div class=\"control\">\n <input\n type=\"text\"\n class={{ withIcon: this.status !== TextInputStatus.DEF }}\n readonly={this.readonly}\n value={this.value}\n disabled={this.disabled}\n onInput={this.handleInput}\n placeholder={this.placeholder}\n />\n\n {this.getControlIcon(this.status)}\n </div>\n\n {this.helper && <p class=\"helper\">{this.helper}</p>}\n </Host>\n );\n }\n\n componentWillLoad() {\n this.internals.setFormValue(this.value);\n }\n\n private getControlIcon = (status: TextInputStatus) => {\n if (this.loading) {\n return <xv-loader-v2 class=\"control_icon\" size={SIZE_VAR.XS} />\n }\n switch (status) {\n case TextInputStatus.ERROR: {\n return (\n <svg class=\"control_icon error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" />\n </svg>\n )\n }\n case TextInputStatus.WARNING:\n return (\n <svg class=\"control_icon warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\"\n d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\" />\n </svg>\n )\n default: return null;\n }\n };\n}\n",":host {\n position: relative;\n display: inline-block;\n cursor: pointer;\n line-height: 0.5;\n}\n\n/* General styles for tooltip */\n:host::before,\n:host::after {\n position: absolute;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.2s ease-in-out 0.5s, transform 0.2s ease-in-out 0.5s;\n z-index: 10;\n}\n\n/* Tooltip */\n:host::before {\n content: attr(tooltip);\n background: var(--background-inverse, #333);\n color: var(--icon-inverse, #fff);\n padding: var(--gap-sm, 5px) var(--gap-md, 16px);\n border-radius: 2px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: max(70vw);\n font-family: var(--fz-body, Tahoma);\n font-size: var(fz-md, 14px);\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0.16px;\n}\n:host([multiline])::before {\n white-space: normal;\n min-width: 300px;\n}\n\n/* Arrow */\n:host::after {\n content: \"\";\n border: 6px solid transparent;\n}\n\n/* Show Tooltip and arrow */\n:host(:hover)::before,\n:host(:hover)::after,\n:host(:focus)::before,\n:host(:focus)::after {\n opacity: 1;\n visibility: visible;\n}\n\n/* Tooltip positions */\n:host(.xv-tooltip_top)::before {\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%) translateY(-5px);\n}\n:host(.xv-tooltip_top)::after {\n bottom: 100%;\n left: 50%;\n border-top-color: var(--background-inverse, #333);\n transform: translateX(-50%) translateY(5px);\n}\n\n:host(.xv-tooltip_top-left)::before {\n bottom: 100%;\n left: 0;\n transform: translateY(-5px);\n}\n:host(.xv-tooltip_top-left)::after {\n bottom: 100%;\n left: 10px;\n border-top-color: black;\n transform: translateY(5px);\n}\n\n:host(.xv-tooltip_top-right)::before {\n bottom: 100%;\n right: 0;\n transform: translateY(-5px);\n}\n:host(.xv-tooltip_top-right)::after {\n bottom: 100%;\n right: 10px;\n border-top-color: var(--background-inverse, #333);\n transform: translateY(5px);\n}\n\n:host(.xv-tooltip_bottom)::before {\n top: 100%;\n left: 50%;\n transform: translateX(-50%) translateY(5px);\n}\n:host(.xv-tooltip_bottom)::after {\n top: 100%;\n left: 50%;\n border-bottom-color: black;\n transform: translateX(-50%) translateY(-5px);\n}\n\n:host(.xv-tooltip_bottom-left)::before {\n top: 100%;\n left: 0;\n transform: translateY(5px);\n}\n:host(.xv-tooltip_bottom-left)::after {\n top: 100%;\n left: 10px;\n border-bottom-color: var(--background-inverse, #333);\n transform: translateY(-5px);\n}\n\n:host(.xv-tooltip_bottom-right)::before {\n top: 100%;\n right: 0;\n transform: translateY(5px);\n}\n:host(.xv-tooltip_bottom-right)::after {\n top: 100%;\n right: 10px;\n border-bottom-color: var(--background-inverse, #333);\n transform: translateY(-5px);\n}\n\n:host(.xv-tooltip_left)::before {\n right: 100%;\n top: 50%;\n transform: translateY(-50%) translateX(-5px);\n}\n:host(.xv-tooltip_left)::after {\n right: 100%;\n top: 50%;\n border-left-color: var(--background-inverse, #333);\n transform: translateY(-50%) translateX(5px);\n}\n\n:host(.xv-tooltip_right)::before {\n left: 100%;\n top: 50%;\n transform: translateY(-50%) translateX(5px);\n}\n:host(.xv-tooltip_right)::after {\n left: 100%;\n top: 50%;\n border-right-color: var(--background-inverse, #333);\n transform: translateY(-50%) translateX(-5px);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-tooltip-v2',\n styleUrl: 'xv-tooltip.scss',\n shadow: true,\n})\nexport class XvTooltip {\n /** Message what will be shown for tooltip **/\n @Prop({ reflect: true }) message: string;\n /**\n * Tooltip and arrow position related to element\n * possible options: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right'.\n * By default, \"top\"\n */\n @Prop({ reflect: true }) position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\n\n @Prop({ reflect: true }) multiline: boolean;\n render() {\n return (\n <Host tooltip={this.message} class={`xv-tooltip_${this.position}`}>\n <slot>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" width={16} height={16}>\n <path\n fill=\"currentColor\"\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\"\n />\n </svg>\n </slot>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/xv-webcomponents/p-497959a9.js ADDED Viewed

@@ -0,0 +1,3 @@
+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:true,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:true,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 o="http://www.w3.org/1999/xhtml";var l=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={o:0,$hostElement$:e,l:t,i:new Map};{n.u=new Promise((e=>n.v=e))}{n.p=new Promise((e=>n.h=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 o=u.get(s);if(o){return o[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 p="sty-id";var h="{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={o: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 k=[];var C=[];var O=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&w.o&4){D(E)}else{w.raf(E)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var E=()=>{x(k);{x(C);if(j=k.length>0){w.raf(E)}}};var D=e=>S().then(e);var T=O(C,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 F={};r(F,{err:()=>P,map:()=>A,ok:()=>L,unwrap:()=>N,unwrapErr:()=>U});var L=e=>({isOk:true,isErr:false,value:e});var P=e=>({isOk:false,isErr:true,value:e});function A(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>L(e)))}else{return L(n)}}if(e.isErr){const t=e.value;return P(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 o=false;let l=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(o=typeof e!=="function"&&!M(r)){r=String(r)}if(o&&l){i[i.length-1].j+=r}else{i.push(o?B(null,r):r)}l=o}}};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(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,i,V)}const f=B(e,null);f.k=t;if(i.length>0){f.C=i}{f.O=s}return f};var B=(e,t)=>{const n={o:0,D:e,j:t,T:null,C:null};{n.k=null}{n.O=null}return n};var I={};var Q=e=>e&&e.D===I;var V={forEach:(e,t)=>e.map(q).forEach(t),map:(e,t)=>e.map(q).map(t).map(G)};var q=e=>({vattrs:e.k,vchildren:e.C,vkey:e.O,vname:e.M,vtag:e.D,vtext:e.j});var G=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H(e.vtag,t,...e.vchildren||[])}const t=B(e.vtag,e.vtext);t.k=e.vattrs;t.C=e.vchildren;t.O=e.vkey;t.M=e.vname;return t};var K=(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 X=e=>l(e).$hostElement$;var Y=(e,t,n)=>{const r=X(e);return{emit:e=>_(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var _=(e,t,n)=>{const r=w.ce(t,n);e.dispatchEvent(r);return r};var J=new WeakMap;var Z=(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 ee=(e,t,n)=>{var r;const s=ne(t);const o=d.get(s);if(!b.document){return s}e=e.nodeType===11?e:b.document;if(o){if(typeof o==="string"){e=e.head||e;let n=J.get(e);let l;if(!n){J.set(e,n=new Set)}if(!n.has(s)){{l=document.querySelector(`[${p}="${s}"]`)||b.document.createElement("style");l.innerHTML=o;const n=(r=w.R)!=null?r:R(b.document);if(n!=null){l.setAttribute("nonce",n)}if(!(t.o&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(l,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(o);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=o+t.innerHTML}else{e.prepend(l)}}}else{e.append(l)}}if(t.o&1){e.insertBefore(l,null)}}if(t.o&4){l.innerHTML+=m}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return s};var te=e=>{const t=e.l;const n=e.$hostElement$;const r=t.o;const s=W("attachStyles",t.m);const o=ee(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2||r&128){n["s-sc"]=o;n.classList.add(o+"-h")}s()};var ne=(e,t)=>"sc-"+e.m;var re=(e,t,n,r,s,o,l)=>{if(n===r){return}let i=f(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const s=oe(n);let o=oe(r);{t.remove(...s.filter((e=>e&&!o.includes(e))));t.add(...o.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(le);t=t.replace(ie,"");if(n){w.rel(e,t,n,s)}if(r){w.ael(e,t,r,s)}}}else{const l=M(r);if((i||l&&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||o&4||s)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var se=/\s/;var oe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(se)};var le="Capture";var ie=new RegExp(le+"$");var ae=(e,t,n,r)=>{const s=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const o=e&&e.k||{};const l=t.k||{};{for(const e of fe(Object.keys(o))){if(!(e in l)){re(s,e,o[e],void 0,n,t.o)}}}for(const e of fe(Object.keys(l))){re(s,e,o[e],l[e],n,t.o)}};function fe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ce;var ue=false;var ve=false;var de=(e,n,r)=>{const l=n.C[r];let i=0;let a;let f;if(l.j!==null){a=l.T=b.document.createTextNode(l.j)}else{if(!ve){ve=l.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=l.T=b.document.createElementNS(ve?s:o,!ue&&t.slotRelocation&&l.o&2?"slot-fb":l.D);if(ve&&l.D==="foreignObject"){ve=false}{ae(null,l,ve)}if(l.C){for(i=0;i<l.C.length;++i){f=de(e,l,i);if(f){a.appendChild(f)}}}{if(l.D==="svg"){ve=false}else if(a.tagName==="foreignObject"){ve=true}}}a["s-hn"]=ce;return a};var pe=(e,t,n,r,s,o)=>{let l=e;let i;if(l.shadowRoot&&l.tagName===ce){l=l.shadowRoot}for(;s<=o;++s){if(r[s]){i=de(null,n,s);if(i){r[s].T=i;ge(l,i,t)}}}};var he=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.T;we(t);if(e){e.remove()}}}};var me=(e,t,n,r,s=false)=>{let o=0;let l=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 p=r[v];let h;let m;while(o<=f&&l<=v){if(c==null){c=t[++o]}else if(u==null){u=t[--f]}else if(d==null){d=r[++l]}else if(p==null){p=r[--v]}else if(ye(c,d,s)){be(c,d,s);c=t[++o];d=r[++l]}else if(ye(u,p,s)){be(u,p,s);u=t[--f];p=r[--v]}else if(ye(c,p,s)){be(c,p,s);ge(e,c.T,u.T.nextSibling);c=t[++o];p=r[--v]}else if(ye(u,d,s)){be(u,d,s);ge(e,u.T,c.T);u=t[--f];d=r[++l]}else{i=-1;{for(a=o;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){h=de(t&&t[l],n,i)}else{be(m,d,s);t[i]=void 0;h=m.T}d=r[++l]}else{h=de(t&&t[l],n,l);d=r[++l]}if(h){{ge(c.T.parentNode,h,c.T)}}}}if(o>f){pe(e,r[v+1]==null?null:r[v+1].T,n,r,l,v)}else if(l>v){he(t,o,f)}};var ye=(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 be=(e,n,r=false)=>{const s=n.T=e.T;const o=e.C;const l=n.C;const i=n.D;const a=n.j;if(a===null){{ve=i==="svg"?true:i==="foreignObject"?false:ve}{ae(e,n,ve)}if(o!==null&&l!==null){me(s,o,n,l,r)}else if(l!==null){if(e.j!==null){s.textContent=""}pe(s,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&o!==null){he(o,0,o.length-1)}if(ve&&i==="svg"){ve=false}}else if(e.j!==a){s.data=a}};var we=e=>{{e.k&&e.k.ref&&e.k.ref(null);e.C&&e.C.map(we)}};var ge=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Se=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.l;const o=e.F||B(null,null);const l=Q(t)?t:H(null,null,t);ce=r.tagName;if(s.L){l.k=l.k||{};s.L.map((([e,t])=>l.k[t]=r[e]))}if(n&&l.k){for(const e of Object.keys(l.k)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){l.k[e]=r[e]}}}l.D=null;l.o|=4;e.F=l;l.T=o.T=r.shadowRoot||r;ue=!!(s.o&1)&&!(s.o&128);be(o,l,n)};var $e=(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 je=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}$e(e,e.A);const n=()=>ke(e,t);return T(n)};var ke=(e,t)=>{const n=e.$hostElement$;const r=W("scheduleUpdate",e.l.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 o;if(t){{e.o|=256;if(e.N){e.N.map((([e,t])=>Me(s,e,t,n)));e.N=void 0}}o=Me(s,"componentWillLoad",void 0,n)}else{o=Me(s,"componentWillUpdate",void 0,n)}o=Ce(o,(()=>Me(s,"componentWillRender",void 0,n)));r();return Ce(o,(()=>xe(e,s,t)))};var Ce=(e,t)=>Oe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Oe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var xe=async(e,t,n)=>{var r;const s=e.$hostElement$;const o=W("update",e.l.m);const l=s["s-rc"];if(n){te(e)}const i=W("render",e.l.m);{Ee(e,t,s,n)}if(l){l.map((e=>e()));s["s-rc"]=void 0}i();o();{const t=(r=s["s-p"])!=null?r:[];const n=()=>De(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Ee=(e,t,n,r)=>{try{t=t.render();{e.o&=~16}{e.o|=2}{{{Se(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var De=e=>{const t=e.l.m;const n=e.$hostElement$;const r=W("postUpdate",t);const s=e.t;const o=e.A;Me(s,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Re(n)}Me(s,"componentDidLoad",void 0,n);r();{e.h(n);if(!o){Te()}}}else{Me(s,"componentDidUpdate",void 0,n);r()}{e.v(n)}{if(e.P){e.P();e.P=void 0}if(e.o&512){D((()=>je(e,false)))}e.o&=~(4|512)}};var Te=t=>{D((()=>_(b,"appload",{detail:{namespace:e}})))};var Me=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Re=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Fe=(e,t)=>l(e).i.get(t);var Le=(e,t,n,r)=>{const s=l(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 o=s.$hostElement$;const i=s.i.get(t);const a=s.o;const f=s.t;n=K(n,r.U[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.W&&a&128){const e=r.W[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){c(e,o)}}))}}if((a&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(n,i,t)===false){return}}je(s,false)}}}};var Pe=(e,n,r)=>{var s,o;const i=e.prototype;if(n.o&64&&r&1){y.forEach((e=>{Object.defineProperty(i,e,{value(...t){const n=l(this);const r=n.t;if(!r){n.p.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.U||(n.W||e.watchers)){if(e.watchers&&!n.W){n.W=e.watchers}const a=Object.entries((s=n.U)!=null?s:{});a.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:o}=Object.getOwnPropertyDescriptor(i,e)||{};if(s)n.U[e][0]|=2048;if(o)n.U[e][0]|=4096;if(r&1||!s){Object.defineProperty(i,e,{get(){{if((n.U[e][0]&2048)===0){return Fe(this,e)}const t=l(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=l(this);if(o){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)}o.apply(this,[K(s,t)]);s=t&32?this[e]:i.$hostElement$[e];Le(this,e,s,n);return}{if((r&1)===0||(n.U[e][0]&4096)===0){Le(this,e,s,n);if(r&1&&!i.t){i.p.then((()=>{if(n.U[e][0]&4096&&i.t[e]!==i.i.get(e)){i.t[e]=s}}))}return}const o=()=>{const r=i.t[e];if(!i.i.get(e)&&r){i.i.set(e,r)}i.t[e]=K(s,t);Le(this,e,i.t[e],n)};if(i.t){o()}else{i.p.then((()=>o()))}}}})}else if(r&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const r=l(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,o){w.jmp((()=>{var a;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){o=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==o){return}else if(f==null){const t=l(this);const r=t==null?void 0:t.o;if(r&&!(r&8)&&r&128&&o!==s){const r=t.t;const l=(a=n.W)==null?void 0:a[e];l==null?void 0:l.forEach((t=>{if(r[t]!=null){r[t].call(r,o,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,f);o=o===null&&typeof this[f]==="boolean"?false:o;if(o!==this[f]&&(!c.get||!!c.set)){this[f]=o}}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n.W)!=null?o:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const o=t[1]||e;r.set(o,e);if(t[0]&512){(s=n.L)==null?void 0:s.push([e,o])}return o}))]))}}return e};var Ae=async(e,t,n,r)=>{let s;if((t.o&32)===0){t.o|=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.H}" was not found`)}if(!s.isProxied){{n.W=s.watchers}Pe(s,n,2);s.isProxied=true}const o=W("createInstance",n.m);{t.o|=8}try{new s(t)}catch(t){c(t,e)}{t.o&=~8}{t.o|=128}o();Ne(t.t,e)}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=ne(n);if(!d.has(t)){const r=W("registerStyles",n.m);Z(t,e,!!(n.o&1));r()}}}const o=t.A;const l=()=>je(t,true);if(o&&o["s-rc"]){o["s-rc"].push(l)}else{l()}};var Ne=(e,t)=>{{Me(e,"connectedCallback",void 0,t)}};var Ue=e=>{if((w.o&1)===0){const t=l(e);const n=t.l;const r=W("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){$e(t,t.A=n);break}}}if(n.U){Object.entries(n.U).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ae(e,t,n)}}else{Ie(e,t,n.B);if(t==null?void 0:t.t){Ne(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>Ne(t.t,e)))}}r()}};var We=(e,t)=>{{Me(e,"disconnectedCallback",void 0,t||e)}};var ze=async e=>{if((w.o&1)===0){const t=l(e);{if(t.I){t.I.map((e=>e()));t.I=void 0}}if(t==null?void 0:t.t){We(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>We(t.t,e)))}}if(J.has(e)){J.delete(e)}if(e.shadowRoot&&J.has(e.shadowRoot)){J.delete(e.shadowRoot)}};var He=(e,t={})=>{var n;if(!b.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=W();const s=[];const o=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 p=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={o:t[0],m:t[1],U:t[2],B:t[3]};if(r.o&4){y=true}{r.U=t[2]}{r.B=t[3]}{r.L=[]}{r.W=(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.o&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=l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ie(this,e,r.B)}if(d){clearTimeout(d);d=null}if(p){v.push(this)}else{w.jmp((()=>Ue(this)))}}disconnectedCallback(){w.jmp((()=>ze(this)));w.raf((()=>{var e;const t=l(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.F)==null?void 0:e.T)instanceof Node&&!t.F.T.isConnected){delete t.F.T}}))}componentOnReady(){return l(this).p}};if(r.o&64){c.formAssociated=true}r.S=e[0];if(!o.includes(f)&&!i.get(f)){s.push(f);i.define(f,Pe(c,r,1))}}))}));if(s.length>0){if(y){u.textContent+=m}{u.textContent+=s.sort()+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=w.R)!=null?n:R(b.document);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}p=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{w.jmp((()=>d=setTimeout(Te,30)))}}r()};var Be=(e,t)=>t;var Ie=(e,t,n,r)=>{if(n&&b.document){n.map((([n,r,s])=>{const o=Ve(b.document,e,n);const l=Qe(t,s);const i=qe(n);w.ael(o,r,l,i);(t.I=t.I||[]).push((()=>w.rel(o,r,l,i)))}))}};var Qe=(e,t)=>n=>{var r;try{{if(e.o&256){(r=e.t)==null?void 0:r[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var Ve=(e,t,n)=>{if(n&8){return b}if(n&16){return e.body}return t};var qe=e=>g?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ge=e=>w.R=e;export{Be as F,I as H,He as b,Y as c,X as g,H as h,S as p,i as r,Ge as s};
+//# sourceMappingURL=p-497959a9.js.map