npm - xv-webcomponents - Versions diffs - 0.1.27 → 0.1.29 - Mend

xv-webcomponents 0.1.27 → 0.1.29

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

package/dist/xv-webcomponents/p-2cadc37a.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["xvAccordionCss","XvAccordionV2Style0","XvAccordion","constructor","hostRef","this","multiple","xvId","uidGenerator","opened","Set","toggleItem","value","has","delete","clear","add","accordionChange","emit","id","componentWillLoad","render","h","Host","key","class","xvAccordionItemCss","XvAccordionV2ItemStyle0","XvAccordionItem","disabled","isOpen","handleAccordionChange","event","parentAccordionId","_a","el","closest","getAttribute","detail","toggle","_b","call","onClick","bind","label","xvButtonV2Css","XvButtonV2Style0","XvButton","block","variant","handleClick","buttonClick","name","xvCardCss","XvCardV2Style0","XvCard","part","media","src","alt","header","body","footer","xvCheckboxCss","XvCheckboxV2Style0","XvCheckbox","checked","indeterminate","readonly","required","partial","hasFocus","onInput","e","target","inputEvent","onChange","changeEvent","onFocus","focusEvent","onBlur","blurEvent","internals","attachInternals","connectedCallback","setFormValue","onCheckedChange","newValue","ref","inputEl","type","error","componentDidLoad","componentDidUpdate","formResetCallback","formStateRestoreCallback","state","SIZE_VAR","xvDropdownCss","XvDropdownV2Style0","XvDropdown","size","MD","selected","selectedMap","Map","handleOpen","open","handleClickOutside","ev","contains","addListeners","document","addEventListener","removeListeners","removeEventListener","openChangeHandle","handleItemSelected","hasItem","set","optionElements","querySelectorAll","forEach","option","setAttr","values","Array","from","length","map","v","text","changeSelection","role","tabindex","join","placeholder","xmlns","viewBox","fill","d","warning","focusable","preserveAspectRatio","width","height","helper","disconnectedCallback","xvDropdownItemCss","XvDropdownV2ItemStyle0","XvDropdownItem","itemSelected","innerText","xvFooterCss","XvFooterStyle0","Xvfooter","htmlContent","response","fetch","console","innerHTML","xvHeaderCss","XvHeaderStyle0","XvHeader","parser","DOMParser","doc","parseFromString","mixedMenu","querySelector","allCategoriesGenerals","allCategoriesContainer","appendChild","href","loading","style","display","action","method","autocomplete","xvLinkCss","XvLinkV2Style0","XvLink","preventLinkHandler","preventDefault","stopPropagation","xvLoaderCss","XvLoaderV2Style0","XvLoader","show","spinner","xvModalCss","XvModalV2Style0","XvModal","permanent","triggerEl","onBackdropClick","async","currentTarget","closeModal","removeTriggerListener","openModal","setupTrigger","slot","shadowRoot","assigned","assignedElements","changeOpen","onSlotchange","backdrop","title","NOTIFICATION_VARIANTS","xvNotificationCss","XvNotificationV2Style0","XvNotification","INFO","dismissible","closeHandle","close","renderIcon","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","TABLE_COLOR_SCHEMA","TABLE_SIZE","TABLE_TAG","SORT_DIR","xvTableCss","XvTableV2Style0","XvTable","colorSchema","DEF","expandable","MEDIUM","selectable","selectedRows","debouncedChangeSelection","debounce","results","toolbar","TOOLBAR","setSelectedItems","HEADER","ROW","row","hasAttribute","handleCheckedChange","setRowProps","rows","childNodes","filter","node","nodeType","Node","ELEMENT_NODE","tagName","visualIndex","i","isHeaderRow","ZEBRA","stripe","removeAttribute","handleSetColorSchema","listenSelectableHandle","isExists","description","xvTableColCss","XvTableV2ColStyle0","XvTableCol","sort","undefined","NONE","ASC","DESC","sortColChange","dir","sortName","xvTableExpandCss","XvTableV2ExpandStyle0","XvTableExpand","expanded","cols","hovered","checkedGroup","groupId","setExpandAttrs","onSlotChange","firstElementChild","emitChangeSelectionEvent","checkedChange","Object","assign","mainRowData","group","data","isMainRow","isNoSelected","isAllSelected","isPartialSelected","toggleExpand","setInitialExpandStatus","table","parentElement","TABLE","xvTableHeaderRowCss","XvTableV2HeaderRowStyle0","XvTableHeaderRow","sortChangeHandle","col","sortChange","slotChangeHandle","sortable","checkboxChange","selectionName","onEventChange","xvTableRowCss","XvTableV2RowStyle0","XvTableRow","onExpandHandle","parent","EXPAND","checkedChangeHandle","changeData","checkedGroupChange","xvTableToolbarCss","XvTableV2ToolbarStyle0","XvTableToolbar","count","_c","active","TAB_TAGS","TABS_VATIANT","xvTabsCss","XvTabsV2Style0","XvTabs","tabElements","onActiveTabChanged","setHeight","collectTabs","TAB","updateTabClasses","tab","classList","requestAnimationFrame","content","host","scrollHeight","handleTabClick","tabSelect","componentDidRender","xvTagCss","XvTagV2Style0","XvTag","color","bg","closeable","closeHandler","closeClick","background","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/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/defs.ts","src/components/xv-table/xv-table.scss?tag=xv-table-v2&encapsulation=shadow","src/components/xv-table/xv-table.tsx","src/components/xv-table/xv-table-col/xv-table-col.scss?tag=xv-table-v2-col&encapsulation=shadow","src/components/xv-table/xv-table-col/xv-table-col.tsx","src/components/xv-table/xv-table-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-header-row/xv-table-header-row.scss?tag=xv-table-v2-header-row&encapsulation=shadow","src/components/xv-table/xv-table-header-row/xv-table-header-row.tsx","src/components/xv-table/xv-table-row/xv-table-row.scss?tag=xv-table-v2-row&encapsulation=shadow","src/components/xv-table/xv-table-row/xv-table-row.tsx","src/components/xv-table/xv-table-toolbar/xv-table-toolbar.scss?tag=xv-table-v2-toolbar&encapsulation=shadow","src/components/xv-table/xv-table-toolbar/xv-table-toolbar.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-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\n button {\n font-family: inherit;\n font-size: var(--button-font-size, 14px);\n font-weight: 700;\n padding: 0 20px;\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 /** Variant */\r\n @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n /** Disabled state */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** Emits when the button is clicked */\r\n @Event() buttonClick!: EventEmitter<void>;\r\n\r\n /** Handle click only if not disabled */\r\n private handleClick = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n this.buttonClick.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <button\r\n class={`xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n <slot name=\"icon-left\"></slot>\r\n\r\n <slot>\r\n {this.label}\r\n </slot>\r\n\r\n <slot name=\"icon-right\"></slot>\r\n </button>\r\n );\r\n }\r\n}\r\n",":host {\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: 1rem;\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 margin-left: 8px;\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 }\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}</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",":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: 4px 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 } 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() disabled?: boolean;\n @Prop() multiple?: boolean;\n @Prop() required?: boolean;\n @Prop({ reflect: true, mutable: true }) open?: boolean;\n @Prop() error?: string;\n @Prop() label?: string;\n @Prop() helper?: string;\n @Prop() warning?: string;\n @Prop() placeholder?: string;\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\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('.xv-dropdown-item');\n\n forEach(\n optionElements,\n (option) => setAttr(option, 'selected', this.selectedMap.has(option.getAttribute('value')))\n );\n\n const values = Array.from(this.selectedMap.values());\n this.selected = values.length === optionElements.length ?\n ['Alle ausgewählt'] : values.length > 2 ?\n [`${values.length} ausgewählt`] : values.map((v) => v.text);\n this.changeSelection.emit(values);\n }\n\n private handleOpen = () => {\n if (this.disabled || this.open) 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 render() {\n return (\n <Host size={this.size} class=\"xv-dropdown\" role=\"combobox\" 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.error && (\n <svg class=\"control_icon error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n <path fill=\"currentColor\" 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 {(!this.error && !!this.warning) && (\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 <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 componentDidLoad() {\n this.openChangeHandle();\n }\n\n disconnectedCallback() {\n this.removeListeners();\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';\nimport { uidGenerator } from '../../../utils/utils';\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 }) value: DropdownItemData['value'] = uidGenerator();\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.selected = !this.selected;\n this.itemSelected.emit({\n selected: !this.selected,\n value: this.value,\n text: this.el.innerText\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","%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.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' = '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-block;\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: 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 &__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 margin-top: var(--gap-md, 16px);\n margin-bottom: var(--gap-md, 16px);\n overflow: auto;\n }\n\n &_footer {\n position: relative;\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() permanent: boolean = false;\n /**\n * Size of modal. But max size is 90% view width\n */\n @Prop() size: SIZE_VAR = SIZE_VAR.MD;\n\n @Event() changeOpen: EventEmitter<boolean>;\n\n private triggerEl: HTMLElement | null = null;\n\n @Method()\n async openModal() {\n this.open = true;\n this.changeOpen?.emit(this.open);\n return this.open\n };\n\n @Method()\n async closeModal() {\n this.open = false;\n this.changeOpen?.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\">\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() variant: NOTIFICATION_VARIANTS = NOTIFICATION_VARIANTS.INFO;\n @Prop() 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\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() 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","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'xv-tab-v2',\n styleUrl: 'xv-tab.scss',\n shadow: true,\n})\nexport class XvTab {\n @Prop() label: string;\n @Prop() disabled: boolean = false;\n\n render() {\n return <Host disabled={this.disabled}><slot /></Host>;\n }\n}\n","export enum TABLE_COLOR_SCHEMA {\n DEF = '',\n ZEBRA = 'zebra',\n}\n\nexport enum TABLE_SIZE {\n EXTRA_SMALL = 'xs',\n SMALL = 'sm',\n MEDIUM = 'md',\n LARGE = 'lg',\n EXTRA_LARGE = 'xl',\n}\n\nexport enum TABLE_TAG {\n TABLE = 'XV-TABLE-V2',\n EXPAND = 'XV-TABLE-V2-EXPAND',\n ROW = 'XV-TABLE-V2-ROW',\n HEADER = 'XV-TABLE-V2-HEADER-ROW',\n TOOLBAR = 'XV-TABLE-V2-TOOLBAR'\n}\n\nexport enum SORT_DIR {\n ASC = 'asc',\n DESC = 'desc',\n NONE = 'none'\n}\n\nexport type TableSelectionEventData = {\n name: string;\n checked: boolean;\n value?: string;\n group?: {\n isMainRow?: boolean;\n id: string;\n data?: TableSelectionEventData[];\n };\n};\n\nexport type TableSelectionEvent = CustomEvent<TableSelectionEventData>;\n\nexport interface TableSortData {\n dir: SORT_DIR;\n name: string;\n}\n","@import \"vars\";\n\n:host {\n position: relative;\n\n @include init-column-vars();\n\n --xv-table-row-bg-color: var(--layer-02, #FFF);\n --xv-table-first-col-size: 0px;\n --xv-table-padding: #{$space-md};\n\n .caption {\n padding: $space-md $space-md $space-lg;\n &_title,\n &_description {\n color: $color;\n margin: 0;\n }\n\n &_title {\n font-family: var(--ff-heading, \"Gill Sans\");\n font-size: 21px;\n }\n\n &_description {\n font-family: var(--ff-body, Tahoma);\n font-size: $font-size-content;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n }\n }\n}\n\n:host([expandable]) {\n --xv-table-first-col-size: 48px;\n}\n:host([selectable]) {\n --xv-table-first-col-size: 50px;\n}\n:host([expandable][selectable]) {\n --xv-table-first-col-size: 98px;\n}\n\n:host([size=\"xs\"]) {\n --xv-table-padding: #{$space-xs};\n}\n:host([size=\"sm\"]) {\n --xv-table-padding: #{$space-sm};\n}\n:host([size=\"md\"]) {\n --xv-table-padding: #{$space-md};\n}\n:host([size=\"lg\"]) {\n --xv-table-padding: #{$space-lg};\n}\n:host([size=\"xl\"]) {\n --xv-table-padding: #{$space-xl};\n}\n\n:host([hoverable]) {\n ::slotted(#{$tag-name}-row:hover),\n ::slotted(#{$tag-name}-expand:hover) {\n --xv-table-row-bg-color: var(--layer-hover-01, #E3E3E3);\n }\n}\n\n:host(#{$tag-name}) {\n ::slotted(#{$tag-name}-row[odd]),\n ::slotted(#{$tag-name}-expand[odd]) {\n --xv-table-row-bg-color: var(--layer-selected-01, #E3E3E3);\n }\n}\n","import { Component, Host, h, Element, Prop, Watch, Event, EventEmitter, State } from '@stencil/core';\nimport { TABLE_COLOR_SCHEMA, TABLE_SIZE, TABLE_TAG, TableSelectionEvent, TableSelectionEventData } from './defs';\nimport { XvTableToolbar } from './xv-table-toolbar/xv-table-toolbar';\nimport { debounce, forEach, setAttr } from '../../utils/utils';\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 /**\n * Table caption description\n */\n @Prop() description: string;\n /**\n * Set current color schema type of enum TABLE_COLOR_SCHEMA\n * Possible options 'zebra'\n */\n @Prop({ attribute: 'color-schema' }) colorSchema: TABLE_COLOR_SCHEMA = TABLE_COLOR_SCHEMA.DEF;\n /**\n * If table is expandable fields\n */\n @Prop({ reflect: true }) expandable: boolean = false;\n /**\n * Table size\n * enum TABLE_SIZE\n */\n @Prop() size: TABLE_SIZE = TABLE_SIZE.MEDIUM;\n /**\n * Add checkbox selection to the table\n */\n @Prop() selectable: boolean = false;\n\n @State() selectedRows = new Map<string, TableSelectionEventData>();\n\n @Event() changeSelection: EventEmitter<TableSelectionEventData[]>;\n\n @Watch('colorSchema')\n handleSetColorSchema() {\n this.setRowProps();\n }\n\n @Watch('selectable')\n listenSelectableHandle() {\n if (this.selectable) {\n this.el.addEventListener('checkedChange', this.handleCheckedChange);\n } else {\n this.el.removeEventListener('checkedChange', this.handleCheckedChange);\n }\n\n const rows = Array\n .from(this.el.querySelectorAll(`${TABLE_TAG.ROW}, ${TABLE_TAG.HEADER}`))\n .filter((node) =>\n node.nodeType === Node.ELEMENT_NODE && (\n (node as any)?.tagName === `${this.el.tagName}-ROW` ||\n (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`\n )\n );\n\n rows.forEach((row, i) => {\n const isExists = row.hasAttribute('selection-name');\n\n if (this.selectable && row.tagName === TABLE_TAG.HEADER && !isExists) {\n return row.setAttribute('selection-name', 'header');\n }\n\n if (!this.selectable && isExists) {\n return row.removeAttribute('selection-name');\n }\n\n if(this.selectable && !isExists) {\n row.setAttribute('selection-name', row.getAttribute('name') || `${i}`);\n }\n })\n }\n\n private debouncedChangeSelection = debounce(async () => {\n const results = Array.from(this.selectedRows.values());\n const toolbar = this.el.querySelector(TABLE_TAG.TOOLBAR) as unknown as XvTableToolbar;\n await toolbar?.setSelectedItems?.(this.selectedRows);\n const header = this.el.querySelector(TABLE_TAG.HEADER);\n let partial = false;\n\n forEach(this.el.querySelectorAll(TABLE_TAG.ROW), (row) => {\n if (!row.hasAttribute('checked')) partial = true;\n })\n\n setAttr(header, 'checked', !!this.selectedRows.size);\n setAttr(header, 'partial', partial);\n\n this.changeSelection.emit(results);\n }, 150);\n\n private handleCheckedChange = async (e: TableSelectionEvent) => {\n const { name, checked } = e.detail;\n\n if (checked) {\n this.selectedRows.set(name, e.detail);\n } else {\n this.selectedRows.delete(name);\n }\n\n this.debouncedChangeSelection();\n };\n\n private setRowProps = () => {\n const rows = Array\n .from(this.el.childNodes)\n .filter((node) =>\n node.nodeType === Node.ELEMENT_NODE && (\n (node as any)?.tagName === `${this.el.tagName}-ROW` ||\n (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW` ||\n (node as any)?.tagName === `${this.el.tagName}-EXPAND`\n )\n );\n let visualIndex = 0;\n\n rows.forEach((node, i) => {\n const row = (node as HTMLElement);\n const isHeaderRow = (node as any)?.tagName === `${this.el.tagName}-HEADER-ROW`;\n\n if (isHeaderRow) return;\n\n switch (this.colorSchema) {\n case TABLE_COLOR_SCHEMA.ZEBRA:\n const stripe = visualIndex % 2 === 0 ? 'even' : 'odd';\n if (row.hasAttribute('expandable') && rows[i + 1]) {\n row.setAttribute(stripe, '');\n } else {\n visualIndex++;\n row.setAttribute(stripe, '');\n }\n break;\n default:\n row.removeAttribute('odd');\n row.removeAttribute('even');\n }\n });\n }\n\n render() {\n return (\n <Host role=\"table\" size={this.size} selectable={this.selectable}>\n {(this.el.title || this.description) && (\n <div class=\"caption\">\n {this.el.title && <h5 class=\"caption_title\">{this.el.title}</h5>}\n {this.description && <p class=\"caption_description\">{this.description}</p>}\n </div>\n )}\n <slot name=\"header\" />\n <slot></slot>\n </Host>\n );\n }\n\n componentWillLoad() {\n this.setRowProps();\n this.listenSelectableHandle();\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('checkedChange', this.handleCheckedChange);\n }\n}\n","@import \"../vars\";\n\n:host {\n display: block;\n color: $color;\n font-family: var(--ff-body, Tahoma);\n font-size: $font-size-content;\n letter-spacing: 0.16px;\n text-overflow: ellipsis;\n max-height: 32px;\n height: 32px;\n align-content: center;\n padding: var(--xv-table-padding, $space-md);\n}\n","import { Component, Host, h, Prop, Listen, Event, EventEmitter } from '@stencil/core';\nimport { SORT_DIR, TableSortData } from '../defs';\n\n@Component({\n tag: 'xv-table-v2-col',\n styleUrl: 'xv-table-col.scss',\n shadow: true,\n})\nexport class XvTableCol {\n @Prop({ reflect: true, mutable: true }) sort?: SORT_DIR | '';\n @Prop({ attribute: 'sort-name' }) sortName?: string;\n\n @Event() sortColChange: EventEmitter<TableSortData>;\n\n @Listen('click')\n handleClick() {\n if (this.sort === undefined) return;\n if (this.sort === '') this.sort = SORT_DIR.NONE;\n\n this.sort = this.sort === SORT_DIR.NONE ?\n SORT_DIR.ASC : this.sort === SORT_DIR.ASC ?\n SORT_DIR.DESC : SORT_DIR.NONE;\n this.sortColChange.emit({ dir: this.sort, name: this.sortName });\n }\n\n render() {\n return (\n <Host role=\"cell\" class=\"xv-table-col\" sort={this.sort}>\n <slot />\n </Host>\n );\n }\n}\n","@import \"../vars\";\n\n:host {\n @include init-column-vars;\n}\n\n:host(#{$tag-name}-expand) {\n ::slotted(#{$tag-name}-row) {\n block-size: auto;\n overflow: hidden;\n\n @include row-cols-schema;\n }\n}\n\n:host(#{$tag-name}-expand:not([expanded])) {\n ::slotted(#{$tag-name}-row:not(:first-of-type)) {\n padding-top: 0;\n padding-bottom: 0;\n block-size: 0;\n }\n}\n\n:host(#{$tag-name}-expand[expanded]) {\n ::slotted(#{$tag-name}-row:not(:first-of-type)) {\n block-size: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport { TABLE_TAG, TableSelectionEvent, TableSelectionEventData } from '../defs';\nimport { debounce, forEach, uidGenerator } 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\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n\n @State() cols: number = 1;\n @State() hovered: boolean = false;\n @State() checkedGroup: Map<string, any> = new Map();\n @State() selectedRows = new Set<TableSelectionEventData>();\n @State() mainRowData: TableSelectionEventData;\n\n @Event() checkedChange: EventEmitter<TableSelectionEventData>;\n\n // Expand group ID\n private groupId: string = uidGenerator();\n\n @Method()\n async toggleExpand(expanded: boolean) {\n this.expanded = !!expanded;\n }\n\n private setAttr(node: Element, name: string, value: string | boolean) {\n if (typeof value === 'string') {\n !node.hasAttribute(name) && node.setAttribute(name, value);\n return;\n }\n\n if (value) {\n !node.hasAttribute(name) && node.setAttribute(name, '');\n } else {\n node.hasAttribute(name) && node.removeAttribute(name);\n }\n }\n\n private setExpandAttrs = (expanded: boolean) => {\n forEach(this.el.children, (row, i) => {\n // set group id\n this.setAttr(row, 'group-id', this.groupId);\n\n // If it's Main selection row\n if (!i) {\n this.setAttr(row, 'expandable', true);\n this.setAttr(row, 'expanded', expanded);\n return;\n }\n });\n }\n\n private onSlotChange = () => {\n this.cols = this.el.firstElementChild.childElementCount;\n this.setExpandAttrs(this.expanded);\n }\n\n private setInitialExpandStatus() {\n const table = this.el.parentElement;\n\n if (table.tagName === TABLE_TAG.TABLE) this.setAttr(table, 'expandable', true);\n }\n\n private emitChangeSelectionEvent = debounce(() => this.checkedChange.emit({\n name: this.mainRowData?.name || this.el.firstElementChild.getAttribute('selection-name'),\n ...(this.mainRowData || {}),\n checked: !!this.selectedRows.size,\n group: {\n id: this.groupId,\n ...(this.mainRowData?.group || {}),\n data: Array.from(this.selectedRows.values()),\n }\n }), 100);\n\n private handleCheckedChange = (e: TableSelectionEvent) => {\n const { group, checked, name } = e.detail;\n\n if (group?.id !== this.groupId) return;\n\n if (group?.isMainRow) {\n this.mainRowData = e.detail;\n // clear group selection\n if (!checked) this.selectedRows.clear();\n // Change all group except first row\n forEach(this.el.children, (row, i) => {\n if (!i || row.hasAttribute('disabled')) return;\n this.setAttr(row, 'checked', checked);\n })\n } else {\n if (checked) {\n this.selectedRows.add(e.detail);\n } else {\n this.selectedRows\n .forEach(item => item.name === name && this.selectedRows.delete(item));\n }\n }\n\n const isNoSelected = !this.selectedRows.size;\n const isAllSelected = this.selectedRows.size == this.el.childElementCount - 1;\n const isPartialSelected = !isNoSelected && (this.selectedRows.size < this.el.childElementCount - 1);\n\n if (isAllSelected) {\n this.setAttr(this.el.firstElementChild, 'checked', true);\n } else if (isNoSelected) {\n this.setAttr(this.el.firstElementChild, 'checked', false);\n }\n\n this.setAttr(this.el.firstElementChild, 'partial', isPartialSelected);\n\n this.emitChangeSelectionEvent();\n };\n\n render() {\n return (\n <Host\n role=\"rowgroup\"\n cols={this.cols}\n expanded={this.expanded}\n hovered={this.hovered}\n >\n <slot onSlotchange={this.onSlotChange} />\n </Host>\n );\n }\n\n componentWillLoad() {\n this.setInitialExpandStatus();\n }\n\n connectedCallback() {\n this.el.childNodes.forEach(row => row.addEventListener('checkedGroupChange', this.handleCheckedChange));\n }\n\n disconnectedCallback() {\n this.el.childNodes.forEach(row => row.removeEventListener('checkedGroupChange', this.handleCheckedChange));\n }\n}\n","@import \"../vars\";\n\n\n:host {\n display: grid;\n align-items: center;\n background-color: var(--layer-accent-01, #F7F7F7);\n transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\n color: $color;\n font-family: var(--ff-body, Tahoma);\n font-size: $font-size-header;\n font-weight: 700;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n\n @include row-cols-schema;\n\n .left-container {\n @include left-container-styles;\n }\n}\n\n:host([sortable]) {\n ::slotted(#{$tag-name}-col[sort]) {\n cursor: pointer;\n position: relative;\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\n ::slotted(#{$tag-name}-col[sort]:hover),\n ::slotted(#{$tag-name}-col[sort]:focus-within),\n ::slotted(#{$tag-name}-col[sort=\"asc\"]),\n ::slotted(#{$tag-name}-col[sort=\"desc\"]) {\n background-color: var(--layer-accent-hover-01, #E3E3E3);\n }\n\n ::slotted(#{$tag-name}-col[sort]:hover),\n ::slotted(#{$tag-name}-col[sort]:focus-within) {\n &::before {\n opacity: 1;\n }\n\n &::after {\n opacity: 1;\n }\n }\n\n ::slotted(#{$tag-name}-col[sort=\"asc\"]) {\n &::before {\n opacity: 1;\n }\n\n &::after {\n display: none;\n }\n }\n\n ::slotted(#{$tag-name}-col[sort=\"desc\"]) {\n &::before {\n display: none;\n }\n\n &::after {\n opacity: 1;\n }\n }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { TABLE_TAG, TableSortData } from '../defs';\nimport { forEach, setAttr } from '../../../utils/utils';\n\n@Component({\n tag: 'xv-table-v2-header-row',\n styleUrl: 'xv-table-header-row.scss',\n shadow: true,\n})\nexport class XvTableHeaderRow {\n @Element() el: HTMLElement;\n /**\n * Is sort enabled\n */\n @Prop({ reflect: true }) sortable?: boolean;\n /**\n * Checkbox row name\n */\n @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n /**\n * Checkbox row selected partially\n */\n @Prop({ reflect: true, mutable: true }) partial: boolean = false;\n /**\n * Checkbox row checked\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n @State() cols: number = 1;\n\n @Event() sortChange: EventEmitter<TableSortData>;\n\n private sortChangeHandle = ({ detail, target }: CustomEvent<TableSortData>) => {\n // Reset prev selected sort\n forEach(this.el.children, (col) => {\n if (col !== target && col.hasAttribute('sort')) {\n col.setAttribute('sort', 'none');\n }\n });\n this.sortChange.emit(detail);\n };\n\n private slotChangeHandle = () => {\n this.cols = this.el.childElementCount;\n if (this.sortable) {\n this.el.removeEventListener('sortColChange', this.sortChangeHandle.bind(this));\n this.el.addEventListener('sortColChange', this.sortChangeHandle.bind(this));\n }\n }\n\n private checkboxChange = (e: CustomEvent<boolean>) => {\n this.checked = e.detail;\n this.partial = false;\n\n forEach(\n this.el.parentElement.querySelectorAll(TABLE_TAG.ROW),\n (row) => {\n if (!row.hasAttribute('disabled')) {\n setAttr(row, 'checked', this.checked);\n }\n },\n );\n }\n\n render() {\n return (\n <Host role=\"row\" cols={this.cols}>\n <div class=\"left-container\">\n {this.selectionName !== undefined && (\n <xv-checkbox-v2\n partial={this.partial}\n name={this.selectionName}\n checked={this.checked}\n onEventChange={this.checkboxChange}\n />\n )}\n </div>\n <slot onSlotchange={this.slotChangeHandle}></slot>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('sortColChange', this.sortChangeHandle.bind(this));\n }\n}\n","@import \"../vars\";\n\n:host(#{$tag-name}-row) {\n display: grid;\n align-items: center;\n transition: height .15s cubic-bezier(.2,0,.38,.9), padding .15s ease-in-out, background-color 0.2ms ease-in-out;\n background-color: var(--xv-table-row-bg-color);\n box-shadow: 0 0 0 1px #E3E3E3 inset;\n\n @include row-cols-schema;\n\n .left-container {\n @include left-container-styles;\n }\n\n .expand-btn {\n @include expand-btn-styles;\n }\n}\n\n:host([disabled]) {\n opacity: 0.4;\n pointer-events: none;\n cursor: not-allowed;\n\n ::slotted(#{$tag-name}-col) {\n cursor: not-allowed;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { XvTableExpand } from '../xv-table-expand/xv-table-expand';\nimport { TABLE_TAG, TableSelectionEventData } from '../defs';\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 /**\n * Is row will be expandable\n * If it's true then the next row will be collapsed\n */\n @Prop({ reflect: true }) expandable: boolean = false;\n /**\n * Default state of expandable\n */\n @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n /**\n * Disabled status\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Checkbox row name\n */\n @Prop({ reflect: true, attribute: 'selection-name' }) selectionName?: string;\n /**\n * Checkbox row value\n */\n @Prop({ reflect: true }) value?: string;\n /**\n * Checkbox row status\n */\n @Prop({ reflect: true, mutable: true }) checked?: boolean;\n /**\n * Checkbox row with minus icon\n */\n @Prop({ reflect: true }) partial?: boolean;\n @Prop({ reflect: true, attribute: 'group-id' }) groupId?: string;\n\n @State() id?: string;\n @State() cols: number = 1;\n @State() hovered: boolean = false;\n\n @Event() checkedChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n @Event() checkedGroupChange: EventEmitter<{ name: string, value?: string; checked: boolean }>;\n\n @Watch('checked')\n checkedChangeHandle() {\n const changeData: TableSelectionEventData = {\n name: this.selectionName,\n value: this.value,\n checked: this.checked,\n };\n\n if (this.expandable || this.groupId) {\n changeData.group = { id: this.groupId, isMainRow: !!this.expandable };\n }\n\n if (changeData.group) {\n this.checkedGroupChange.emit(changeData);\n } else {\n this.checkedChange.emit(changeData);\n }\n }\n\n private checkboxChange = (e: CustomEvent<boolean>) => {\n this.checked = e.detail;\n }\n\n private onExpandHandle = async () => {\n this.expanded = !this.expanded;\n const parent = this.el.parentElement;\n\n if (parent.tagName === TABLE_TAG.EXPAND) {\n await (parent as unknown as XvTableExpand)?.toggleExpand(this.expanded);\n }\n };\n\n async componentWillLoad(){\n this.id = this.el.id;\n this.cols = this.el.childElementCount;\n // TODO: with initial checked values\n this.checked && this.checkedChangeHandle();\n }\n\n render() {\n return (\n <Host\n role=\"row\"\n cols={this.cols}\n >\n <div class=\"left-container\">\n {this.expandable && (\n <button\n onClick={this.onExpandHandle}\n class={`expand-btn ${this.expanded ? 'expanded' : ''}`}\n />\n )}\n {this.selectionName && (\n <xv-checkbox-v2\n disabled={this.disabled}\n name={this.selectionName}\n value={this.value}\n checked={!!(this.checked || this.partial)}\n partial={this.partial}\n onEventChange={this.checkboxChange}\n />\n )}\n </div>\n <slot />\n </Host>\n );\n }\n}\n","$transition: max-height 0.2s ease;\n$max-height: 96px;\n\n:host {\n display: block;\n font-family: var(--ff-body, Tahoma);\n font-size: var(--fz-md, 14px);\n font-style: normal;\n font-weight: 700;\n line-height: 128.571%;\n letter-spacing: 0.16px;\n\n .toolbar {\n transition: $transition;\n overflow: hidden;\n max-height: $max-height;\n margin-bottom: 8px;\n }\n\n .butch-editing {\n display: flex;\n align-items: center;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: space-between;\n border-radius: 3px;\n column-gap: var(--gap-md, 16px);\n background-color: var(--interactive-01, #273435);\n color: var(--text-on-color, var(--Text-text-on-color, #FFF));\n transition: $transition;\n overflow: hidden;\n max-height: 0;\n\n &_content {\n flex: 1;\n padding: var(--gap-md, 16px) 0 var(--gap-md, 16px) var(--gap-md, 16px);\n }\n\n &_selected {\n padding: var(--gap-md, 16px) var(--gap-md, 16px) var(--gap-md, 16px) 0;\n align-self: center;\n text-align: right;\n min-width: 117px;\n }\n }\n}\n\n:host(.active) {\n .toolbar {\n max-height: 0;\n margin-bottom: 0;\n }\n\n .butch-editing {\n max-height: $max-height;\n }\n}\n","import { Component, Host, h, State, Method } from '@stencil/core';\nimport { TableSelectionEventData } from '../defs';\n\n@Component({\n tag: 'xv-table-v2-toolbar',\n styleUrl: 'xv-table-toolbar.scss',\n shadow: true,\n})\nexport class XvTableToolbar {\n @State() selected: number = 0;\n\n @Method()\n async setSelectedItems(selected: Map<string, TableSelectionEventData>) {\n let count = 0;\n\n selected.forEach(row => {\n // not count header\n if (row.name === 'header') return;\n\n // count row if it's not group\n if (!row.group?.isMainRow) {\n count++;\n return;\n }\n\n // count selected group rows\n count += (row.group?.data?.length || 0);\n });\n\n this.selected = count;\n }\n\n render() {\n return (\n <Host class={{ active: !!this.selected }}>\n <div class=\"toolbar\"><slot /></div>\n\n <div class=\"butch-editing\">\n <div class=\"butch-editing_content\"><slot name=\"actions\" /></div>\n <div class=\"butch-editing_selected\">\n {this.selected} {this.selected === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}\n </div>\n </div>\n </Host>\n );\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 display: flex;\n button {\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\n .tab-content-wrapper {\n position: relative;\n overflow: hidden;\n transition: height 0.3s ease;\n padding: var(--gap-md, 16px);\n }\n\n ::slotted(#{$tab-tag}) {\n position: absolute;\n opacity: 0;\n transition: opacity 0.3s ease;\n width: 100%;\n pointer-events: none;\n }\n\n ::slotted(#{$tab-tag}.active) {\n position: relative;\n opacity: 1;\n pointer-events: auto;\n }\n}\n\n","import { Component, Host, h, Element, State, Watch, Prop, Event, EventEmitter } from '@stencil/core';\nimport { TAB_TAGS, TABS_VATIANT } from './_vars';\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 = 0;\n /**\n * Variant of tabs from TABS_VATIANT enum\n */\n @Prop() variant: TABS_VATIANT = TABS_VATIANT.DEFAULT;\n /**\n * for animate the tab content\n */\n @State() height: number = 0;\n /**\n * Emit event to outside\n */\n @Event() tabSelect: EventEmitter<number>;\n /**\n * local variable for tab labels collection\n */\n private tabElements: HTMLElement[] = [];\n /**\n * Watch active tab changes to animate content height\n */\n @Watch('active')\n onActiveTabChanged() {\n this.setHeight();\n }\n\n private collectTabs() {\n if (!this.tabElements.length) {\n this.tabElements = Array.from(this.el.querySelectorAll(TAB_TAGS.TAB));\n }\n }\n\n private updateTabClasses() {\n this.tabElements.forEach((tab, i) => {\n tab.classList.toggle('active', i === this.active);\n });\n }\n\n private setHeight() {\n requestAnimationFrame(() => {\n const tab = this.tabElements[this.active];\n if (tab) {\n const content = tab.shadowRoot?.host;\n this.height = content?.scrollHeight || 0;\n }\n });\n }\n\n private handleTabClick(index: number) {\n if (index === this.active) return;\n\n this.active = index;\n this.setHeight();\n this.tabSelect.emit(this.active);\n }\n\n render() {\n return (\n <Host class=\"xv-tabs\" variant={this.variant}>\n <div class=\"tab-headers\" role=\"tablist\">\n {this.tabElements.map((tab, index) => (\n <button\n role=\"tab\"\n disabled={!!tab.getAttribute('disabled') || !!(tab as any)?.disabled}\n class={{ active: index === this.active }}\n onClick={() => this.handleTabClick(index)}\n >\n {tab.getAttribute('label') || `Tab ${index + 1}`}\n </button>\n ))}\n </div>\n\n <div\n class=\"tab-content-wrapper\"\n style={{ height: `${this.height}px` }}\n role=\"tabpanel\"\n tabindex={-1}\n >\n <slot />\n </div>\n </Host>\n );\n }\n\n componentWillLoad() {\n this.collectTabs();\n this.setHeight();\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",":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, transform 0.2s ease-in-out;\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\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() 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() position: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right' = 'top';\n\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":[]}